@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap";:root{--ink:#172139;--muted:#78829a;--blue:#3549bd;--border:#e8ecf3}*{box-sizing:border-box}body{color:var(--ink);background:#f7f9fc;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #769af8}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#8aa0e7!important;box-shadow:0 0 0 3px #496ed012!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-.7px;font-size:26px;font-weight:800}h2{font-size:17px;font-weight:750}small{font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#9daac4;z-index:20;background:linear-gradient(160deg,#111d37,#10192d 65%,#152241);flex-direction:column;flex-shrink:0;width:232px;padding:27px 17px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-1px;align-items:center;gap:10px;padding:0 12px 30px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;display:flex}.brand img{width:33px;height:33px}.workspace-picker{text-align:left;color:#ecf0fc;border:1px solid #2c3650;border-radius:8px;align-items:center;gap:9px;width:100%;padding:11px 9px;font-size:13px;display:flex}.workspace-picker span:nth-child(2){flex:1}.workspace-picker small{color:#8390ac;margin-top:4px;font-size:11px;display:block}.workspace-icon{color:#fff;background:linear-gradient(140deg,#f69775,#db68a2);border-radius:6px;padding:7px;font-size:12px}.nav-label{letter-spacing:1.6px;color:#62728f;margin:29px 12px 13px;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{text-align:left;border-radius:6px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;display:flex}.sidebar nav button:hover{color:#fff;background:#1e2b48}.sidebar nav button.active{color:#f3f6ff;background:#263661;box-shadow:inset 3px 0 #6e90ff}.nav-count{background:#334365;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:11px}.spaces-title{letter-spacing:1.5px;color:#7383a0;justify-content:space-between;align-items:center;margin:32px 12px 12px;font-size:10px;display:flex}.spaces-title button{padding:0}.boards-nav button{text-align:left;border-radius:6px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:13px;line-height:1.5;display:flex}.boards-nav button>span{border-radius:3px;flex-shrink:0;width:8px;height:8px}.boards-nav button.selected-board{color:#ecf0ff;background:#192744}.sidebar-bottom{margin-top:auto;padding-top:35px}.workspace-note{color:#667898;padding:17px 12px 23px;font-size:12px}.workspace-note svg{color:#5a78b2;margin-bottom:10px;display:block}.workspace-note strong{color:#9ba9c3;font-weight:500}.workspace-note p{margin-top:5px}.profile{color:#e8eefa;border-top:1px solid #29334b;align-items:center;gap:9px;padding:18px 9px 1px;font-size:13px;display:flex}.profile small{color:#7d8ba6;margin-top:4px;font-size:11px;display:block}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0e1a3110}.avatar.small{width:27px;height:27px;font-size:9px}.avatar-stack{padding-left:8px;display:flex}.avatar-stack .avatar{margin-left:-8px}.app-shell>main{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 32px;display:flex}.search{color:#697590;background:#f5f6fa;border:1px solid #eceef4;border-radius:7px;align-items:center;gap:10px;width:45%;max-width:410px;padding:10px 12px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;font-size:13px}.search input:focus{box-shadow:none!important}.search input::placeholder{color:#9098ad}.search kbd{font-size:17px;line-height:1}.top-right{align-items:center;gap:19px;display:flex}.save-state{color:#8b95aa;align-items:center;gap:4px;font-size:12px;display:flex}.primary{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4057c4,#283b9f);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 3px 7px #23378e19}.primary:hover{background:#2944b8}.page-heading{background:#fff;padding:26px 32px 22px}.breadcrumb{color:#98a0b1;gap:11px;margin-bottom:19px;font-size:12px;display:flex}.breadcrumb span{color:#c6ccd8}.title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.project-title{align-items:center;gap:12px;display:flex}.project-icon{color:#3d53bf;background:#e9edfd;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.star{color:#edb865;margin-left:2px;font-size:23px}.team{color:#8c94a7;align-items:center;gap:9px;font-size:12px;display:flex}.project-subtitle{color:#8993a8;margin-top:11px;margin-left:50px;font-size:13px}.view-toolbar{border-top:1px solid #f2f3f7;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:15px;padding:0 32px;display:flex}.tabs{gap:22px;display:flex}.tabs button{color:#8892a7;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:17px 0;font-size:13px;display:flex}.tabs button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:700}.tools{align-items:center;gap:8px;display:flex}.tool{color:#6b7690;background:#fff;border:1px solid #e3e7ef;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.tool:hover,.tool.selected{color:#3854bd;background:#edf1ff}.group-label{color:#7b859a;border:1px solid #e3e7ef;border-radius:5px;padding:8px 10px;font-size:12px}.filter-wrap{position:relative}.filter-pop{border:1px solid var(--border);z-index:15;background:#fff;border-radius:8px;width:180px;padding:17px;position:absolute;top:40px;right:0;box-shadow:0 8px 30px #17213920}.filter-pop label{flex-direction:column;gap:9px;display:flex}.filter-pop select{border:1px solid var(--border);border-radius:4px;padding:7px}.filter-pop button{color:var(--blue);margin-top:13px;font-size:12px}.filter-dot{background:var(--blue);border-radius:50%;width:5px;height:5px}.content{min-height:calc(100vh - 323px);padding:22px 28px 30px}.board-caption{color:#9ba4b8;justify-content:space-between;align-items:center;margin:0 4px 17px;font-size:12px;display:flex}.board-caption>span:first-child{align-items:center;gap:7px;display:flex}.live-dot{background:#8a9fbe;border-radius:2px;width:6px;height:6px}.caption-separator{margin:0 9px}.kanban{align-items:flex-start;gap:14px;min-height:570px;padding-bottom:18px;display:flex;overflow-x:auto}.column{background:#eef1f7;border:1px solid #e9edf5;border-radius:9px;flex:1;min-width:215px;min-height:505px;padding:12px 10px}.column-1{background:linear-gradient(#e0eaff,#eff3fa 35%);border-color:#dce6f9}.column-2{background:linear-gradient(#fff0d7,#f9f4eb 35%);border-color:#f3ead9}.column-3{background:linear-gradient(#ebe3ff,#f1eff9 35%);border-color:#e6dff6}.column-4{background:linear-gradient(#d9f4ed,#edf7f5 35%);border-color:#d9eee8}.column-header{align-items:center;gap:7px;padding:2px 3px 14px;display:flex}.column-header h2{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.status-mark{background:#9099ae;border-radius:50%;width:7px;height:7px}.column-1 .status-mark{background:#5d8be9}.column-2 .status-mark{background:#eba747}.column-3 .status-mark{background:#a17bea}.column-4 .status-mark{background:#46b89f}.column-count{color:#75829a;background:#ffffff65;border-radius:4px;padding:2px 5px;font-size:11px}.column-options{color:#939db0;margin-left:auto;display:flex}.add-card{color:#7d8ba8;text-align:left;background:#ffffffa3;border:1px solid #ffffffbe;border-radius:6px;align-items:center;gap:6px;width:100%;margin-bottom:11px;padding:10px;font-size:12px;display:flex}.add-card:hover{color:var(--blue);background:#fff}.card-list{flex-direction:column;gap:11px;display:flex}.task-card{text-align:left;background:#fff;border:1px solid #e8ebf2;border-radius:7px;width:100%;padding:14px 12px 12px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #17213903}.task-card:hover{border-color:#ced8ee;transform:translateY(-2px);box-shadow:0 6px 17px #192d5810}.task-card:active{cursor:grabbing}.card-heading{justify-content:space-between;align-items:flex-start;gap:5px;display:flex}.card-heading strong{font-size:13px;font-weight:650;line-height:1.5}.card-heading svg{color:#adb4c4;flex-shrink:0}.task-card p{color:#9099af;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 10px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.card-labels{flex-wrap:wrap;gap:5px;display:flex}.tag{color:#5b77b8;background:#e6edff;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:600}.tag-research,.tag-marketing{color:#9771be;background:#efe7ff}.tag-design{color:#5b78c6;background:#e3ebff}.tag-planning{color:#449c88;background:#def4ed}.tag-qa{color:#518fac;background:#dff2fc}.tag-documentation{color:#7a84af;background:#e7edfe}.tag-business{color:#8b75b6;background:#eee8ff}.priority-high{color:#db8a70;align-items:center;gap:3px;padding:3px;font-size:10px;display:flex}.card-footer{align-items:center;gap:6px;margin-top:17px;display:flex}.date{color:#9ba5ba;align-items:center;gap:4px;font-size:10px;display:flex}.date.overdue{color:#e36e83}.card-meta{color:#9aa6bc;white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:10px;display:flex}.mini-progress{background:#eef0f6;border-radius:4px;height:3px;margin-top:12px;overflow:hidden}.mini-progress span{background:#7292df;height:100%;display:block}.empty-column{text-align:center;color:#a4aec1;border:1px dashed #cdd6e5;border-radius:6px;padding:55px 15px;font-size:12px;line-height:1.8}.can-drop{outline:1px dashed #96ade0}.page-footer{color:#a8b1c4;justify-content:space-between;align-items:center;padding:0 32px 19px;font-size:11px;display:flex}.page-footer span:last-child{align-items:center;gap:5px;display:flex}.loading{color:#8c98b3;justify-content:center;align-items:center;gap:10px;height:400px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.list-view,.panel,.timeline-view,.calendar-view{border:1px solid var(--border);background:#fff;border-radius:9px;padding:24px;box-shadow:0 2px 6px #17213902}.list-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.list-heading>span{color:#9ba5b7;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:730px}th{color:#9ca6b9;border-bottom:1px solid var(--border);background:#fafbfe;padding:14px 12px;font-size:12px;font-weight:500}td{border-bottom:1px solid #eff1f6;padding:16px 12px;font-size:13px}tr:hover td{background:#fafbff}tbody tr{cursor:pointer}.table-task{text-align:left;padding:0;font-weight:600;display:block}.table-label{color:#97a3ba;margin-top:5px;font-size:11px;display:block}.person{align-items:center;gap:7px;font-size:12px;display:flex}.status-pill{color:#8893ac;white-space:nowrap;background:#eef1f7;border-radius:4px;padding:5px 8px;font-size:11px;display:inline-block}.status-1{color:#5e7ec3;background:#e3ebff}.status-2{color:#bf924b;background:#fff0d8}.status-3{color:#9270cc;background:#ece5ff}.status-4{color:#42a18b;background:#def4ed}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-heading p,.panel>p{color:#9ba5b8;margin-top:8px;font-size:12px}.legend{color:#919db3;align-items:center;gap:6px;font-size:11px;display:flex}.legend i{background:#5e8ded;border-radius:2px;width:8px;height:8px}.timeline-scroll{overflow:auto}.timeline-grid{min-width:750px}.timeline-head,.timeline-row{border-bottom:1px solid #edf0f5;grid-template-columns:210px 1fr;align-items:center;display:grid}.timeline-head{color:#9ba5ba;padding-bottom:17px;font-size:11px}.timeline-head>div{justify-content:space-between;display:flex}.timeline-row{height:57px}.timeline-row>button{text-align:left;padding:6px 12px 6px 0;font-size:12px}.timeline-track{background:repeating-linear-gradient(90deg,#0000 0 calc(16.6667% - 1px),#eff2f8 calc(16.6667% - 1px) 16.6667%);height:100%;position:relative}.timeline-track>button{color:#fff;white-space:nowrap;text-align:left;border-radius:5px;height:28px;padding:0 10px;font-size:11px;position:absolute;top:15px;overflow:hidden}.unscheduled{color:#c1c8d6;padding-left:8px;font-size:11px;line-height:57px}.calendar-controls{gap:7px;display:flex}.calendar-grid{border-left:1px solid var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday{text-align:center;color:#8e9ab2;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#f8faff;padding:12px;font-size:12px}.calendar-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:110px;padding:9px}.calendar-cell>span{justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.calendar-cell.muted{color:#c5cbda;background:#fafbfe}.calendar-cell .today{background:var(--blue);color:#fff;border-radius:50%}.calendar-cell button{text-align:left;background:#f2f5ff;border-left:2px solid;border-radius:3px;width:100%;margin-top:5px;padding:5px;font-size:10px;display:block;overflow:hidden}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:8px;padding:23px}.stat>span{color:#8995af;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat svg{color:#658bdf;box-sizing:content-box;background:#eef3ff;border-radius:7px;padding:6px}.stat-1 svg{color:#36aa93;background:#e7f6f0}.stat-2 svg{color:#9a76e1;background:#f2edfc}.stat-3 svg{color:#e07c83;background:#fff0f0}.stat>strong{letter-spacing:-1px;margin:10px 0 7px;font-size:31px;display:block}.stat small{color:#a4aec2;font-size:11px}.analytics-grid{grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:22px;display:grid}.bar-chart{flex-direction:column;gap:26px;margin-top:33px;display:flex}.bar-row{align-items:center;gap:16px;font-size:12px;display:flex}.bar-row>span{color:#8995ad;width:60px}.bar-row>div{background:#f1f4f9;border-radius:4px;flex:1;height:16px;overflow:hidden}.bar-row i{border-radius:4px;height:100%;display:block}.bar-row strong{color:#8793ab;width:20px;font-weight:500}.completion-panel{text-align:center}.completion-panel h2{text-align:left}.donut{border-radius:50%;width:175px;height:175px;margin:24px auto 19px;padding:20px}.donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.donut strong{letter-spacing:-1px;font-size:33px}.donut span{color:#9ba4b8;margin-top:5px;font-size:11px}.text-button{color:#617cce;align-items:center;gap:7px;padding:0;font-size:12px;display:inline-flex}.deadline-row{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:15px 0;display:flex}.deadline-row>span{align-items:center;gap:12px;font-size:13px;display:flex}.deadline-row>span:last-child{color:#95a1b6;font-size:12px}.resource-row{border-bottom:1px solid var(--border);color:#7587ab;align-items:center;gap:12px;padding:17px 0;display:flex}.resource-row a{color:#4b66b5;align-items:center;gap:7px;font-size:14px;display:flex}.resource-row .text-button{margin-top:5px}.empty{text-align:center;color:#a0aac0;padding:60px 10px}.empty svg{margin:0 auto 15px}.empty h3{color:#7f8ba6;font-size:16px}.empty p{margin-top:7px;font-size:13px}.drawer-overlay{z-index:40;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#101b3037;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:450px;max-width:100vw;height:100%;padding:23px 25px 0;animation:.2s ease-out slide;display:flex;box-shadow:-12px 0 60px #0e1b3020}@keyframes slide{0%{opacity:.5;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.drawer-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.drawer-top>div{gap:8px;display:flex}.icon-button{color:#99a4b9;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{color:#506baf;background:#f0f3fa}.danger:hover{color:#d0647f;background:#fff1f4}.task-title-input{letter-spacing:-.5px;width:100%;color:var(--ink);border:0;padding:4px 0;font-family:Manrope,sans-serif;font-size:23px;font-weight:800}.task-title-input:focus{box-shadow:none!important}.detail-tabs{border-bottom:1px solid var(--border);gap:23px;margin-top:14px;display:flex}.detail-tabs button{color:#9ba5b9;border-bottom:2px solid #0000;padding:14px 0;font-size:12px}.detail-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:600}.drawer-body{flex:1;padding:24px 0;overflow-y:auto}.field{color:#56637e;flex-direction:column;gap:10px;font-size:12px;font-weight:600;display:flex}.field textarea,.field input,.field select{color:#647391;background:#fff;border:1px solid #e7ebf3;border-radius:5px;width:100%;min-width:0;padding:10px;font-size:13px;font-weight:400}.field textarea{resize:vertical;background:#fafbfe;height:105px;line-height:1.8}.field-grid{grid-template-columns:1fr 1fr;gap:22px 16px;margin:28px 0;display:grid}.checklist-header{align-items:center;gap:14px;font-size:12px;display:flex}.checklist-header strong{font-weight:600}.checklist-header span{color:#a3aec3;font-size:11px}.check-progress{background:#e9edf5;border-radius:4px;height:5px;margin:14px 0 16px;overflow:hidden}.check-progress i{background:#4e70d3;border-radius:4px;height:100%;display:block}.check-item{color:#7c8aa6;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;display:flex}.check-item label{align-items:center;gap:10px;line-height:1.7;display:flex}.check-item input{accent-color:#4e70d3;width:15px;height:15px}.checked{color:#a4afc3;text-decoration:line-through}.inline-add{color:#6685d6;align-items:center;gap:6px;margin-top:13px;display:flex}.inline-add input{background:0 0;border:0;flex:1;min-width:0;padding:7px;font-size:12px}.inline-add button{background:#edf2ff;border-radius:4px;padding:6px 9px;font-size:11px}.comments-header{border-top:1px solid var(--border);gap:12px;margin:26px 0 20px;padding-top:26px;font-size:12px;font-weight:600;display:flex}.comments-header span{color:#a7b0c1;font-size:11px;font-weight:400}.comment{gap:10px;margin-bottom:24px;display:flex}.comment strong{font-size:11px}.comment small{color:#a4afc4;margin-left:5px;font-size:10px;font-weight:400}.comment p{color:#7b8aa7;white-space:pre-wrap;margin-top:5px;font-size:12px;line-height:1.8}.comment-form{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.comment-form textarea{resize:vertical;background:#fbfcfe;border:1px solid #e7ebf3;border-radius:5px;width:100%;min-height:75px;padding:12px;font-size:12px}.drawer-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:18px 0;display:flex}.drawer-footer>span{color:#a3aec3;max-width:170px;font-size:10px;line-height:1.7}.activity-list>div{color:#8090ae;border-bottom:1px solid #edf0f6;align-items:flex-start;gap:14px;padding:15px 0;font-size:12px;line-height:1.7;display:flex}.activity-list span{background:#7590cf;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.attachment-intro{color:#97a4bc;margin-bottom:16px;font-size:13px;line-height:1.8}.resource-form{flex-direction:column;gap:20px;margin-top:25px;display:flex}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101b3060;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:400px;padding:32px;position:relative;box-shadow:0 15px 80px #0d1b3930}.modal-close{position:absolute;top:15px;right:15px}.modal h2{margin-top:20px;font-size:23px}.modal p{color:#92a0b9;margin:10px 0 27px;font-size:13px}.modal>.primary{width:100%;margin-top:24px}.toast{color:#fff;z-index:70;background:#172744;border-radius:7px;align-items:center;gap:10px;padding:13px 22px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #17213920}.error{color:#b35465;background:#fff0f0;flex-wrap:wrap;align-items:center;gap:13px;padding:12px 30px;font-size:13px;display:flex}.error button{text-decoration:underline}.mobile-menu{display:none}@media (width>=1600px){.content{padding:25px 38px}.topbar,.page-heading,.view-toolbar{padding-left:42px;padding-right:42px}.column{min-width:235px}.task-card{padding:18px 15px}.card-heading strong{font-size:14px}.task-card p{font-size:13px}.card-footer{margin-top:20px}.column-header h2{font-size:15px}}@media (width<=1200px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.app-shell>main{width:calc(100% - 210px);margin-left:210px}.topbar,.page-heading,.view-toolbar{padding-left:24px;padding-right:24px}.content{padding:20px}.group-label{display:none}.tabs{gap:17px}.column{min-width:210px}.kanban{min-height:580px}.team>span{display:none}.stats{gap:12px}.stat{padding:17px}}@media (width<=900px){.sidebar{width:185px}.brand{padding-left:5px;font-size:24px}.app-shell>main{width:calc(100% - 185px);margin-left:185px}.view-toolbar{flex-wrap:wrap;gap:0;padding-bottom:10px}.tabs{gap:25px;width:100%}.tools{margin-top:8px}.topbar{gap:12px;padding:0 20px}.search{width:55%}.save-state{display:none}.top-right{gap:10px}.top-right>.avatar{display:none}h1{font-size:22px}.team{display:none}.stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.calendar-view{padding:15px}.calendar-cell{min-height:100px;padding:5px}}@media (width<=650px){.sidebar{width:232px;transition:transform .2s;transform:translate(-100%);box-shadow:8px 0 50px #12254425}.sidebar.mobile-open{transform:translate(0)}.app-shell>main{width:100%;margin-left:0}.mobile-menu{display:inline-flex}.topbar{gap:10px;height:68px;padding:0 14px}.search{flex:1;width:auto;padding:9px}.search input{font-size:12px}.search kbd{display:none}.top-right .primary{padding:10px;font-size:0}.top-right .primary svg{width:18px}.page-heading{padding:22px 20px}.breadcrumb{margin-bottom:15px}h1{font-size:22px}.project-icon{width:32px;height:32px}.project-title{gap:9px}.project-subtitle{margin-left:41px;font-size:12px}.star{font-size:19px}.view-toolbar{padding:0 20px 10px}.tabs{gap:20px;overflow-x:auto}.tabs button{gap:5px;font-size:12px}.content{padding:18px 15px}.kanban{gap:12px}.column{min-width:255px;min-height:500px}.card-heading strong{font-size:14px}.task-card p{font-size:13px}.date{font-size:11px}.page-footer{padding:0 20px 18px}.page-footer>span:last-child{display:none}.stats{gap:10px}.stat{padding:16px}.stat>strong{font-size:28px}.stat small{font-size:10px}.panel,.list-view,.timeline-view{padding:20px 16px}.deadline-row>span:first-child{flex-direction:column;align-items:flex-start;gap:6px}.deadline-row>span:last-child{white-space:nowrap}.calendar-view{overflow-x:auto}.calendar-grid{min-width:570px}.calendar-view>.section-heading{min-width:400px}.drawer{padding:20px 20px 0}.task-title-input{font-size:21px}.drawer-footer>span{font-size:10px}.board-caption{font-size:11px}.timeline-head,.timeline-row{grid-template-columns:180px 1fr}.toast{width:max-content;max-width:90%}}.login-page{color:#172139;background:radial-gradient(at 20% 10%,#26395d,#111c34 60%,#0c1529);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:14px;width:420px;max-width:100%;padding:42px 36px;box-shadow:0 20px 100px #0003}.login-card>img{width:46px;height:46px;margin-bottom:22px}.login-card h1{font-size:25px}.login-card>p{color:#8995ae;margin:12px 0 28px;font-size:14px}.login-card form{flex-direction:column;gap:20px;display:flex}.login-card .field input{padding:12px;font-size:16px}.login-card .primary{width:100%;padding:13px;font-size:14px}.back-hub{text-align:center;color:#8995ae;margin-top:25px;font-size:12px;display:block}.login-error{color:#bd566e;background:#fff0f2;border-radius:5px;padding:11px;font-size:13px;line-height:1.7}.login-loading{color:#8995ae;align-items:center;gap:10px;padding:15px 0;display:flex}.top-right .tool{font-size:11px}@media (width<=650px){.top-right .tool{padding:9px 6px}.login-card{padding:32px 24px}}.sidebar{overscroll-behavior:contain;overflow-y:auto}.sidebar-close,.sidebar-backdrop{display:none}.board-nav-row{border-radius:6px;align-items:center;gap:2px;display:flex}.board-nav-row.selected-board{color:#ecf0ff;background:#192744}.board-nav-row:hover{background:#1e2b48}.boards-nav .board-select{flex:1;gap:9px;width:auto;min-width:0;padding:11px 9px}.boards-nav .board-select>.board-name{overflow-wrap:anywhere;border-radius:0;flex:1;width:auto;min-width:0;height:auto}.boards-nav .board-delete{color:#8492ae;flex-shrink:0;justify-content:center;width:36px;min-height:40px;padding:8px}.boards-nav .board-delete:hover{color:#ffb3c0;background:#493044}.boards-nav .board-delete:disabled{opacity:.35;cursor:not-allowed}.board-select:focus-visible,.board-delete:focus-visible,.sidebar-close:focus-visible{outline-offset:-2px;outline:2px solid #8ba6ff}@media (width<=650px){.sidebar{width:min(300px,85vw);height:100dvh}.sidebar .brand{padding-right:35px}.sidebar-close{color:#d5def2;min-width:40px;min-height:40px;display:inline-flex;position:absolute;top:24px;right:12px}.sidebar-backdrop{z-index:19;cursor:pointer;background:#0a12237a;border:0;border-radius:0;width:100%;height:100dvh;display:block;position:fixed;inset:0}.boards-nav .board-delete{width:42px;min-height:44px}.sidebar-bottom{padding-top:24px}}.kanban-page>main{flex-direction:column;height:100dvh;min-height:640px;display:flex}.kanban-page .topbar,.kanban-page .page-heading,.kanban-page .view-toolbar,.kanban-page .page-footer,.kanban-page .error{flex-shrink:0}.kanban-page .content{flex-direction:column;flex:1;min-height:240px;display:flex;overflow:hidden}.kanban-page .board-caption{flex-shrink:0}.kanban-page .kanban{flex:1;align-items:stretch;min-height:0;padding-bottom:12px;overflow-y:hidden}.kanban-page .column{flex-direction:column;min-height:0;max-height:100%;padding-bottom:10px;display:flex}.kanban-page .column-header,.kanban-page .add-card{flex-shrink:0}.kanban-page .card-list{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b2bfd4 transparent;flex:1;min-height:0;padding:3px 4px 5px 1px;scroll-padding:6px;overflow:hidden auto}.kanban-page .task-card{flex-shrink:0}.kanban-page .card-list::-webkit-scrollbar{width:6px}.kanban-page .card-list::-webkit-scrollbar-thumb{background:#b2bfd4;border-radius:6px}.kanban-page .card-list:focus-visible,.kanban-page .kanban:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid #8ba6ff}.kanban-page .loading{flex:1;height:auto}.list-view .table-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b2bfd4 transparent;-webkit-overflow-scrolling:touch;max-height:60dvh;overflow:auto}.list-view thead th{z-index:1;background:#fafbfe;position:sticky;top:0}.boards-nav .board-edit{color:#8492ae;flex-shrink:0;justify-content:center;width:30px;min-height:40px;padding:7px}.boards-nav .board-edit:hover{color:#c9d8ff;background:#2a3c60}.boards-nav .board-edit:focus-visible{outline-offset:-2px;outline:2px solid #8ba6ff}.boards-nav .board-delete{width:30px}.rename-board-modal .login-error{margin-top:16px}.rename-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.rename-board-modal{max-width:100%}.rename-board-modal p{line-height:1.6}@media (width<=650px){.boards-nav .board-edit,.boards-nav .board-delete{width:40px;min-height:44px}}.card-dates{border-top:1px solid #eff1f6;flex-direction:column;gap:7px;margin-top:14px;padding-top:10px;display:flex}.card-dates .date{color:#7c89a3;grid-template-columns:12px 30px minmax(0,1fr);align-items:center;gap:6px;font-size:11px;line-height:1.4;display:grid}.card-dates .date-kind{color:#63718c;font-weight:600}.card-dates .date.overdue,.card-dates .date.overdue .date-kind{color:#d8667c}.task-card .card-footer{margin-top:12px}.list-view td:nth-last-child(-n+2),.list-view th:nth-last-child(-n+2){white-space:nowrap}