:root{--ops-paper:#F8F6F1;--ops-card:#FEFDFB;--ops-ink:#2A3A40;--ops-muted:#6E6B62;--ops-line:rgba(43,58,64,.12);--ops-sidebar:#0F2230;--ops-teal:#3D6E7E;--ops-blue:#6E9EB3;--ops-green:#4D7159;--ops-gold:#C0A046;--ops-coral:#B15540;--ops-shadow:0 8px 28px -22px rgba(15,34,48,.55)}
:root[data-theme=dark]{--ops-paper:#0A1822;--ops-card:#0F2230;--ops-ink:#E9E3D6;--ops-muted:#AAB4AD;--ops-line:rgba(233,227,214,.14);--ops-sidebar:#071019;--ops-teal:#97BACB;--ops-blue:#97BACB;--ops-green:#9CB5A2;--ops-gold:#D6B25C;--ops-coral:#E0A896;--ops-shadow:0 10px 30px -18px rgba(0,0,0,.75)}
*{box-sizing:border-box}html{font-family:Montserrat,system-ui,sans-serif}body{margin:0;background:var(--ops-paper);color:var(--ops-ink);font-size:14px;line-height:1.55}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:27px 15px;background:var(--ops-sidebar);color:#cad6d9}.brand{padding:0 13px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand h1{margin:0;color:#fff;font-size:18px}.brand div,.nav-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.brand div{margin-top:5px}.nav-label{margin:22px 12px 7px;opacity:.58}.nav{display:flex;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none;margin:2px 0}.nav:hover,.nav.active{background:#354a54;color:#fff}.nav.active{background:var(--ops-teal);font-weight:700}.side-note{position:absolute;bottom:20px;padding:0 12px;font-size:10px;line-height:1.65;opacity:.72}.main{margin-left:248px;width:calc(100% - 248px)}.top{min-height:66px;padding:10px 28px;background:color-mix(in srgb,var(--ops-card) 94%,transparent);border-bottom:1px solid var(--ops-line);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.crumb{font-size:12px;color:var(--ops-muted)}.tools,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.content{padding:28px;max-width:1540px;margin:auto}.btn{font:700 12px Montserrat;border:1px solid var(--ops-line);border-radius:999px;background:var(--ops-card);color:var(--ops-ink);padding:9px 14px;cursor:pointer;text-decoration:none}.btn.primary{background:var(--ops-teal);border-color:var(--ops-teal);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.15px}.badge.complete{background:color-mix(in srgb,var(--ops-green) 16%,var(--ops-card));color:var(--ops-green)}.badge.warning{background:color-mix(in srgb,var(--ops-gold) 18%,var(--ops-card));color:color-mix(in srgb,var(--ops-gold) 80%,var(--ops-ink))}.badge.restricted{background:color-mix(in srgb,var(--ops-coral) 15%,var(--ops-card));color:var(--ops-coral)}.badge.neutral{background:color-mix(in srgb,var(--ops-blue) 15%,var(--ops-card));color:var(--ops-teal)}.hero{position:relative;overflow:hidden;background:radial-gradient(55% 95% at 18% 20%,rgba(110,158,179,.28),transparent 66%),radial-gradient(50% 90% at 85% 18%,rgba(156,134,178,.24),transparent 68%),linear-gradient(135deg,var(--ops-card),color-mix(in srgb,var(--ops-green) 8%,var(--ops-card)));border:1px solid var(--ops-line);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ops-gold) 40%,transparent),var(--ops-shadow);border-radius:22px;padding:25px 27px;margin-bottom:18px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.45px;text-transform:uppercase;color:var(--ops-teal)}.hero h1{margin:5px 0 6px;font-size:clamp(30px,4vw,48px);line-height:1.02}.hero p{margin:0;color:var(--ops-muted);max-width:820px}.context-card{min-width:265px;background:color-mix(in srgb,var(--ops-card) 78%,transparent);border:1px solid var(--ops-line);border-radius:16px;padding:14px}.context-card span,.context-card small{display:block;color:var(--ops-muted);font-size:11px}.context-card b{display:block;font-size:15px;margin:4px 0}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:18px}.kpi,.panel{background:var(--ops-card);border:1px solid var(--ops-line);border-radius:17px;box-shadow:var(--ops-shadow)}.kpi{padding:15px}.kpi strong{display:block;font-size:27px}.kpi span{display:block;font-size:10px;color:var(--ops-muted);text-transform:uppercase;letter-spacing:.7px;margin-top:3px}.panel-head{padding:15px 17px;border-bottom:1px solid var(--ops-line);display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-head h2{font-size:19px;margin:0}.panel-head p{margin:3px 0 0;color:var(--ops-muted);font-size:12px}.panel-body{padding:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input,.filters select{font:500 12px Montserrat;padding:9px 11px;border:1px solid var(--ops-line);border-radius:999px;background:var(--ops-card);color:var(--ops-ink)}.work-list{display:grid;gap:10px}.work-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(130px,.55fr) minmax(160px,.65fr) auto;gap:15px;align-items:center;border:1px solid var(--ops-line);border-left:4px solid var(--ops-blue);border-radius:14px;padding:13px 14px}.work-row.urgent{border-left-color:var(--ops-coral)}.work-row.high{border-left-color:var(--ops-gold)}.work-row.complete{opacity:.72;border-left-color:var(--ops-green)}.work-row h3{margin:0 0 4px;font-size:14px}.work-row p{margin:0;color:var(--ops-muted);font-size:12px}.work-meta{display:grid;gap:2px}.work-meta span{font-size:10px;color:var(--ops-muted);text-transform:uppercase;letter-spacing:.5px}.work-meta b{font-size:12px}.work-actions{display:flex;gap:7px;justify-content:flex-end}.empty,.error{padding:45px 25px;text-align:center;color:var(--ops-muted)}.error{color:var(--ops-coral)}.boundary{margin-top:16px;padding:13px 15px;border-left:4px solid var(--ops-gold);background:color-mix(in srgb,var(--ops-gold) 9%,var(--ops-card));border-radius:12px;font-size:12px}.boundary b{color:var(--ops-ink)}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.work-row{grid-template-columns:1fr 1fr}.work-actions{justify-content:flex-start}}@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;width:100%}.content{padding:16px}.top{padding:10px 16px}.hero-grid{grid-template-columns:1fr}.context-card{min-width:0}.kpis{grid-template-columns:repeat(2,1fr)}.work-row{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}}