:root{
  --hs-bg:#f5f4f0;--hs-surface:#ffffff;--hs-surface-2:#f8f7f4;--hs-ink:#181715;--hs-muted:#79756e;--hs-line:#e7e3da;
  --hs-sidebar:#151514;--hs-sidebar-2:#22211f;--hs-sidebar-text:#d9d5cd;--hs-accent:#f2a900;--hs-accent-soft:#fff1c7;
  --hs-radius:18px;--hs-shadow:0 10px 30px rgba(31,27,20,.05);--hs-shadow-float:0 18px 55px rgba(26,23,18,.10)
}
html,body{background:var(--hs-bg);color:var(--hs-ink)}body{letter-spacing:-.005em}.layout{grid-template-columns:216px minmax(0,1fr);background:var(--hs-bg)}
.sidebar{background:var(--hs-sidebar);padding:17px 12px 13px;gap:13px;border-right:1px solid rgba(255,255,255,.04)}.brand{padding:4px 7px 14px;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--hs-accent);color:#171716;display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:none}.brand h1{font-size:14px;margin:0;letter-spacing:-.02em;color:#fff}.brand p{font-size:10px;margin:3px 0 0;color:#77736c}
.nav{display:grid;gap:2px;overflow:auto;padding-right:2px}.nav-group{display:grid;gap:2px;margin:1px 0 8px}.nav-group-title{padding:8px 10px 4px;color:#6f6b64;font-size:10px;font-weight:650;letter-spacing:0;text-transform:none}.nav button[data-nav]{display:flex;align-items:center;gap:9px;min-height:37px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#aaa69f;text-align:left;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.nav button[data-nav]:hover{background:rgba(255,255,255,.05);color:#f3efe8}.nav button[data-nav].active{background:var(--hs-sidebar-2);color:#fff;box-shadow:none}.nav button[data-nav] .nav-icon{width:17px;height:17px;display:grid;place-items:center;opacity:.78;flex:0 0 auto}.nav button[data-nav].active .nav-icon{color:var(--hs-accent);opacity:1}.nav-icon svg{width:17px;height:17px;display:block}
.nav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:#716d66;font:inherit;font-size:10px;font-weight:650;text-align:left;cursor:pointer}.nav-group-toggle:hover{background:rgba(255,255,255,.035);color:#918c84}.nav-group-chevron{font-size:16px;line-height:1;transition:transform .15s ease}.nav-group-body{display:none;gap:2px}.nav-group.collapsible.open .nav-group-body{display:grid}.nav-group.collapsible.open .nav-group-chevron{transform:rotate(90deg)}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding:12px 8px 3px;color:#d3cfc7}.sidebar-footer .user-name{font-size:12px;font-weight:700;color:#eeeae3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .user-role{font-size:9px;color:#77736d;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.main{padding:0 30px 38px;max-width:1540px;width:100%;margin:0 auto}.topbar{position:sticky;top:0;z-index:20;min-height:70px;margin:0 -4px 24px;padding:11px 4px 10px;background:color-mix(in srgb,var(--hs-bg) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--hs-line) 72%,transparent)}.topbar>div:first-child{display:flex;align-items:center;gap:10px}.topbar h2{font-size:19px;font-weight:740;letter-spacing:-.03em;color:var(--hs-ink)}.top-actions{gap:6px}.top-actions select,.top-actions .btn{height:32px;border:1px solid var(--hs-line);background:rgba(255,255,255,.74);border-radius:9px;padding:5px 9px;font-size:10.5px;color:var(--hs-ink);box-shadow:none}.top-actions select:hover,.top-actions .btn:hover{border-color:#d5cfc4;background:#fff}.top-actions #location{min-width:156px;max-width:214px}.top-actions #theme{min-width:74px;max-width:88px}.pilot-badge{height:25px;padding:0 8px;border-radius:999px;background:#eeece7;color:#716d66;font-size:8.5px;letter-spacing:.07em;border:1px solid #dfdbd3}
#content{display:grid;gap:16px;animation:hsFade .16s ease-out}@keyframes hsFade{from{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:none}}.notice{border:0;border-left:3px solid #d99000;background:#fff8e7;color:#6e5100;border-radius:11px;padding:11px 14px;font-size:12px;box-shadow:none}.notice.good{border:0;border-left:3px solid #268b63;background:#edf8f3;color:#185c45}.notice b{font-weight:750}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.card{border:1px solid color-mix(in srgb,var(--hs-line) 86%,transparent);border-radius:var(--hs-radius);background:var(--hs-surface);padding:16px 17px;box-shadow:none}.cards>.card{min-height:108px;display:flex;flex-direction:column;justify-content:space-between}.metric-label{font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--hs-muted);text-transform:none}.metric{font-size:28px;line-height:1;font-weight:760;letter-spacing:-.045em;margin-top:13px;color:var(--hs-ink)}.section-title{align-items:center;margin-top:2px}.section-title h3{font-size:16px;letter-spacing:-.025em}.section-title .muted{margin-top:4px}.muted{color:var(--hs-muted);font-size:11.5px;line-height:1.55}
.toolbar{margin:0;gap:7px;padding:0}.toolbar input,.toolbar select,.field input,.field select{height:38px;border:1px solid var(--hs-line);background:var(--hs-surface);border-radius:11px;padding:8px 11px;color:var(--hs-ink);outline:0;box-shadow:none}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus{border-color:#b9a777;box-shadow:0 0 0 3px rgba(242,169,0,.11)}.btn{border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-surface);color:var(--hs-ink);font-size:11.5px;font-weight:650;padding:8px 11px;box-shadow:none}.btn:hover{background:var(--hs-surface-2)}.btn.primary{background:var(--hs-ink);border-color:var(--hs-ink);color:#fff}.btn.primary:hover{background:#292724}
.table-wrap{border:1px solid var(--hs-line);border-radius:16px;background:var(--hs-surface);box-shadow:none}.table{background:transparent}.table th{position:sticky;top:0;z-index:1;padding:10px 13px;background:var(--hs-surface-2);border-bottom:1px solid var(--hs-line);font-size:9.5px;font-weight:750;letter-spacing:.025em;text-transform:none;color:#837f77}.table td{padding:11px 13px;border-bottom:1px solid #efede8;font-size:12px;color:#2b2926}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#fbfaf7}.table tbody tr:last-child td{border-bottom:0}.flags-cell{color:#6e6961!important}.status{border-radius:7px;padding:4px 7px;font-size:9.5px;font-weight:800;letter-spacing:.01em}.status.good{background:#e9f7f0;color:#247255}.status.warn{background:#fff3d7;color:#906300}.status.bad{background:#fdebea;color:#a53a35}.checklist{gap:7px}.check{border:0;background:var(--hs-surface-2);border-radius:12px;padding:11px 12px;gap:10px}.check .dot{width:24px;height:24px;border-radius:8px;font-size:10px;font-weight:800}.check strong{font-size:12px;margin-bottom:2px}.review-meta{margin-top:5px;font-size:10px;color:var(--hs-muted)}.empty{padding:42px 24px;color:#918c84;font-size:12px}.toast{background:#24221f;color:#fff;border-radius:12px;font-size:12px;box-shadow:var(--hs-shadow-float)}
.boot-card,.login-card{margin-top:10vh;border:1px solid var(--hs-line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--hs-shadow-float);padding:26px}.brand-kicker{color:#9a6b00;font-size:9px;letter-spacing:.14em}.login-card h1,.boot-card h1{font-size:28px;letter-spacing:-.045em;margin-top:8px}.login-card .btn.primary{width:100%;height:42px;margin-top:4px}
.dark{--hs-bg:#11110f;--hs-surface:#1a1917;--hs-surface-2:#201f1c;--hs-ink:#f3f0ea;--hs-muted:#9b968e;--hs-line:#302e2a;--hs-sidebar:#0b0b0a;--hs-sidebar-2:#1b1a18;--hs-accent:#f2ae2e;--hs-accent-soft:#3e2d08}.dark body,.dark .main{background:var(--hs-bg);color:var(--hs-ink)}.dark .card,.dark .table-wrap,.dark .login-card,.dark .boot-card{background:var(--hs-surface);border-color:var(--hs-line)}.dark .table th{background:var(--hs-surface-2);color:#918c83;border-color:var(--hs-line)}.dark .table td{color:#ddd8d0;border-color:#282724}.dark .table tbody tr:hover{background:#201f1c}.dark .toolbar input,.dark .toolbar select,.dark .field input,.dark .field select,.dark .top-actions select,.dark .top-actions .btn,.dark .btn{background:var(--hs-surface);border-color:var(--hs-line);color:var(--hs-ink)}.dark .notice{background:#302508;color:#edcf81;border-left-color:#d49716}.dark .notice.good{background:#102a20;color:#91d5b6;border-left-color:#36966d}.dark .check{background:var(--hs-surface-2);border:0}.dark .status.good{background:#18372a;color:#8bd3b1}.dark .status.warn{background:#3a2d0c;color:#ecc76c}.dark .status.bad{background:#3b1c1b;color:#ef9c97}.dark .pilot-badge{background:#24231f;color:#9e9990;border-color:#33312d}.dark .topbar{background:color-mix(in srgb,var(--hs-bg) 90%,transparent);border-color:color-mix(in srgb,var(--hs-line) 70%,transparent)}
@media(max-width:1100px){.layout{grid-template-columns:202px minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.layout{display:block}.sidebar{width:268px;padding:16px 13px}.main{padding:0 13px 26px}.topbar{min-height:64px;margin-bottom:18px;padding-top:9px}.topbar h2{font-size:18px}.top-actions{gap:5px}.top-actions #location{max-width:145px;min-width:120px}.top-actions #theme{display:none}.pilot-badge{display:none}.cards{grid-template-columns:1fr 1fr}.cards>.card{min-height:94px;padding:14px}.metric{font-size:24px}.nav button[data-nav]{min-height:39px}.table th,.table td{padding-left:11px;padding-right:11px}.catalog-toolbar select,.catalog-toolbar input{width:100%;max-width:none}}
@media(max-width:460px){.cards{grid-template-columns:1fr}.top-actions #location{max-width:126px}.top-actions .btn{padding-left:8px;padding-right:8px}}
