:root{color-scheme:light;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#f4f7f8;--surface:#fff;--soft:#eef3f4;--ink:#142b36;--muted:#60747d;--line:#d9e3e6;--nav:#0f2e39;--nav-hover:#1b4551;--brand:#087f78;--focus:#006bd6;--success:#19734e;--warning:#976000;--danger:#a03232;--info:#216a8a;--shadow:0 10px 28px rgba(15,46,57,.08);--radius:12px}
[data-theme=dark]{color-scheme:dark;--bg:#0f191e;--surface:#18262c;--soft:#203238;--ink:#edf6f7;--muted:#abc0c7;--line:#30454c;--nav:#091a20;--nav-hover:#173b45;--brand:#36b9ae;--focus:#71b7ff;--success:#69c999;--warning:#e4b65c;--danger:#f28b88;--info:#77c8eb;--shadow:none}
*{box-sizing:border-box}html{font-family:var(--font);background:var(--bg);color:var(--ink)}body{margin:0;min-width:320px}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--surface);color:var(--ink);padding:.75rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:var(--nav);color:#d8e8ec;padding:1.25rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:5}.brand{display:flex;gap:.8rem;align-items:center;color:#fff;text-decoration:none;font-weight:780;margin-bottom:1.5rem}.brand-mark{display:grid;place-items:center;background:#138d85;border-radius:10px;width:42px;height:42px}.brand small,.profile small{display:block;color:#9fb5bc;font-size:.72rem;margin-top:.15rem}.sidebar nav{display:grid;gap:.2rem;overflow:auto}.nav-group{margin:1rem .75rem .3rem;color:#89a3ab;font-size:.64rem;font-weight:800;letter-spacing:.12em}.nav-group:first-child{margin-top:0}.sidebar nav button{display:flex;align-items:center;gap:.65rem;width:100%;border:0;background:transparent;color:#cfdee2;padding:.62rem .7rem;border-radius:8px;text-align:left;cursor:pointer}.sidebar nav button:hover,.sidebar nav button[aria-current=page]{background:var(--nav-hover);color:#fff}.nav-icon{font-size:.62rem;color:#79bdb8;min-width:1.3rem}.profile{margin-top:auto;border-top:1px solid #31515a;padding-top:1rem;display:flex;align-items:center;gap:.7rem}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#315561}.page-shell{min-width:0}.topbar{height:82px;display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2.5rem);position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--line)}.topbar h1{font-size:1.32rem;margin:0}.eyebrow{font-size:.65rem;color:var(--brand);font-weight:850;letter-spacing:.13em;margin:0 0 .22rem}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.button{border:1px solid transparent;border-radius:8px;padding:.68rem .95rem;font-weight:730;cursor:pointer;min-height:42px}.button-primary{background:var(--brand);color:#fff}.button-secondary,.icon-button{background:var(--soft);border-color:var(--line);color:var(--ink)}.button-quiet{background:transparent;color:var(--brand);padding:.45rem}.icon-button{width:42px;padding:.5rem;position:relative}.notification-dot{position:absolute;width:7px;height:7px;background:#e25d55;border-radius:50%;right:7px;top:7px}.menu-button,.scrim{display:none}main{padding:clamp(1rem,3vw,2.4rem);max-width:1560px;margin:auto}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.35rem}.page-intro h2{font-size:clamp(1.45rem,3vw,2rem);margin:0}.page-intro p{color:var(--muted);margin:.35rem 0 0;max-width:68ch}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:1.15rem;border-top:3px solid var(--brand)}.metric-amber{border-top-color:var(--warning)}.metric-red{border-top-color:var(--danger)}.metric-card p{margin:0;color:var(--muted);font-size:.82rem}.metric-card strong{display:block;font-size:1.85rem;margin:.25rem 0}.metric-card span,.subtle{font-size:.77rem;color:var(--muted)}.card{padding:1.2rem}.card h3{margin:.1rem 0 .8rem}.card-header,.command-card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.content-grid-wide{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.content-grid-form{grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr)}.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.command-card{cursor:pointer;transition:.16s}.command-card:hover{transform:translateY(-2px);border-color:var(--brand)}.command-number,.text-link{font-weight:850;color:var(--brand)}.command-card p{color:var(--muted);min-height:3.2em}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.search-field{width:min(100%,420px)}.search-field input{margin:0}.status{display:inline-block;padding:.24rem .54rem;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.69rem;font-weight:850;white-space:nowrap}.status-success{color:var(--success)}.status-warning{color:var(--warning)}.status-danger{color:var(--danger)}.status-info{color:var(--info)}.alert{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;padding:.9rem 1rem;border:1px solid;border-radius:9px;margin-bottom:1rem}.alert strong{grid-row:1/3}.alert-info{color:var(--info)}.alert-warning{color:var(--warning)}.alert-danger{color:var(--danger)}.alert-success{color:var(--success)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.85rem .65rem;border-top:1px solid var(--line);text-align:left}thead th{border-top:0;color:var(--muted);font-size:.72rem;text-transform:uppercase}tbody th{font-weight:720}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:.8rem;padding:.72rem 0}.timeline li>span{width:10px;height:10px;background:var(--brand);border-radius:50%;margin-top:.3rem}.timeline small{display:block;color:var(--muted);margin-top:.18rem}.state-panel{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.state-panel h3{color:var(--ink)}.state-icon{font-size:2rem;color:var(--brand)}.stack{display:grid;gap:1rem}.skeleton{height:96px;border-radius:var(--radius);background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));background-size:200%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200%}}label,legend{font-size:.86rem;font-weight:750}.field-help{color:var(--muted);font-size:.8rem;margin:.25rem 0}input,textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:.75rem;margin:.35rem 0 1rem}textarea{min-height:145px;resize:vertical}fieldset{border:0;padding:0}.check{display:flex;gap:.6rem;font-weight:500}.check input{width:auto;margin:0}.form-actions{display:flex;gap:.7rem;flex-wrap:wrap}.context-card li{margin:.65rem 0}.progress{height:8px;background:var(--soft);border-radius:99px;overflow:hidden;margin-top:1rem}.progress span{display:block;height:100%;background:var(--brand)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.metric-grid,.command-grid{grid-template-columns:repeat(2,1fr)}.content-grid-wide{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;width:min(82vw,290px);transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.sidebar.open+.scrim{display:block;position:fixed;inset:0;border:0;background:#0007;z-index:4}.menu-button{display:block}.topbar-actions>.icon-button:not(#theme),.topbar .button-primary{display:none}main{padding:1rem}.metric-grid,.command-grid,.content-grid{grid-template-columns:1fr}.page-intro,.filter-bar{align-items:stretch;flex-direction:column}.command-card p{min-height:auto}.alert{grid-template-columns:1fr}.alert strong{grid-row:auto}}