:root{--bg:#f3f6f6;--panel:#ffffff;--panel-soft:#f7fafa;--border:rgba(2,54,66,0.07);--border-strong:rgba(2,54,66,0.12);--row:rgba(2,54,66,0.05);--text:#030202;--muted:#5f6e72;--muted2:#7f8c90;--muted3:#95a1a4;--ink:#030202;--teal-900:#023642;--teal-500:#00ac98;--teal-400:#42bdc4;--teal-100:#ddf3f0;--teal-50:#eef8f8;--danger:#b3402f;--danger-bg:#f8e9e6;--amber:#9a6b1f;--amber-bg:#fbf0e4;--amber-border:#ebdcc0;--primary:var(--teal-900);--primary-contrast:#ffffff;--card-shadow:0 1px 2px rgba(2,54,66,0.04),0 14px 30px -24px rgba(2,54,66,0.4);--radius:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1416;--panel:#121a1d;--panel-soft:#0f1618;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--row:rgba(255,255,255,0.06);--text:#e8eded;--muted:#9fb0b2;--muted2:#859799;--muted3:#7c8e90;--card-shadow:0 1px 2px rgba(0,0,0,0.4)}}:root[data-theme=dark]{--bg:#0d1416;--panel:#121a1d;--panel-soft:#0f1618;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--row:rgba(255,255,255,0.06);--text:#e8eded;--muted:#9fb0b2;--muted2:#859799;--muted3:#7c8e90;--card-shadow:0 1px 2px rgba(0,0,0,0.4)}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;font-family:Roboto,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--teal-900);text-decoration:none}a:hover{color:var(--teal-500)}::selection{background:#cdeff1}:focus-visible{outline:2px solid var(--teal-900);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-soft);border:1px solid var(--border-strong);border-radius:10px;padding:9px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal-900);background:var(--panel)}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 16px;font-size:13px;transition:all .16s ease}button:hover{border-color:rgba(2,54,66,.28)}button.primary{background:var(--teal-900);color:#fff;border-color:var(--teal-900);font-weight:600}button.primary:hover{background:var(--ink);border-color:var(--ink)}button.danger{background:transparent;color:var(--danger);border-color:rgba(179,64,47,.35);font-weight:600}button.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:252px;flex:none;background:var(--teal-900);color:#fff;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-logo{padding:24px 22px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo img{display:block;width:128px;height:auto}.sidebar-logo .role{margin-top:7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42)}.sidebar nav{flex:1 1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13.5px;color:rgba(255,255,255,.6);transition:background .16s,color .16s}.sidebar nav a:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--teal-400);opacity:0;flex:none;transition:opacity .16s}.sidebar nav a:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar nav a.active{background:rgba(255,255,255,.08);color:#fff;font-weight:500}.sidebar nav a.active:before{opacity:1}.sidebar-foot{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.sidebar-user{display:flex;align-items:center;gap:11px}.sidebar-user .avatar{width:34px;height:34px;border-radius:50%;background:var(--teal-500);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;flex:none}.sidebar-user .who{flex:1 1;min-width:0}.sidebar-user .who .name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .who .meta{font-size:11px;color:rgba(255,255,255,.42)}.sidebar-foot button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-size:12.5px}.sidebar-foot button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}.content{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 36px;height:70px;background:rgba(243,246,246,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}:root[data-theme=dark] .topbar{background:rgba(13,20,22,.88)}.topbar .heading{flex:1 1;min-width:0}.topbar .heading .t{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.topbar .heading .s{font-size:12.5px;color:var(--muted);margin-top:1px}.bell{position:relative;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel);color:var(--text)}.bell:hover{border-color:rgba(2,54,66,.28)}.bell .badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.hamburger{width:38px;height:38px;padding:0;font-size:18px}.hamburger,.overlay{display:none}.main{flex:1 1;padding:30px 36px 72px}.main>*{max-width:1320px;margin-inline:auto;animation:riseIn .34s ease both}h2{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--card-shadow);overflow-x:auto}.card h3{font-size:14.5px;font-weight:600;margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:16px;gap:16px}.kpi{font-family:Roboto,sans-serif;font-weight:300;font-size:33px;line-height:1.15;letter-spacing:-.01em;margin-top:10px}.kpi-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted2)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:11px 14px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted2);font-weight:500;border-bottom:1px solid var(--border)}td{padding:14px;border-bottom:1px solid var(--row);font-size:13.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody tr{transition:background .14s ease}tbody tr:hover{background:var(--panel-soft)}.chip{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:7px}.chip-ok{background:var(--teal-100);color:var(--teal-900)}.chip-muted{background:#edeeec;color:var(--muted)}.chip-danger{background:var(--danger-bg);color:var(--danger)}.chip-amber{background:var(--amber-bg);color:var(--amber)}.err{color:var(--danger);font-size:13px}.login{max-width:380px;margin:11vh auto;padding:0 16px}.login .card{padding:28px}.login img{display:block;width:136px;height:auto;margin-bottom:20px}.login input{width:100%;margin:7px 0}@media (max-width:768px){.shell{display:block}.hamburger{display:flex}.sidebar{position:fixed;top:0;left:0;z-index:40;transform:translateX(-100%);transition:transform .2s ease}.shell.open .sidebar{transform:translateX(0)}.shell.open .overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:30}.topbar{padding:0 16px}.main{padding:18px 16px 60px}}