.cha-roadmap-frontend{margin:0 auto;max-width:1400px;padding:40px 24px}@media (max-width:1920px){.cha-roadmap-frontend{max-width:1600px}}.cha-roadmap-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.cha-roadmap-title{color:#1e293b;font-size:22px;font-weight:700;margin:0;padding-top:0!important}.cha-roadmap-toolbar{align-items:center;display:flex;gap:12px}.cha-search-box{align-items:center;display:flex;position:relative}.cha-search-box svg{color:#94a3b8;left:12px;position:absolute}.cha-search-box input{border:1px solid #e2e8f0;border-radius:8px;box-shadow:none;font-size:13px;padding:8px 12px 8px 36px}.cha-search-box input:focus,.cha-search-box input:focus-visible{border-color:var(--changeloger_brand_color);box-shadow:none}.cha-roadmap-search .cha-search-clear{align-items:center;background:transparent;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.cha-roadmap-search .cha-search-clear:hover{background:#e2e8f0;color:#64748b}.cha-roadmap-sort{position:relative}.cha-sort-btn:is(button,a){align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.cha-sort-btn:is(button,a):focus,.cha-sort-btn:is(button,a):hover{background-color:initial;border-color:var(--changeloger_brand_color);color:var(--changeloger_brand_color)}.cha-sort-menu{animation:fadeIn .15s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.12);min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.cha-sort-item{align-items:center;background:transparent;border:none;border-radius:8px;box-shadow:none;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.cha-sort-item:hover{background:#f1f5f9}.cha-sort-item.active{background:#f0f9ff;color:var(--changeloger_brand_color);font-weight:500}.cha-sort-icon{font-size:14px}.cha-sort-icon svg{height:17px;width:17px}.cha-roadmap-board{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.cha-roadmap-column{background:#fafbfd;border-radius:12px;display:flex;flex-direction:column;min-height:400px}.cha-roadmap-column-header{align-items:center;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px}.cha-roadmap-column-title{color:#1e293b;font-size:14px;font-weight:600}.cha-roadmap-column-count{align-items:center;background:#fff;border-radius:12px;color:#64748b;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.cha-roadmap-column-content{flex:1;max-height:600px;overflow-y:auto;padding:8px 12px 12px}.cha-roadmap-card{background:#fff;border:1px solid rgba(222,225,234,.6);border-radius:10px;box-shadow:0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:12px;padding:12px;transition:all .2s ease}.cha-roadmap-card:hover{background-color:#f8f9fc;border-color:#dee1ea;transform:translateY(-2px)}.cha-roadmap-card:last-child{margin-bottom:0}.cha-roadmap-card-title{color:#1e293b;font-size:14px;font-weight:500;line-height:1.5;margin:0 0 8px;padding-top:0!important}.cha-roadmap-card-desc{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 12px}.cha-roadmap-card-footer{align-items:center;display:flex;gap:8px}.cha-roadmap-card-type{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;padding:3px 8px}.cha-roadmap-card-type.feedback{background:#ede9fe;color:#7c3aed}.cha-roadmap-card-type.manual{background:#fef3c7;color:#d97706}.cha-roadmap-card-votes{align-items:center;color:#64748b;display:inline-flex;font-size:12px;gap:4px;margin-left:auto}.cha-roadmap-card-votes svg{color:var(--changeloger_brand_color)}.cha-roadmap-empty{color:#94a3b8;padding:40px 20px;text-align:center}.cha-roadmap-empty svg{height:40px;margin-bottom:12px;opacity:.5;width:40px}.cha-roadmap-empty p{font-size:13px;margin:0}.cha-roadmap-loading{align-items:center;display:flex;justify-content:center;padding:60px 20px}.cha-roadmap-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:40px 20px;text-align:center}.cha-roadmap-error p{color:#dc2626;margin:0 0 16px}.cha-roadmap-error button{background:var(--changeloger_brand_color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}@media (max-width:992px){.cha-roadmap-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cha-roadmap-board{grid-template-columns:1fr}.cha-roadmap-search{max-width:none}}.cha-roadmap-card{cursor:pointer}.cha-roadmap-column-status{border-radius:12px;border-style:solid;border-width:1px;font-size:12px;font-weight:600;line-height:16px;padding:4px 8px}.cha-roadmap-card-category{background:rgba(248,249,252,.5);border:1px solid rgba(222,225,234,.5);border-radius:10px;color:#5b678f;font-weight:500;line-height:16px;padding:5px 8px}.cha-roadmap-card-category,.cha-roadmap-card-comments{align-items:center;display:inline-flex;font-size:12px;gap:4px}.cha-roadmap-card-comments{color:#64748b}.cha-roadmap-upvote:is(button,a){align-items:center;background:rgba(248,249,252,.5);border:1px solid rgba(222,225,234,.5);border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-left:auto;padding:4px 8px;transition:all .2s}.cha-roadmap-upvote:is(button,a):hover:not(:disabled){background:#f0f9ff;border-color:var(--changeloger_brand_color);color:var(--changeloger_brand_color)}.cha-roadmap-upvote:is(button,a).voted{background:var(--changeloger_brand_color);border-color:var(--changeloger_brand_color);color:#fff}.cha-roadmap-upvote:is(button,a):disabled{cursor:not-allowed;opacity:.5}.cha-roadmap-upvote svg{color:currentColor}@media (max-width:1200px){.cha-roadmap-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cha-roadmap-board{grid-template-columns:1fr}}