:root{font-family:DM Sans,sans-serif;color:#1b3046;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:#4c96d9!important;box-shadow:0 0 0 3px #4c96d916}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}p{line-height:1.55}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;min-width:264px;position:sticky;top:0;height:100vh;background:#11283a;color:#aebed0;display:flex;flex-direction:column;padding:24px 15px 16px;z-index:15}.sidebar-top{padding:0 9px 26px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;font:800 14px Manrope,sans-serif;letter-spacing:.5px}.brand b{color:#66c3c0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#158f8c;color:#e1fffb}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid #385063;border-radius:12px;padding:10px 9px;color:#eef4f7}.workspace-logo{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e9f7f3;color:#167c72;font:800 17px Manrope;border-radius:8px}.workspace-switch span:nth-child(2){flex:1;min-width:0}.workspace-switch strong,.workspace-switch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switch strong{font-size:11px}.workspace-switch small{font-size:10px;color:#91acb9;margin-top:2px}.side-nav{padding-top:31px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#425568 transparent}.nav-label,.nav-group-head{padding:0 12px;color:#708da1;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:13px}.nav-label.extra{margin:30px 0 14px}.nav-group-head{display:flex;align-items:center;justify-content:space-between;margin:31px 0 11px}.add-mini{border:0;background:#294457;color:#bed3db;width:22px;height:22px;display:grid;place-items:center;border-radius:6px}.nav-link{display:flex;width:100%;gap:11px;align-items:center;padding:12px;border:0;border-radius:9px;background:transparent;color:#b3c4d2;font-weight:600;font-size:12px;text-align:left;margin:2px 0}.nav-link:hover{background:#203d51;color:#fff}.nav-link.active{background:#1c4958;color:#edfffe}.nav-link.active:before{content:"";position:absolute;margin-left:-12px;background:#63ccc3;border-radius:8px;width:3px;height:19px}.nav-link>span:nth-last-child(2){flex:1}.nav-count,.board-count{font-size:10px;color:#90abbc}.nav-count{background:#325567;padding:3px 6px;border-radius:5px}.board-link{font-size:11px;padding:10px 11px}.board-symbol{display:inline-flex;color:#6cd4c6;align-items:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{padding-top:10px}.side-help{border-radius:11px;background:linear-gradient(130deg,#1b4554,#1e384f);padding:14px;display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.side-help svg{color:#6fcdc6}.side-help strong{color:#e4f6f5;font-size:11px}.side-help small{font-size:10px;line-height:1.55;color:#aac0cd}.account{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;border-top:1px solid #2c4758;padding:17px 6px 2px;text-align:left;color:#afc2d0}.account>span:nth-child(2){flex:1;min-width:0}.account strong,.account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{color:#fff;font-size:11px}.account small{font-size:10px;margin-top:3px}.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;font-weight:800;font-size:9px;letter-spacing:.2px;color:#fff}.avatar.medium{width:38px;height:38px;font-size:12px}.main-area{flex:1;min-width:0;overflow:hidden}.topbar{height:70px;padding:0 38px;background:#fff;border-bottom:1px solid #e9eef2;display:flex;justify-content:space-between;align-items:center}.topbar-left,.topbar-right,.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:12px;color:#99a6b4;gap:9px}.breadcrumb strong{color:#39516a;font-weight:700}.topbar-right{gap:19px}.today{color:#718394;font-size:11px;display:flex;align-items:center;gap:7px}.top-separator{height:22px;width:1px;background:#e5edf2}.content{max-width:1620px;margin:auto;padding:34px 38px 55px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#2a9a98;margin-bottom:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:28px;line-height:1.3;letter-spacing:-.8px;color:#1a3149;margin-bottom:6px}.page-heading p{font-size:12px;color:#8593a1;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:800;white-space:nowrap}.btn.primary{background:#167e7c;color:#fff;box-shadow:0 3px 9px #177e7c15}.btn.primary:hover{background:#0e6a68}.btn.subtle{background:#fff;color:#6d7e8e;border-color:#e1e7ee}.btn.wide{width:100%;margin-top:10px}.icon-btn{border:0;background:transparent;color:#7b90a0;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:7px}.icon-btn:hover{background:#eef3f7}.icon-btn.small{padding:4px}.demo-banner{display:flex;justify-content:space-between;gap:10px;background:#eaf6f4;color:#356d68;border:1px solid #cbeae5;padding:10px 14px;border-radius:9px;font-size:10.5px;margin-bottom:22px}.demo-dot{display:inline-block;background:#21a485;width:7px;height:7px;border-radius:50%;margin-right:4px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{min-height:142px;display:flex;align-items:flex-start;gap:14px;padding:21px 18px;position:relative;background:#fff;border:1px solid #e9eef2;border-radius:12px;box-shadow:0 2px 12px #18384e04}.metric-icon{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:10px}.metric-icon.blue{background:#eaf3ff;color:#4b91dc}.metric-icon.red{background:#fff0ee;color:#d77d72}.metric-icon.orange{background:#fff4e9;color:#d8a05b}.metric-icon.green{background:#e5f7f0;color:#2c9d83}.metric-meta{display:flex;flex-direction:column;gap:4px}.metric-meta>span{font-size:11px;color:#8291a0;white-space:nowrap}.metric-meta strong{font:800 30px Manrope;color:#1d344c;letter-spacing:-1px}.metric-meta small{font-size:10px;color:#9aa7b3}.metric-arrow{color:#cdd8df;position:absolute;right:16px;top:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(295px,1fr);gap:20px}.panel{background:#fff;border:1px solid #e8eef2;border-radius:12px;box-shadow:0 3px 15px #12293a04;overflow:hidden}.panel-head{padding:22px 23px 15px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-head h2{font-size:14px;letter-spacing:-.2px;margin:0 0 5px;color:#213b54}.panel-head p{font-size:10.5px;color:#93a0ad;margin:0}.text-btn{display:flex;gap:5px;align-items:center;color:#168683;font-weight:700;font-size:11px;border:0;background:transparent;white-space:nowrap}.task-table{padding:0 14px 12px}.task-row{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:13px 9px;border:0;background:transparent;border-top:1px solid #edf1f4}.task-row:hover,.list-line:hover{background:#f7fafc}.task-indicator{width:6px;height:6px;border-radius:50%;background:#60b5b0;margin-right:3px;flex-shrink:0}.task-row-text{flex:1;min-width:0}.task-row-text strong,.task-row-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row-text strong{color:#334c61;font-size:11px;font-weight:700}.task-row-text small{color:#9aa7b2;font-size:10px;margin-top:4px}.priority{font-size:10px;display:inline-flex;gap:6px;align-items:center;font-weight:700;border-radius:20px;padding:5px 8px;white-space:nowrap}.priority-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.priority.low{background:#f0f3f5;color:#7e8e9e}.priority.medium{background:#e8f2ff;color:#538bc7}.priority.high{background:#fff2e5;color:#ce8a44}.priority.urgent{background:#fff0ed;color:#d8726c}.due{display:inline-flex;gap:5px;align-items:center;color:#8292a0;white-space:nowrap;font-size:10px}.due.late{color:#d16b64;font-weight:700}.due.soon{color:#d59654;font-weight:700}.board-stats{padding-bottom:11px}.board-stat{display:flex;align-items:center;text-align:left;gap:12px;background:none;border:0;padding:14px 22px;width:100%}.board-stat:hover{background:#f7fafb}.stat-symbol{display:flex;align-items:center;justify-content:center;width:41px;height:41px;flex-shrink:0;border-radius:10px}.board-stat-text{flex:1;min-width:0}.board-stat-text strong,.board-stat-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-stat-text strong{font-size:11px;color:#2f465a}.board-stat-text small{font-size:10px;color:#9cabb4;margin:3px 0 9px}.stat-track,.progress-track{width:100%;height:5px;background:#edf1f5;border-radius:10px;overflow:hidden}.stat-track span,.progress-track span{height:100%;display:block;border-radius:10px}.board-stat>svg{color:#a4b3bd}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.search-field{min-width:265px;max-width:430px;flex:1;height:40px;background:#fff;border:1px solid #e3eaf0;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#9aa9b5}.search-field input{border:0;box-shadow:none!important;width:100%;font-size:11px;background:transparent;color:#223b54}.toolbar-right{display:flex;align-items:center;gap:17px}.filter-field{height:40px;border:1px solid #e3eaf0;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 11px;color:#8094a5;gap:8px}.filter-field select{border:0;background:transparent;color:#556c7e;font-size:11px;max-width:200px}.result-counter{font-size:11px;color:#93a0ae;white-space:nowrap}.kanban-scroll{overflow-x:auto;padding-bottom:16px}.kanban{display:flex;align-items:flex-start;gap:17px;min-height:420px}.kanban-column{width:285px;min-width:285px;background:#edf2f6;border:1px solid #e7edf1;border-radius:11px;padding:12px 10px;min-height:390px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 14px}.kanban-head>div{display:flex;align-items:center;gap:8px}.kanban-head strong{font-size:11px;color:#385166}.stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.column-count{font-size:10px;border-radius:5px;background:#dce5eb;color:#768e9f;padding:2px 7px}.kanban-items{display:flex;flex-direction:column;gap:10px}.kanban-card{cursor:pointer;background:#fff;border:1px solid #e5ebef;border-radius:9px;padding:15px 13px 12px;box-shadow:0 1px 3px #0a2e4610}.kanban-card:hover{border-color:#b6dcd8;box-shadow:0 4px 16px #1538490d}.card-upper,.card-footer,.card-mid{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-tag{font-size:9.5px;color:#448a82;font-weight:700;max-width:210px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.drag-icon{color:#c3d0d9}.kanban-card h3{font:700 12px/1.5 DM Sans,sans-serif;color:#2b4459;margin:10px 0 15px}.card-mid{margin-bottom:15px;justify-content:flex-start;flex-wrap:wrap}.official-dot{font-size:9px;color:#9b8e72;background:#faf5eb;border-radius:4px;padding:4px 6px}.card-footer{border-top:1px solid #edf1f3;padding-top:11px}.card-footer-right{display:flex;gap:8px;align-items:center;margin-left:auto}.card-footer-right small{display:flex;align-items:center;gap:3px;color:#91a0af;font-size:9px}.card-footer .avatar{width:24px;height:24px}.add-card{border:1px dashed #cbd8e0;color:#7d91a1;border-radius:8px;background:transparent;padding:11px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700}.add-card:hover{background:#fff}.list-panel{padding:7px 13px}.list-line{display:flex;align-items:center;gap:16px;background:#fff;border:0;border-bottom:1px solid #eef2f5;width:100%;padding:16px;text-align:left}.list-line:last-child{border-bottom:0}.list-line>div{flex:1;min-width:0}.list-line strong,.list-line small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-line strong{font-size:12px;color:#29455a}.list-line small{font-size:10px;color:#a0aeba;margin-top:4px}.list-line>svg{color:#9caebc}.list-priority,.event-priority{width:5px;height:28px;flex-shrink:0;background:#94a3b8;border-radius:6px}.list-priority.urgent,.event-priority.urgent{background:#e27970}.list-priority.high,.event-priority.high{background:#e5ac64}.list-priority.medium,.event-priority.medium{background:#5b9cdd}.list-priority.low,.event-priority.low{background:#a4b2bd}.calendar-panel{padding-bottom:14px}.calendar-panel-top{display:flex;align-items:center;gap:9px;padding:20px 23px;border-bottom:1px solid #edf2f5;color:#2e5063}.calendar-panel-top svg{color:#17877f}.calendar-panel-top strong{font-size:12px}.calendar-group{display:flex;border-bottom:1px solid #edf2f5}.calendar-group:last-child{border:0}.calendar-date{width:155px;flex-shrink:0;padding:19px 24px}.calendar-date strong,.calendar-date small{display:block}.calendar-date strong{font:800 16px Manrope;color:#294358;text-transform:capitalize}.calendar-date small{font-size:10px;color:#94a6b2;text-transform:capitalize;margin-top:4px}.calendar-group-items{padding:10px 17px;flex:1;border-left:1px solid #edf2f5}.calendar-event{display:flex;align-items:center;gap:11px;width:100%;border:1px solid #e9eef2;background:#fff;border-radius:8px;padding:10px;margin-bottom:7px;text-align:left}.calendar-event:hover{background:#f9fbfc}.calendar-event .event-priority{height:30px}.calendar-event>span:nth-child(2){flex:1;min-width:0}.calendar-event strong,.calendar-event small{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-event strong{color:#314d62}.calendar-event small{font-size:9px;color:#9cabb7;margin-top:3px}.team-panel{padding:0 15px}.team-table-head,.team-row{display:grid;grid-template-columns:minmax(200px,2fr) 1fr 1fr 1fr;gap:12px;align-items:center;padding:15px 10px}.team-table-head{font-size:10px;color:#9aa7b2;letter-spacing:.7px;border-bottom:1px solid #ebf0f4}.team-row{border-bottom:1px solid #edf1f4;font-size:12px}.team-row:last-child{border:0}.team-name{display:flex;align-items:center;gap:10px;min-width:0}.team-name span:nth-child(2){min-width:0}.team-name strong,.team-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-name strong{font-size:11px}.team-name small{color:#9daab5;font-size:10px;margin-top:4px}.role-pill{background:#edf4fa;color:#5685a0;border-radius:20px;padding:6px 10px;font-size:10px;width:fit-content}.status-active{display:flex;gap:6px;align-items:center;color:#459a7d;font-size:10px;font-weight:700}.status-active span{width:7px;height:7px;border-radius:50%;background:#49b48e}.helper-text{color:#91a0ae;font-size:11px;margin-top:13px}.empty{text-align:center;padding:42px 12px;color:#95a5b2}.empty-icon{display:inline-flex;background:#eaf1f5;color:#7892a4;border-radius:15px;padding:16px;margin-bottom:14px}.empty h3{font-size:14px;color:#526a7b;margin-bottom:6px}.empty p{font-size:11px}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c223e80;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.modal{max-height:min(96vh,940px);overflow:auto;background:#fff;width:min(100%,590px);border-radius:15px;box-shadow:0 20px 60px #0e274050}.modal-heading{padding:25px 27px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ecf0f3}.modal-heading h2{font-size:17px;color:#223c54;margin:0 0 6px}.modal-heading p{font-size:11px;color:#91a1ad;margin:0}.modal-form{padding:22px 27px 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field>span{font-size:11px;font-weight:800;color:#5a7083}.field input,.field select,.field textarea,.properties input,.properties select{width:100%;border:1px solid #e0e8ed;border-radius:8px;background:#fff;color:#314b60;padding:11px 12px;font-size:12px}.field textarea,.comment-form textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#b0bfca}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #ecf0f3;padding-top:21px;margin-top:7px}.form-error{color:#bb5e54;background:#fff0ef;border-radius:6px;padding:10px;font-size:11px;margin-bottom:13px}.form-success{color:#227e63;background:#eaf7f0;border-radius:6px;padding:10px;font-size:11px;margin-bottom:13px}.drawer-backdrop{padding:0;justify-content:flex-end;align-items:stretch}.drawer{width:min(100%,610px);height:100vh;background:#fff;box-shadow:-15px 0 40px #0c23312e;display:flex;flex-direction:column;overflow:hidden}.drawer-header{height:69px;min-height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e9eff2}.drawer-header>span{display:flex;align-items:center;gap:9px;font-weight:800;font-size:12px;color:#526a7c}.drawer-header svg{color:#589b99}.drawer-scroll{overflow:auto}.drawer-main{padding:27px 32px 14px}.client-chip{display:inline-flex;padding:6px 10px;border-radius:6px;background:#e9f4f2;color:#2c8c81;font-size:10px;font-weight:800}.drawer-main h2{margin:13px 0 7px;font-size:20px;color:#263e53;line-height:1.45}.drawer-description{color:#8193a1;font-size:12px;margin-bottom:20px}.properties{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;border:1px solid #e8eef2;background:#fafcfd;border-radius:10px;padding:16px}.properties label{display:flex;flex-direction:column;gap:7px;min-width:0}.properties label span{font-size:10px;font-weight:800;color:#8194a3}.properties select,.properties input{padding:9px 8px;font-size:11px;background:#fff;min-width:0}.drawer-section{padding:24px 32px;border-bottom:1px solid #edf0f3}.drawer-section.last{border-bottom:0;padding-bottom:50px}.drawer-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.drawer-section-title h3{font-size:13px;color:#345064;display:flex;align-items:center;gap:8px;margin:0}.drawer-section-title h3 svg{color:#5b9b9a}.drawer-section-title>span{font-size:11px;color:#8aa0ac;font-weight:700}.progress-track{height:6px;margin-bottom:13px}.progress-track>span{background:#50b9a7}.subtask{display:flex;align-items:center;gap:10px;padding:8px 0;color:#4c6274;font-size:11px;cursor:pointer}.subtask input{accent-color:#219b8b;width:15px;height:15px}.subtask.done span{text-decoration:line-through;color:#a5b1bb}.inline-add{display:flex;align-items:center;border:1px solid #e3ebf0;border-radius:7px;overflow:hidden;margin-top:12px}.inline-add input{flex:1;border:0;padding:11px;font-size:11px;min-width:0}.inline-add button{background:#edf5f3;color:#16877b;border:0;height:38px;width:42px}.attach-btn{padding:9px 10px;border-radius:7px;color:#2b9387;border:1px dashed #b7dcd4;background:#f6fcfa;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.file-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px;text-align:left;border:1px solid #e5eef1;background:#fff;border-radius:7px;margin-bottom:8px;color:#577082;font-size:11px}.file-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{font-size:11px;color:#9aa7b3;display:block;margin:10px 0}.hidden{display:none}.comments{margin-bottom:17px}.comment{display:flex;align-items:flex-start;gap:10px;margin-bottom:17px}.comment>div{min-width:0;flex:1}.comment-head{display:flex;align-items:center;gap:9px}.comment-head strong{font-size:11px;color:#385166}.comment-head small{font-size:10px;color:#acb9c2}.comment p{margin:5px 0 0;font-size:11px;line-height:1.65;color:#748796}.comment-form{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.comment-form textarea{width:100%;border:1px solid #e4ebf1;border-radius:8px;font-size:11px;padding:12px}.comment-form .btn{padding:9px 14px;font-size:10px}.history-line{font-size:10px;color:#8595a2;display:flex;align-items:center;gap:5px}.history-line strong{color:#526c80}.history-dot{width:6px;height:6px;background:#4bbaad;border-radius:50%;margin-right:6px}.toast{position:fixed;z-index:100;bottom:24px;right:24px;background:#1a4051;color:#fff;padding:14px 17px;border-radius:10px;box-shadow:0 14px 30px #123b4b30;display:flex;align-items:center;gap:10px;font-size:12px;max-width:min(440px,90vw)}.toast>button{background:none;border:0;color:#fff;margin-left:auto}.mobile-close,.menu-toggle,.mobile-shade{display:none}.auth-screen{height:100vh;min-height:650px;display:grid;grid-template-columns:minmax(300px,1fr) 1fr;background:#f7fafc}.auth-aside{background:linear-gradient(155deg,#0e2939,#124753);color:#fff;padding:55px 8% 45px;display:flex;flex-direction:column;justify-content:space-between}.brand.big{font-size:18px}.brand.big .brand-mark{width:44px;height:44px}.auth-kicker{font-size:11px;letter-spacing:2px;color:#68c8bf;font-weight:800;margin-bottom:20px}.auth-aside h1{font-size:clamp(29px,3.5vw,53px);line-height:1.25;letter-spacing:-2px;margin-bottom:18px}.auth-aside p{max-width:380px;color:#b3d0d5;font-size:15px}.auth-aside-foot{display:flex;align-items:center;gap:8px;color:#89afba;font-size:11px}.auth-form-side{display:grid;place-items:center;padding:30px}.auth-card{width:min(100%,390px)}.auth-icon{width:47px;height:47px;display:grid;place-items:center;background:#e6f5f2;color:#167e7c;border-radius:13px;margin-bottom:20px}.auth-card h2{font-size:24px;color:#203950;margin:0 0 7px}.auth-card>p{font-size:12px;color:#91a1ad;margin-bottom:27px}.auth-card .field{margin-bottom:17px}.auth-card .field input{padding:14px;font-size:13px}.auth-switch{font-size:11px;color:#8193a3;text-align:center;margin-top:25px}.auth-switch button{border:0;background:none;color:#198b86;font-weight:800}.fullscreen-loading,.pending-access{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#63808f;background:#f8fbfc;padding:30px;text-align:center}.pending-access h2{color:#254155;font-size:24px}.pending-access p{max-width:460px;font-size:13px}.spinner{width:26px;height:26px;border:3px solid #d4e8e6;border-top-color:#25978b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1300px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.board-stats{display:block}.content{padding:25px}.topbar{padding:0 25px}}@media(max-width:850px){.sidebar{position:fixed;left:-290px;transition:left .2s ease;width:264px}.sidebar.show{left:0}.mobile-shade.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c213b88;z-index:12}.mobile-close,.menu-toggle{display:inline-flex}.topbar{padding:0 19px;height:60px}.content{padding:24px 17px}.topbar-right .today,.top-separator{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.auth-screen{grid-template-columns:1fr}.auth-aside{display:none}}@media(max-width:590px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px 11px;gap:8px;min-height:125px}.metric-icon{width:31px;height:31px;flex-shrink:0}.metric-icon svg{width:17px}.metric-meta>span{font-size:9px;white-space:normal}.metric-meta strong{font-size:22px}.metric-meta small{font-size:9px}.metric-arrow{display:none}.page-heading{flex-direction:column;gap:15px}.page-heading .btn{width:100%}.page-heading>div{width:100%}.demo-banner{flex-direction:column;line-height:1.5}.task-row{gap:6px}.task-row .priority{display:none}.task-row .due{font-size:9px}.task-row .avatar{display:none}.toolbar{flex-wrap:wrap}.search-field{min-width:100%;max-width:none}.toolbar-right{width:100%;justify-content:space-between}.filter-field{flex:1}.team-table-head,.team-row{grid-template-columns:minmax(120px,2fr) 1fr}.team-table-head span:nth-child(3),.team-table-head span:nth-child(4),.team-row>strong,.team-row>.status-active{display:none}.calendar-date{width:85px;padding:15px 10px}.calendar-group-items{padding:10px}.calendar-event .priority,.calendar-event .avatar{display:none}.field-grid{grid-template-columns:1fr;gap:0}.modal-heading{padding:22px}.modal-form{padding:20px}.modal-backdrop{padding:10px}.drawer-header{padding:0 18px}.drawer-main,.drawer-section{padding:21px 17px}.properties{grid-template-columns:1fr 1fr;gap:10px;padding:10px}.properties select,.properties input{font-size:10px}.panel-head{padding:17px}.panel-head .text-btn{font-size:9px}.board-stat{padding:12px 17px}}.google-signin{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 18px;border-radius:9px;border:1px solid #d7e1e9;color:#274052;background:#fff;font-size:13px;font-weight:700;margin-top:25px;transition:background .15s,border-color .15s}.google-signin:hover{background:#f5faf9;border-color:#93bdb9}.google-signin:disabled{opacity:.55;cursor:wait}.auth-divider{display:flex;align-items:center;gap:12px;color:#96a5ae;font-size:11px;margin:22px 0 16px;white-space:nowrap}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e7edf0}.auth-links{display:flex;justify-content:space-between;gap:15px;margin:18px 0 0;flex-wrap:wrap}.auth-links button{background:transparent;border:0;color:#167e7c;font-weight:700;font-size:12px;padding:3px 0}.auth-links button:hover{text-decoration:underline}.auth-approval{display:flex;gap:9px;align-items:flex-start;color:#8998a3;font-size:11px;line-height:1.6;margin-top:29px!important}.auth-approval svg{flex-shrink:0;margin-top:1px;color:#519d97}.pending-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.board-category{margin:16px 0 22px}.board-category-title{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#90a9bb;padding:8px 12px;margin-bottom:5px}.board-category .nav-link{margin:1px 0}@media(max-width:600px){.google-signin{font-size:12px}.auth-links{gap:8px}}.sidebar{background:#fff;border-right:1px solid #e6edf1;color:#42596a}.sidebar .brand{color:#294559}.sidebar .brand b{color:#178a84}.sidebar .workspace-switch{background:#f3f9f8;border-color:#deebe8;color:#365467}.sidebar .workspace-switch strong{color:#365467}.sidebar .workspace-switch small{color:#8098a6}.sidebar .nav-label,.sidebar .nav-group-head,.sidebar .board-category-title{color:#8399a8}.sidebar .nav-link{color:#405769}.sidebar .nav-link:hover{background:#eef8f6;color:#137b75}.sidebar .nav-link.active{background:#e7f3f2;color:#147971}.sidebar .nav-link.active:before{background:#2c9f94}.sidebar .board-symbol{color:#26998e}.sidebar .add-mini{background:#e8f3f0;color:#1d8880}.sidebar .board-count,.sidebar .nav-count{color:#82939e}.sidebar .nav-count{background:#e9f0f2}.sidebar .account{border-top-color:#e6ecef;color:#677f8d}.sidebar .account strong{color:#345269}.sidebar .account small{color:#7f97a5}.card-workspace{width:min(1470px,97vw);height:min(940px,96vh);border-radius:14px;background:#f4f6f8;box-shadow:0 20px 85px #11233340}.card-workspace-header{height:42px;min-height:42px;padding:0 20px;background:#f9fafb}.card-workspace-header small{font-size:11px;font-weight:500;color:#78909c}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;background:#fff;border-bottom:1px solid #e7ecef}.workspace-heading h2{font-size:20px;line-height:1.3;margin:7px 0 0;color:#294358}.phase-switch{font-size:11px;color:#8597a3;display:flex;align-items:center;gap:8px;white-space:nowrap}.phase-switch select{max-width:250px;font-size:12px;padding:10px;border:1px solid #e2e9ee;border-radius:7px;background:#fff;color:#345267}.workspace-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:12px;padding:12px;flex:1;min-height:0;overflow:hidden}.workspace-main-scroll{overflow:auto;min-width:0;padding-right:2px}.card-info-panel,.checklist-panel,.card-files-panel,.workspace-timeline{background:#fff;border-radius:9px;border:1px solid #e9edef;box-shadow:0 2px 6px #1d41530a}.card-info-panel{padding:18px 20px;margin-bottom:12px}.card-info-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;margin-bottom:18px}.card-info-top label,.description-edit,.task-form label{display:flex;flex-direction:column;gap:6px;min-width:0}.card-info-top label strong,.description-edit strong{font-size:11px;color:#60788a}.card-info-top select,.card-info-top input,.task-form input,.task-form select,.task-form textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid #dfe7ed;border-radius:7px;background:#fff;color:#354c5d;font-size:12px}.description-edit textarea{padding:10px 12px;border:1px solid #e1e9ed;resize:vertical;border-radius:7px;line-height:1.55;color:#365266;font-size:13px}.inline-save-description{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.checklist-panel{padding:20px;margin-bottom:12px;min-height:250px}.checklist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.checklist-head h3{margin:5px 0 0;display:flex;align-items:center;gap:9px;font-size:16px;color:#2b4356}.checklist-head h3 svg{color:#3ea68a}.checklist-kicker{font-size:9px;letter-spacing:1.3px;color:#9aa9b4;font-weight:800}.task-count{border-radius:10px;background:#ecf1f5;color:#5d7684;font-size:11px;padding:3px 8px}.checklist-progress{background:#f8fafb;border-radius:8px;padding:12px 14px;margin-bottom:17px}.checklist-progress-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#6d8290;margin-bottom:9px}.checklist-progress-label strong{color:#4c6373}.checklist-progress .progress-track{height:8px;margin:0;background:#e5ebef}.checklist-progress .progress-track span{background:#35ae7b;transition:width .2s ease}.task-group{margin-top:13px;border:1px solid #e9eef2;border-radius:8px;overflow:hidden}.task-group-title{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font-size:12px;font-weight:800;color:#4b6576;background:#f6f9fa;border-bottom:1px solid #e9eef2}.task-group-title small{color:#8299a5}.checklist-task{border-bottom:1px solid #edf1f4}.checklist-task:last-child{border-bottom:0}.checklist-task-top{display:flex;align-items:center;gap:11px;padding:13px}.task-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;position:relative;cursor:pointer;flex-shrink:0}.task-check input{position:absolute;opacity:0;width:20px;height:20px;cursor:pointer}.task-custom-check{width:20px;height:20px;border:1.5px solid #bac8d2;border-radius:50%;color:transparent;display:flex;align-items:center;justify-content:center}.task-check input:checked+.task-custom-check{background:#65c995;border-color:#65c995;color:#fff}.task-check input:focus-visible+.task-custom-check{outline:2px solid #377dce;outline-offset:2px}.task-text{min-width:0;flex:1}.task-text strong{display:block;font-size:12px;color:#385266;font-weight:700;line-height:1.45}.task-text small{font-size:11px;color:#96a5b0;display:block;margin-top:3px}.is-done .task-text strong{text-decoration:line-through;color:#a2b0b9}.task-meta{display:flex;align-items:center;gap:10px;white-space:nowrap}.task-meta .due{font-size:11px}.task-meta .avatar{width:25px;height:25px}.task-form{padding:13px;border:1px solid #dcebe9;background:#f6fbfa;border-radius:9px;margin:12px 0}.task-form label{font-size:11px;font-weight:700;color:#607b87;margin-bottom:12px}.task-fields{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px}.task-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.task-form-spacer{flex:1}.danger-outline{border:1px solid #f3c7c7;color:#bd5555;background:#fff}.task-edit{margin:0 13px 13px}.checklist-empty{border:1px dashed #d5e2e9;border-radius:8px;text-align:center;color:#9aabb6;padding:30px 12px;font-size:12px}.card-files-panel{padding:20px}.workspace-timeline{display:flex;flex-direction:column;min-height:0;padding:18px 16px}.timeline-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 14px}.timeline-title h3{margin:0;font-size:16px;color:#385065}.timeline-title span{display:flex;align-items:center;gap:5px;font-size:10px;color:#9cabb5}.timeline-composer{border:1px solid #e1e9ef;border-radius:8px;padding:10px;margin-bottom:13px}.timeline-composer textarea{border:0;width:100%;font-size:12px;color:#3f586a;resize:vertical;min-height:90px}.timeline-composer>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#96a6b1}.timeline-tabs{display:flex;gap:0;border-bottom:1px solid #e6edf1}.timeline-tabs button{border:0;background:transparent;padding:12px 9px;font-size:11px;text-transform:uppercase;color:#91a1ae;font-weight:800;border-bottom:2px solid transparent}.timeline-tabs button.active{color:#227bd5;border-color:#227bd5}.timeline-events{overflow:auto;min-height:0;padding:15px 4px 8px;flex:1}.timeline-event{display:flex;align-items:flex-start;gap:9px;padding:12px 2px 17px;border-bottom:1px solid #f1f3f6}.timeline-event>div{flex:1;min-width:0}.timeline-event-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.timeline-event-top strong{font-size:11px;color:#476174}.timeline-event-top small{font-size:10px;color:#a2b0b9}.timeline-event p{margin:5px 0 0;font-size:11px;color:#6e8090;line-height:1.5;overflow-wrap:anywhere}@media(max-width:1000px){.workspace-columns{grid-template-columns:minmax(0,1fr)}.card-workspace{height:96vh}.workspace-main-scroll,.workspace-timeline{overflow:visible}.workspace-columns{overflow:auto}.workspace-timeline{min-height:280px}.timeline-events{overflow:visible}.card-info-top{grid-template-columns:1fr 1fr}.timeline-title{padding:0 0 12px}}@media(max-width:590px){.drawer-backdrop{padding:5px}.card-workspace{width:100vw;height:99vh}.workspace-heading{flex-direction:column;align-items:flex-start}.phase-switch{width:100%}.phase-switch select{max-width:unset;width:100%}.workspace-columns{padding:7px}.card-info-panel,.checklist-panel,.card-files-panel{padding:15px}.card-info-top{grid-template-columns:1fr 1fr}.checklist-head{align-items:flex-start}.checklist-head .btn{font-size:10px;padding:8px}.task-fields{grid-template-columns:1fr}.task-meta{gap:6px}.task-meta .due{font-size:9px}.checklist-task-top{padding:11px 8px}.task-text strong{font-size:11px}.workspace-heading h2{font-size:16px}}.my-subtasks-panel{margin-bottom:18px}.personal-subtask{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1f4;padding:13px 20px}.personal-subtask input{width:17px;height:17px;accent-color:#29a57e;cursor:pointer}.personal-subtask>button{flex:1;min-width:0;border:0;background:transparent;text-align:left;color:#36556a}.personal-subtask strong,.personal-subtask small{display:block}.personal-subtask strong{font-size:12px}.personal-subtask small{font-size:10px;color:#94a4af;margin-top:3px}.personal-subtask .due{margin-left:auto}.personal-subtask>svg{color:#a2b5c0}.modal-checklist{border:1px solid #d3e7e3;border-radius:12px;background:#f6fbfa;margin:20px 0 10px;padding:16px}.modal-checklist-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.modal-checklist-head h3{margin:5px 0 0;font-size:15px;display:flex;align-items:center;gap:8px;color:#294c5e}.modal-checklist-head h3 svg{color:#289a88}.modal-checklist-hint{font-size:12px;color:#6e8793;line-height:1.6;margin:15px 0 0}.modal-draft-task{border:1px solid #dce8e7;background:#fff;border-radius:8px;padding:12px;margin-top:12px}.modal-draft-head{display:flex;align-items:center;justify-content:space-between;color:#496677;font-size:12px;margin-bottom:9px}.modal-draft-head .icon-btn{color:#af5555}.modal-draft-task label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#607887}.modal-draft-task input,.modal-draft-task select{padding:9px 10px;font-size:12px;border:1px solid #dfe8ec;border-radius:7px;width:100%;min-width:0;background:#fff;color:#3d5466}.modal-draft-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:9px}.kanban-checklist-link{color:#227f73!important;font-weight:800!important;display:inline-flex;gap:3px;align-items:center;white-space:nowrap}.checklist-shortcut{background:#eaf8f2;border:1px solid #b7e2d3;color:#187a60;font-weight:800;font-size:12px;white-space:nowrap}.workspace-heading{gap:12px}@media(max-width:830px){.workspace-heading{flex-wrap:wrap}.checklist-shortcut{order:2}.modal-draft-grid{grid-template-columns:1fr}}.modal-go-checklist{display:flex;align-items:center;gap:8px;width:100%;background:#eaf8f3;border:1px solid #b8dfd2;border-radius:8px;color:#207b63;text-align:left;font-size:12px;font-weight:800;padding:11px 13px;margin:0 0 18px}.modal-go-checklist svg:last-child{margin-left:auto}.modal-checklist{scroll-margin-top:16px}.checklist-panel-empty{min-height:0}.checklist-panel-empty .checklist-head{margin-bottom:0}