:root{--bg:#f3f7fd;--paper:#fff;--ink:#122745;--muted:#657b98;--line:#e1e9f5;--blue:#2364df;--dark:#0d1d3e;--accent:#91b7ff;--red:#284b80;--amber:#527caf;--radius:12px}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}button{border:0;background:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{background:var(--dark);width:244px;position:fixed;inset:0 auto 0 0;color:#c4d6f0;display:flex;flex-direction:column;padding:29px 19px 0;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 11px;font-size:25px;font-weight:650;letter-spacing:1px}.brand-mark{width:42px;height:42px;background:#a9c3ea;color:#152845;display:grid;place-items:center;border-radius:11px;font:700 27px Georgia,serif}.brand-sub{display:block;font-size:9px;letter-spacing:2.3px;font-weight:500;color:#93a8c7;margin-top:-2px}.workspace{display:flex;gap:9px;align-items:flex-start;margin:34px 8px 28px;padding:16px 0;border-top:1px solid #224271;border-bottom:1px solid #224271;font-size:11px;line-height:1.6}.workspace small{display:block;color:#7f98bd;font-size:10px}.workspace-dot{width:6px;height:6px;background:#9cafcc;border-radius:50%;margin-top:6px;flex:none}.nav-label{font-size:9px;letter-spacing:1.6px;color:#829abe;padding:0 13px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 13px;border-radius:8px;font-size:13px;color:#95b5e5;margin-bottom:5px}.nav-item:hover{background:#1c365c}.nav-item.active{background:#afc7eb;color:#172d4d;font-weight:600}.nav-item .count{margin-left:auto;font-size:10px;background:#ffffff19;border-radius:5px;padding:1px 6px}.nav-item.active .count{background:#90a6c660}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-note{padding:17px 13px 24px;font-size:13px;color:#a9c3ea}.sidebar-note .note-icon{display:block;color:#95aac9;font-size:23px;margin-bottom:11px}.sidebar-note strong{font-weight:500}.sidebar-note small{display:block;font-size:10px;color:#7691b9;margin-top:10px}.profile{display:flex;align-items:center;gap:9px;padding:18px 10px;width:100%;border-top:1px solid #224271;margin-top:10px;text-align:left}.profile strong{display:block;font-size:12px;font-weight:500;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{font-size:10px;color:#869ec1}.profile-more{margin-left:auto;color:#7690b8}.avatar,.top-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#d6e2f5;color:#264a7f;font-size:11px;font-weight:600;flex:none}.main-shell{margin-left:244px;width:calc(100% - 244px)}.topbar{height:75px;padding:0 36px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:11px;color:#617fad}.crumb span{padding:0 12px;color:#a3bfe8}.crumb strong{font-weight:500;color:#25497e}.top-actions{display:flex;gap:18px;align-items:center}.sync-state{font-size:10px;color:#5474a4;display:flex;gap:6px;align-items:center}.sync-state i{width:5px;height:5px;background:#5b7baa;border-radius:50%}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:8px}.icon-button:hover{background:#e1eaf8}.top-avatar{width:31px;height:31px}.mobile-menu{display:none}main{max-width:1510px;margin:auto;padding:31px 36px 38px}footer{display:flex;justify-content:space-between;gap:12px;padding:15px 36px 25px;color:#7691b9;font-size:10px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e1eaf8;border:1px solid #c8d8f1;padding:9px 13px;border-radius:7px;font-size:10px;color:#48638c;margin-bottom:25px}.demo-banner b{font-weight:600;color:#25477b}.demo-banner button{font-size:10px;text-decoration:underline;white-space:nowrap}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#6482af;margin-bottom:7px;text-transform:uppercase}h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:600;margin:0 0 10px}h2{font-size:15px;font-weight:600;margin:0}h3{font-size:14px;font-weight:550;margin:0}.subtitle{color:#6381af;font-size:12px;margin:0}.heading-actions{display:flex;align-items:center;gap:9px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:12px;min-height:36px}.btn:hover{background:#e4ecf8}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:#1b3459}.btn.danger{color:var(--red)}.btn svg{width:15px;height:15px}.date-label{font-size:10px;color:#5677a8;margin-right:8px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stat{padding:17px 19px 15px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#5474a3;font-size:11px}.stat-icon{width:27px;height:27px;background:#e9f0fa;border-radius:7px;display:grid;place-items:center;color:#5e7dac}.stat-icon svg{width:15px;height:15px}.stat-number{font-size:30px;letter-spacing:-.7px;font-weight:600;line-height:1.25;margin:11px 0 7px}.stat-bottom{font-size:10px;color:#6d89b4}.stat-bottom .green{color:#49658e}.stat.warning .stat-icon{color:#6b88b3;background:#eaf0fa}.stat.warning .stat-number{color:#5474a4}.stat.warning .stat-bottom{color:#7690b8}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px;border-bottom:1px solid var(--line)}.panel-head small{display:block;margin-top:4px;font-size:10px;color:#6c88b3}.text-button{font-size:11px;color:#4c6893;display:flex;align-items:center;gap:7px}.text-button svg{width:13px;height:13px}.toolbar{display:flex;align-items:center;gap:10px;padding:15px 21px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:8px;position:relative;min-width:210px;flex:1;max-width:320px;padding:8px 10px;background:#fafbf8;border:1px solid var(--line);border-radius:7px;color:#6785b1}.search input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:11px}.search svg{width:15px;height:15px}.search kbd{font-size:9px;white-space:nowrap;border:1px solid #d4e1f4;padding:0 4px;border-radius:3px}.filter-select{font-size:11px;padding:8px 27px 8px 10px;border:1px solid var(--line);border-radius:7px;color:#4e6c98;background:#fff;max-width:180px}.view-switch{display:flex;gap:3px;margin-left:auto;border:1px solid var(--line);border-radius:7px;padding:3px}.view-switch button{font-size:10px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;color:#5676a7}.view-switch button.active{background:#e0e9f7;color:#274c83}.view-switch svg{width:13px;height:13px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbf8;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:#6583b0;padding:12px 21px;white-space:nowrap}td{padding:15px 21px;border-bottom:1px solid #e1eaf8;font-size:11px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#f5f8fd}.employee-cell{display:flex;gap:10px;align-items:center}.employee-cell strong{display:block;font-weight:500;font-size:12px}.employee-cell small{display:block;font-size:9px;color:#6b88b3;margin-top:2px}.employee-cell .avatar{width:32px;height:32px;font-size:10px}.dept-pill{font-size:9px;padding:3px 7px;color:#516f9d;border-radius:4px;background:#e5edf8;white-space:nowrap}.load{display:flex;align-items:center;gap:9px;min-width:100px}.load-track{height:4px;border-radius:5px;width:74px;background:#e1eaf7;overflow:hidden}.load-fill{height:100%;background:#7690b8;border-radius:5px}.load-fill.high{background:#8098bd}.load span{font-size:10px;color:#5b7bab}.num-pill{font-size:10px;padding:2px 7px;background:#e1eaf7;color:#52709e;border-radius:4px}.num-pill.overdue{color:#6986b1;background:#e9f0fa}.table-scroll{overflow-x:auto}.table-foot{display:flex;justify-content:space-between;padding:12px 21px;font-size:10px;color:#708cb5}.lower-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.task-mini{display:flex;gap:11px;align-items:flex-start;padding:15px 21px;border-bottom:1px solid #e1eaf8;cursor:pointer}.task-mini:hover{background:#f5f8fd}.task-dot{width:6px;height:6px;border-radius:50%;background:#97abc9;flex:none;margin-top:6px}.task-dot.critical{background:#6784b0}.task-dot.high{background:#6e8ab5}.task-mini strong{font-size:11px;font-weight:500}.task-mini small{display:block;font-size:9px;color:#6d89b4;margin-top:6px}.task-mini .mini-date{margin-left:auto;color:#5777a8;font-size:9px;white-space:nowrap}.mini-body{min-width:0}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:3px 8px;border-radius:4px;background:#e6eef9;color:#6280ae;white-space:nowrap}.pill.progress{background:#dee8f7;color:#506e9c}.pill.review{background:#dde7f6;color:#5373a2}.pill.done{background:#e4ecf8;color:#5474a3}.pill.critical{background:#e9f0fa;color:#6381af}.pill.high{background:#dfe9f7;color:#5271a0}.pill.normal{background:#e2ebf8;color:#5979a9}.activity{padding:5px 21px 15px}.activity-item{display:flex;gap:11px;padding:13px 0;font-size:10px}.activity-item .avatar{width:27px;height:27px;font-size:8px}.activity-item strong{font-weight:550;color:#3f577b}.activity-item p{margin:2px 0;color:#6583b0;font-size:10px}.activity-item small{font-size:9px;color:#869ec1}.empty{padding:40px 20px;text-align:center;color:#6482af;font-size:12px}.empty svg{width:30px;height:30px;display:block;margin:0 auto 12px;color:#859dc0}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.employee-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.employee-card:hover{border-color:#859dc0}.employee-card .avatar{width:43px;height:43px;font-size:13px}.employee-card-head{display:flex;align-items:center;gap:12px}.employee-card h3{font-size:12px}.employee-card small{font-size:10px;color:#6482af}.employee-card-stats{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.employee-card-stats b{font-size:18px;font-weight:550;display:block}.employee-card-stats span{font-size:9px;color:#6f8bb5}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;overflow-x:auto;padding:18px}.board-column{background:#f1f5fb;border-radius:8px;padding:12px;min-height:300px}.column-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:550;margin-bottom:15px}.column-title span{font-size:10px;color:#6583af;font-weight:400}.task-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:9px;cursor:pointer}.task-card:hover{border-color:#859dc0}.task-card strong{display:block;font-size:11px;font-weight:550;margin:10px 0 12px}.task-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6784b0}.task-card .avatar{width:24px;height:24px;font-size:8px}.task-title strong{font-size:11px;font-weight:500;display:block;max-width:340px}.task-title small{font-size:9px;color:#7590b8}.overdue-text{color:var(--red)}.calendar-tools{display:flex;align-items:center;gap:12px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:780px}.calendar-dayname{font-size:10px;color:#5d7dac;padding:10px 15px;background:#fafbf8;text-align:center}.calendar-cell{min-height:105px;padding:9px;border-right:1px solid var(--line);border-top:1px solid var(--line)}.calendar-cell.dim{background:#fafbf8;color:#98acca}.calendar-date{font-size:11px;margin-bottom:7px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center}.calendar-cell.today .calendar-date{background:#224272;color:#fff;border-radius:50%}.calendar-task{display:block;width:100%;text-align:left;font-size:9px;padding:4px 5px;border-radius:4px;margin:3px 0;background:#dfe9f7;color:#466189;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-block{padding:23px}.settings-block p{font-size:12px;color:#6482af;line-height:1.7}.setting-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.setting-row span{color:#6583af}.overlay{position:fixed;inset:0;background:#0e1a2d66;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}.dialog{background:#fff;border-radius:14px;width:550px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 20px 90px #0b152520}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:17px}.dialog-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:11px;color:#5373a2}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid #c9d9f2;border-radius:6px;color:#1a3257;background:white;width:100%;min-width:0;font-size:12px}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #9fb1cd;outline-offset:1px}.form-grid .field{margin-bottom:0}.form-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding:18px 24px}.form-error{background:#ecf2fa;color:#5474a4;padding:9px 12px;border-radius:6px;font-size:11px;margin-top:15px;display:none}.hint{font-size:10px;line-height:1.6;color:#7892b9}.drawer-overlay{justify-content:flex-end;padding:0;align-items:stretch}.drawer{width:510px;max-width:100%;background:#fff;overflow:auto;box-shadow:-15px 0 80px #0d1a2d22}.drawer .dialog-body{padding:25px}.drawer h2{font-size:21px;line-height:1.35;margin:12px 0 15px}.detail-description{white-space:pre-wrap;font-size:12px;color:#5474a3;margin-bottom:22px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:23px;padding:18px;background:#f0f4fb;border-radius:8px}.detail-meta dt{font-size:10px;color:#6684b0;margin-bottom:5px}.detail-meta dd{font-size:12px;margin:0;color:#284d84}.detail-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.comments{border-top:1px solid var(--line);padding-top:20px}.comments h3{margin-bottom:14px}.comment{font-size:11px;margin:15px 0;background:#f1f5fb;padding:12px;border-radius:8px}.comment-head{display:flex;justify-content:space-between;font-size:10px;color:#5f7eac}.comment p{white-space:pre-wrap;margin:9px 0 0}.comment-head strong{font-weight:500}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#182f52;color:white;padding:11px 20px;border-radius:8px;font-size:12px;z-index:80;display:none;box-shadow:0 6px 30px #0c172820}.auth-screen{position:fixed;inset:0;background:#e1eaf7;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.auth-screen .dialog{width:400px}.auth-brand{text-align:center;font-size:22px;color:#203f6d;padding:30px 0 4px;font-weight:600}.auth-screen h2{text-align:center;margin:12px 0 8px}.auth-screen .subtitle{text-align:center;font-size:11px;line-height:1.6;margin-bottom:22px}.auth-screen .btn{width:100%}.auth-screen .form-error{margin-bottom:15px}.busy{pointer-events:none;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1450px){main{padding:38px 45px}.topbar{padding:0 45px}.sidebar{width:262px}.main-shell{margin-left:262px;width:calc(100% - 262px)}td{padding-top:17px;padding-bottom:17px}.stat{padding:21px}.stat-number{font-size:34px}}
@media(max-width:1150px){.sidebar{width:210px;padding:25px 12px 0}.main-shell{margin-left:210px;width:calc(100% - 210px)}main{padding:25px 22px}.topbar{padding:0 22px}.lower-grid{grid-template-columns:1fr}.employee-grid{grid-template-columns:repeat(2,1fr)}.date-label{display:none}.stat-grid{gap:9px}.stat{padding:14px}.board{grid-template-columns:repeat(4,230px)}.stat-bottom{font-size:9px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px #0c172840}.main-shell{margin-left:0;width:100%}.topbar{height:60px;padding:0 16px}.mobile-menu{display:grid}.crumb{font-size:10px}.crumb span{padding:0 6px}.sync-state{display:none}.top-actions{gap:6px}main{padding:21px 16px}.page-heading{flex-wrap:wrap;gap:8px;margin-bottom:20px}.heading-actions{margin:0}h1{font-size:25px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-number{font-size:29px}.stat-bottom{font-size:9px}.demo-banner{font-size:9px;align-items:flex-start}.panel-head{padding:16px}.toolbar{padding:12px 15px;gap:8px}.search{min-width:100%;max-width:none}.view-switch{margin-left:0}.filter-select{max-width:46%;flex:1}.lower-grid{gap:0}.employee-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.dialog-body{padding:20px}.form-grid{gap:10px}.date-label{display:none}footer{padding:8px 16px 22px;font-size:9px}.overlay{padding:10px}.drawer-overlay{padding:0}.settings-block{padding:18px}.table-scroll td,.table-scroll th{padding:12px 14px}.sidebar-note{display:none}.drawer .dialog-body{padding:21px}.toast{max-width:95%;white-space:normal}}

/* Blue workspace and kanban */
.sidebar{background:#0d1d3e;color:#e2ebfa}.brand-mark{background:#2768e8;color:#fff}.brand-sub{color:#9db6dc}.workspace{border-color:#283e64}.workspace small,.nav-label,.profile small{color:#a2b8d8}.workspace-dot{background:#6ea4ff}.nav-item{color:#c0d0e8}.nav-item:hover{background:#18335b}.nav-item.active{background:#2468e6;color:#fff}.nav-item.active .count{background:#ffffff26}.sidebar-note{color:#d0ddf2}.sidebar-note .note-icon{color:#80acff}.sidebar-note small{color:#91a9ce}.profile{border-color:#283e64}.profile-more{color:#a3bada}.avatar,.top-avatar{color:#305689}.btn.primary:hover{background:#164fc0}.pill.progress{background:#e7f0ff;color:#2364df}.pill.review{background:#e0eaff;color:#385caf}.pill.done{background:#edf2fb;color:#254775}.pill.critical{background:#dde8fc;color:#163f87;font-weight:600}.pill.high{background:#edf3ff;color:#3862ad}.pill.normal{background:#f0f5fc;color:#59779f}.pill.low{background:#f4f7fc;color:#7c91af}.overdue-text{color:#254d91;font-weight:600}.form-error{background:#edf2fb;color:#213f75}.form-error::before{content:'! ';font-weight:700}.btn.danger{color:#284b80}.stat.warning .stat-number{color:#163c7b}.stat.warning .stat-icon{background:#e4ecfa;color:#315d9e}.stat.warning .stat-bottom{color:#6281ac}.load-fill{background:#5591f4}.load-fill.high{background:#204b8e}.task-dot.critical{background:#173d79}.task-dot.high{background:#5083d4}.calendar-cell.today .calendar-date{background:#2364df}.toast{background:#163b78}.field input:focus,.field select:focus,.field textarea:focus{outline-color:#89aff4}.btn:focus-visible,.icon-button:focus-visible,.task-card-open:focus-visible{outline:2px solid #89aff4}.sync-state i{background:#4484e4}
.kanban-panel{background:#fff}.kanban-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 21px;border-bottom:1px solid var(--line)}.kanban-summary span{font-size:11px;color:#6e83a1}.kanban-help{font-size:10px;color:#7d91b1;display:flex;align-items:center;gap:7px}.kanban-help svg{width:15px;height:15px}.board{grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px;padding:20px;align-items:start}.board-column{border:1px solid #e1e9f5;background:#f5f8fd;padding:13px;min-height:380px;transition:background .15s,border-color .15s}.board-column[data-status="progress"]{background:#f0f5ff}.board-column[data-status="review"]{background:#f3f6ff}.board-column[data-status="done"]{background:#f5f7fc}.board-column.drag-over{background:#e2edff;border-color:#5489df;outline:2px dashed #5489df;outline-offset:-5px}.column-title{font-size:12px;color:#244264;margin-bottom:16px;gap:8px}.column-title .column-name{display:flex;gap:8px;align-items:center}.column-title .column-name::before{content:'';width:7px;height:7px;border-radius:50%;background:#90a6c4}.board-column[data-status="progress"] .column-name::before{background:#2468e6}.board-column[data-status="review"] .column-name::before{background:#537ac8}.board-column[data-status="done"] .column-name::before{background:#173861}.column-count{font-size:10px;background:#e6edf8;padding:2px 7px;border-radius:5px;color:#56749e}.column-add{width:23px;height:23px;display:grid;place-items:center;border-radius:5px;color:#6f89b0}.column-add:hover{background:#e3ecfa}.column-add svg{width:14px;height:14px}.column-title-right{display:flex;align-items:center;gap:5px}.task-card{padding:0;background:#fff;border-color:#dde6f4;box-shadow:0 2px 5px #10264d05;cursor:grab;overflow:hidden;transition:box-shadow .15s,transform .15s}.task-card:hover{border-color:#8eaee0;box-shadow:0 4px 12px #143b7810}.task-card.dragging{opacity:.42;transform:rotate(-1deg)}.task-card-open{display:block;width:100%;text-align:left;padding:14px 13px 9px}.task-card-project{color:#7e94b2;font-size:9px;letter-spacing:.3px;margin-top:9px}.task-card strong{color:#213b5f;font-size:12px;line-height:1.5;margin:6px 0 9px}.task-card-description{font-size:10px;color:#899bb6;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7b90ac}.task-card-meta span{display:flex;align-items:center;gap:4px}.task-card-meta svg{width:12px;height:12px}.task-card-assignee{display:flex;align-items:center;gap:6px;padding:9px 13px;border-top:1px solid #eef3fb;color:#637b9f;font-size:10px}.task-card-assignee .avatar{width:23px;height:23px;font-size:8px}.task-card-assignee span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-status{display:block;border:0;border-top:1px solid #eef3fb;color:#6e85a9;background:#fafcff;padding:8px 10px;width:100%;font-size:9px;cursor:pointer}.card-status:disabled{cursor:default;opacity:.7}.column-empty{border:1px dashed #d6e2f3;border-radius:8px;padding:24px 12px;text-align:center;color:#9aabc2;font-size:10px}.board-column[data-status="done"] .task-card strong{color:#627a9c}.board-column[data-status="done"] .task-card{box-shadow:none}
@media(max-width:1150px){.board{grid-template-columns:repeat(4,235px)}}
@media(max-width:760px){.board{grid-template-columns:repeat(4,255px);padding:14px;gap:12px}.kanban-summary{flex-wrap:wrap;padding:13px 15px}.kanban-help{font-size:9px}.board-column{min-height:330px}}

/* One workspace, three ways to view the same tasks. */
.task-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.task-view-tabs{display:flex;gap:4px;padding:4px;border-radius:8px;background:#f0f5fd}.task-view-tabs button{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px 13px;border-radius:6px;color:#7084a3}.task-view-tabs button svg{width:16px;height:16px}.task-view-tabs button.active{background:#fff;box-shadow:0 2px 6px #183a7610;color:#2464dc;font-weight:600}.task-view-tabs button:hover{color:#2464dc}.task-scope{display:flex;gap:5px;align-items:center}.task-scope button{padding:7px 11px;font-size:11px;color:#7589a7;border:1px solid transparent;border-radius:6px}.task-scope button.active{border-color:#c5d8f8;background:#edf4ff;color:#245bb8}.filter-reset{display:flex;align-items:center;gap:5px;color:#7184a1;font-size:10px;padding:5px}.filter-reset svg{width:12px;height:12px}.selected-assignee{display:flex;align-items:center;gap:8px;padding:10px 21px;background:#f8fbff;font-size:11px;color:#7487a4;border-bottom:1px solid var(--line)}.selected-assignee .avatar{width:24px;height:24px;font-size:8px}.selected-assignee strong{font-weight:500;color:#4b6993}.selected-assignee button{display:flex;margin-left:3px;color:#8a9db9}.selected-assignee button svg{width:13px;height:13px}.workload-summary{padding:9px 21px 15px}.workload-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;text-align:left}.workload-row:hover .workload-person strong{color:#2464dc}.workload-person{flex:1;min-width:0}.workload-person strong{display:block;font-size:11px;font-weight:500;color:#5b7291;margin-bottom:6px}.workload-track{display:block;height:4px;background:#eff4fc;border-radius:4px;overflow:hidden}.workload-track i{display:block;height:100%;border-radius:4px;background:#77a1e4}.workload-count{font-size:11px;color:#6a85ac;margin-left:7px}.home-activity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;padding-top:8px}.task-calendar .panel-head{border-bottom:0}.table-foot{gap:14px}.stat{text-align:left}.task-workspace .toolbar{background:#fff}.task-workspace .search{max-width:none}
@media(max-width:760px){.task-workspace-head{padding:12px 14px;gap:10px}.task-view-tabs{width:100%;justify-content:space-between}.task-view-tabs button{flex:1;justify-content:center;font-size:11px;padding:8px}.task-scope{width:100%;justify-content:flex-start}.table-foot{flex-wrap:wrap;gap:5px}.home-activity{grid-template-columns:1fr}.selected-assignee{padding:9px 15px}.workload-summary{padding:8px 16px 13px}}

.sidebar>.brand{min-height:42px;padding:0 13px}.sidebar>.nav-label{margin-top:32px}

/* Date ranges occupy whole day columns, with separate lanes for overlaps. */
.range-calendar{min-width:700px}.calendar-weekdays,.calendar-days,.calendar-events{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{border-bottom:1px solid var(--line)}.calendar-week{position:relative;min-height:112px;border-bottom:1px solid var(--line)}.calendar-week:last-child{border-bottom:0}.calendar-days{position:absolute;inset:0}.range-calendar .calendar-cell{border-top:0;min-height:0;padding:7px 10px;border-bottom:0;border-right:1px solid var(--line);background:#fff}.range-calendar .calendar-cell:last-child{border-right:0}.range-calendar .calendar-cell.dim{background:#f7f9fd;color:#98aac4}.range-calendar .calendar-cell.today{background:#edf4ff}.range-calendar .calendar-date{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:11px;margin:0}.range-calendar .today .calendar-date{border-radius:50%;background:var(--blue);color:white}.calendar-events{position:relative;gap:5px 0;padding:38px 0 10px;grid-auto-rows:27px;pointer-events:none}.calendar-bar{pointer-events:auto;min-width:0;margin:0 4px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #c4d6f5;background:#dce9ff;color:#204d95;border-radius:0;font-size:10px;text-align:left;line-height:1.3}.calendar-bar.progress{background:#2364df;border-color:#2364df;color:#fff}.calendar-bar.review{background:#123363;border-color:#123363;color:#fff}.calendar-bar.done{background:#edf1f7;border-color:#d8e1ef;color:#687e9c}.calendar-bar.range-start{border-top-left-radius:13px;border-bottom-left-radius:13px}.calendar-bar.range-end{border-top-right-radius:13px;border-bottom-right-radius:13px}.calendar-bar.is-overdue{box-shadow:inset 0 -2px 0 #0d1d3e}.calendar-bar.deadline-only{background:#fff;border:1px dashed #527caf;color:#315783}.calendar-bar:hover{filter:brightness(.93)}.calendar-bar:focus-visible{outline:2px solid #0d1d3e;outline-offset:1px;z-index:1}.calendar-bar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.range-edge{font-size:8px;flex:none}.continues-before .range-edge:first-child,.continues-after .range-edge:last-child{font-size:17px}.deadline-only .range-edge:last-child{display:none}.calendar-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 21px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.calendar-legend>span{display:flex;align-items:center;gap:7px}.legend-range{width:28px;height:8px;border-radius:5px;background:var(--blue)}.legend-deadline{width:19px;height:10px;border:1px dashed #527caf;border-radius:5px}.calendar-foot{flex-wrap:wrap;gap:6px 20px}@media(max-width:640px){.task-calendar .panel-head{align-items:flex-start;flex-wrap:wrap}.calendar-legend{gap:8px 14px}}

.calendar-day-name{text-align:center;padding:10px 12px;background:#f7f9fd;color:var(--muted);font-size:11px;font-weight:600}

.shell[hidden]{display:none}.auth-screen{background:linear-gradient(145deg,#0c2145,#163b72 60%,#255394)}.auth-screen .auth-dialog{width:410px;border:1px solid #d5e1f4;box-shadow:0 24px 90px #06142a55}.auth-screen .auth-brand{font-family:inherit;font-size:30px;font-weight:700;letter-spacing:1px;color:#173d75;padding-top:31px}.auth-screen h2{font-family:inherit;font-size:21px;font-weight:700;margin:7px 0 10px}.auth-password-toggle{font-size:11px;color:#486d9f;text-align:right;display:block;margin:-7px 0 18px auto}