:root{--navy:#142634;--dark:#0e202c;--paper:#f5f2ea;--card:#fffefa;--muted:#65747a;--line:#dde2dd;--teal:#177e78;--soft:#dcedea;--green:#4d8a68;--amber:#c58b3c;--coral:#c9645a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#0d1d28,#15303d);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.logo{font-weight:800;font-size:22px;display:flex;gap:10px;align-items:center}.logo i{width:19px;height:19px;border:5px solid #6bc7b9;border-radius:50%;position:relative}.logo i:after{content:"";position:absolute;width:9px;height:2px;background:#6bc7b9;right:-10px;top:4px}.sidebar nav{display:grid;gap:6px;margin-top:34px}.nav{border:0;background:transparent;color:#cbd7dc;border-radius:9px;padding:13px;text-align:left;display:flex;gap:13px;cursor:pointer;font-weight:650}.nav.active,.nav:hover{background:#ffffff15;color:#fff;box-shadow:inset 3px 0 #6bc7b9}.profile{margin-top:auto;border-top:1px solid #ffffff1c;padding-top:20px;display:flex;align-items:center;gap:9px}.profile>b{width:38px;height:38px;border-radius:50%;background:#28769d;display:grid;place-items:center;font-size:11px}.profile span{display:grid;gap:2px}.profile strong{font-size:13px}.profile small{font-size:10px;color:#9eb0b7}.profile a{margin-left:auto;color:#9eb0b7;text-decoration:none}.main{padding:30px 34px 24px;min-width:0}.main header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}h1{font-size:30px;letter-spacing:-.04em;margin:4px 0 6px}h2{font-size:19px;margin:4px 0;letter-spacing:-.025em}.kicker{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.12em;margin:0}.muted{color:var(--muted);font-size:13px;margin:0}.header-actions{display:flex;gap:10px}.search{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.search input{border:0;outline:0;background:transparent;width:170px}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--teal);color:#fff;box-shadow:0 5px 14px #177e782d}.secondary{background:#eef1ee;color:var(--navy)}.view{display:none}.view.active{display:block}.focus{display:flex;align-items:center;gap:28px;background:#edf5f0;border:1px solid #ceddd6;border-radius:12px;padding:12px 18px;margin-bottom:16px}.focus>div{display:grid;gap:3px;min-width:220px}.focus small{color:var(--green);font-weight:800;letter-spacing:.1em}.focus strong{font-size:14px}.focus p{border-left:1px solid #c7d7d0;padding-left:25px;color:#526669;font-size:13px}.dashboard{display:grid;grid-template-columns:1.65fr 1fr .72fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 11px #1426340a}.dashboard>.card{padding:20px;min-height:255px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.link{border:0;background:transparent;color:var(--teal);font-size:11px;font-weight:700;cursor:pointer}.task-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:28px 1fr 31px 55px 72px;align-items:center;gap:8px;padding:12px 2px;text-align:left;cursor:pointer}.task-row:hover{background:#f2f7f4}.task-row>i{font-style:normal;width:27px;height:27px;border-radius:7px;background:var(--soft);color:var(--teal);display:grid;place-items:center;font-weight:800}.task-row>span{display:grid;gap:3px;min-width:0}.task-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.task-row small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row em{font-style:normal;width:29px;height:29px;border-radius:50%;background:#28769d;color:#fff;display:grid;place-items:center;font-size:9px}.task-row time{font-size:10px;color:var(--coral)}.task-row u{text-decoration:none;font-size:9px;padding:5px;background:#edf4f1;border-radius:6px;text-align:center}.capacity .card-head em{font-style:normal;font-size:9px;padding:5px 8px;border-radius:20px;background:#e5f1ea;color:var(--green);font-weight:800}.capacity .card-head em.risk{background:#f7e6e3;color:var(--coral)}.capacity-body{display:flex;align-items:center;gap:17px;margin-top:28px}.ring{--pct:0deg;width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--teal) var(--pct),#e4e8e4 0);display:grid;place-items:center;flex:none}.ring:before{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:var(--card)}.ring span{z-index:1;display:grid;text-align:center}.ring b{font-size:26px}.ring small{font-size:9px;color:var(--muted)}.legend{flex:1}.legend p{display:grid;grid-template-columns:9px 1fr auto;gap:6px;font-size:10px;color:var(--muted)}.legend i{width:7px;height:7px;border-radius:50%;background:#d5dcd8;margin-top:3px}.legend i.teal{background:var(--teal)}.legend p b{color:var(--navy)}.legend>small{display:block;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);font-size:9px}.areas #areaList{display:grid}.areas button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 2px;display:flex;justify-content:space-between;font-size:11px;cursor:pointer}.areas button b{background:#edf2ef;padding:2px 6px;border-radius:20px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.status{padding:16px}.status h3{font-size:14px;margin:0 0 3px;display:flex;align-items:center;gap:7px}.status h3 i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.status>small{font-size:9px;color:var(--muted);margin-left:38px}.coral h3 i{background:#f8e6e2;color:var(--coral)}.amber h3 i{background:#f7eddc;color:var(--amber)}.green h3 i{background:var(--soft);color:var(--teal)}.status>div{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:11px}.status>div>button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.status>div>button:last-child{border-bottom:0}.status button span{display:grid;gap:2px}.status button b{font-size:11px}.status button small,.status button time{font-size:9px;color:var(--muted)}.quick{display:grid;grid-template-columns:24px 1fr 120px 80px;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:16px}.quick>span{font-size:23px;color:var(--teal)}.quick input,.quick select{border:0;outline:0;background:transparent;color:var(--muted)}.quick select{border-left:1px solid var(--line);padding-left:10px}.quick button{border:0;border-radius:7px;background:var(--navy);color:#fff;padding:9px;cursor:pointer}.workspace{padding:24px;min-height:550px}.workspace-head{display:flex;justify-content:space-between}.workspace-head>div>p:last-child{margin-top:7px}.workspace-head> b{font-size:40px;color:#bdc5c1}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 14px}.filters button{border:1px solid var(--line);border-radius:20px;background:#fff;padding:7px 12px;font-size:10px;cursor:pointer}.filters button.active{background:var(--navy);color:#fff}.task-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:minmax(250px,2fr) 130px 110px 90px 70px;gap:12px;align-items:center;padding:11px 14px}.table-head{background:#eef1ed;text-transform:uppercase;letter-spacing:.06em;font-size:9px;color:var(--muted)}.table-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;cursor:pointer;font-size:11px}.table-row:hover{background:#f4f8f5}.table-row>span:first-child{display:grid}.table-row small{color:var(--muted)}.table-row em{font-style:normal;color:var(--teal);background:var(--soft);padding:5px 7px;border-radius:6px}.placeholder{padding:60px;text-align:center;min-height:500px}.placeholder>div{font-size:48px;color:var(--teal)}.placeholder p{margin:12px 0 20px}.overlay,.drawer-overlay{display:none;position:fixed;inset:0;background:#0818206b;z-index:50;place-items:center;padding:20px}.overlay.open,.drawer-overlay.open{display:grid}.modal{position:relative;background:var(--card);width:min(670px,100%);max-height:92vh;overflow:auto;border-radius:15px;padding:25px}.modal h2{font-size:24px;margin-bottom:20px}.close{position:absolute;right:20px;top:20px;border:0;width:31px;height:31px;border-radius:50%;background:#edf0ed;font-size:20px;cursor:pointer}.modal label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#56686b}.modal input,.modal textarea,.modal select,.auth-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.modal textarea{min-height:70px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.check{display:flex!important;align-items:center;margin-top:14px}.check input{width:auto}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.drawer-overlay{place-items:stretch end;padding:0}.drawer{position:relative;width:min(420px,100%);height:100%;background:var(--card);padding:34px;box-shadow:-15px 0 45px #081a2330}.drawer>span{display:inline-block;padding:5px 8px;border-radius:20px;background:#edf1ee;font-size:9px;font-weight:800}.drawer>span.urgent{background:#f8e6e2;color:var(--coral)}.drawer>span.blocked{background:#f7eddc;color:var(--amber)}.drawer>span.validation{background:var(--soft);color:var(--teal)}.drawer h2{font-size:25px;margin-top:18px}.drawer dl{margin:24px 0;border-top:1px solid var(--line)}.drawer dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.drawer dd{margin:0;font-weight:700}.insight{padding:14px;border-radius:9px;background:#edf5f0;border:1px solid #d6e4dc;margin:22px 0}.insight b{font-size:10px;color:var(--green);letter-spacing:.08em}.insight p{font-size:11px;line-height:1.55}.full{width:100%}.empty{padding:22px;text-align:center;color:var(--muted);font-size:10px}.toast{display:none;position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;border-radius:9px;padding:12px 16px;font-size:11px;z-index:90}.toast.show{display:block}.toast.error{background:var(--coral)}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0e202c 0 45%,var(--paper) 45%);padding:20px}.auth-card{width:min(440px,100%);background:var(--card);border-radius:16px;padding:35px;box-shadow:0 24px 70px #08182035}.auth-card .logo{margin-bottom:30px}.auth-card h1{font-size:29px}.auth-form{display:grid;gap:15px;margin-top:24px}.auth-form label{display:grid;gap:7px;font-size:11px;font-weight:750}.auth-form .btn{margin-top:4px}.alert{padding:11px;border-radius:8px;margin:15px 0;font-size:11px}.alert.error{background:#f8e6e2;color:#9c443c}.alert.ok{background:#e6f2eb;color:#39745b}.help{font-size:10px;color:var(--muted);margin-top:18px}
@media(max-width:1050px){.dashboard{grid-template-columns:1.4fr 1fr}.areas{grid-column:1/-1}.areas #areaList{grid-template-columns:repeat(5,1fr);gap:6px}.areas button{background:#f1f5f2;border:0;border-radius:7px;padding:8px}.task-row{grid-template-columns:28px 1fr 31px 55px}.task-row u{display:none}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:30;inset:auto 0 0;height:64px;padding:7px 10px;display:block}.sidebar>.logo,.profile{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0}.nav{display:grid;gap:1px;place-items:center;padding:6px 10px;font-size:15px}.nav span{font-size:8px}.nav:nth-child(n+5){display:none}.nav.active{box-shadow:inset 0 -2px #6bc7b9}.main{padding:19px 14px 84px}.main header{align-items:start}.main header h1{font-size:23px}.main header .muted,.search{display:none}.header-actions .btn{font-size:0;width:41px;height:41px;padding:0}.header-actions .btn:first-letter{font-size:18px}.focus p{display:none}.dashboard,.status-grid{grid-template-columns:1fr}.areas{grid-column:auto}.areas #areaList{grid-template-columns:1fr 1fr}.quick{grid-template-columns:22px 1fr 70px}.quick select{display:none}.table-head{display:none}.table-row{grid-template-columns:1fr auto;padding:13px}.table-row>*:nth-child(2),.table-row>*:nth-child(3),.table-row>*:nth-child(5){display:none}.form-grid{grid-template-columns:1fr}.task-row{grid-template-columns:28px 1fr 31px}.task-row time{display:none}.auth-page{background:var(--paper)}.auth-card{padding:26px}.drawer{padding:25px}}