:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--panel-2: #eef3f8;--text: #17202a;--muted: #64748b;--line: #dce4ee;--green: #16b75f;--blue: #2c7be5;--red: #e04f5f;--amber: #dd9b22;--shadow: 0 18px 42px rgba(21, 32, 43, .1)}html[data-theme=dark]{color-scheme:dark;--bg: #08111d;--panel: #101a27;--panel-2: #162233;--text: #eff5fb;--muted: #91a0b5;--line: #223148;--shadow: 0 22px 54px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}button{min-height:38px;border:0;border-radius:8px;background:var(--green);color:#fff;font:inherit;font-size:13px;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 14px}button:disabled{cursor:wait;opacity:.65}input,select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;padding:0 11px}input::placeholder{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr)}.sidebar{min-height:100vh;border-right:1px solid #0a1b31;background:#102845;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;margin-bottom:0}.brand img{width:174px;max-height:44px;object-fit:contain}.brand-dark,html[data-theme=dark] .brand-light{display:none}.brand small{color:#fff;font-size:12px;font-weight:400;line-height:1.2;text-align:center}nav{display:grid;gap:6px}nav button{min-height:32px;width:100%;border-radius:5px;padding:0 10px;display:flex;gap:9px;align-items:center;justify-content:flex-start;color:#fff;font-size:13px;font-weight:400;text-decoration:none;background:#1d3f69;cursor:pointer}nav button svg{display:block;flex:0 0 auto;color:#c9dbef}.side-nav{display:grid;gap:6px;margin-top:0}.side-nav .nav-block{min-height:32px;color:#fff;font-weight:400;background:#1d3f69}nav button.active{background:#1d3f69;color:#fff;font-weight:500}.nav-group{display:grid;gap:2px;padding-left:16px}.nav-group button{min-height:28px;background:#19365c;color:#fff;font-size:12px;font-weight:400}.nav-group button:before{content:"";width:10px;height:1px;background:#8db4de;flex:0 0 auto}.nav-group button svg{color:#c9dbef}.sidebar-credit{margin-top:auto;padding:18px 8px 0;color:#e8f3ff;font-size:12px;line-height:1.35;text-align:center}main{padding:20px 24px 32px;min-width:0}.topbar,.title-row,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{margin-bottom:20px}.search{flex:1;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);display:flex;gap:10px;align-items:center;padding:0 12px;min-width:190px;font-size:13px}.icon-button,.secondary,.panel-head button{background:var(--panel);border:1px solid var(--line);color:var(--text)}.icon-button{width:40px;padding:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(440px,100%);padding:22px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-brand img{width:132px;max-height:34px;object-fit:contain}.login-brand .icon-button{margin-left:auto}.form-grid,.compact-form{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.compact-form button,.compact-form .span-2{grid-column:1 / -1}.status-strip{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;align-items:center;gap:12px;padding:0 12px;margin-top:14px;font-size:13px;font-weight:800}.error-text{color:var(--red)}.success-text{color:var(--green)}.muted{margin:0;color:var(--muted);font-size:13px}.profile{display:flex;align-items:center;gap:10px}.profile>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);font-weight:900}.profile strong,.profile small{display:block;line-height:1.2}.profile small,.title-row p,.metric span,.metric small,.list-row span{color:var(--muted)}h1{margin:0 0 4px;font-size:26px}h2{margin:0;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:18px 0 14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric{min-height:112px;padding:18px;display:flex;gap:14px;align-items:center}.metric-icon{width:44px;height:44px;border-radius:8px;display:grid;place-items:center}.metric strong{display:block;font-size:24px;margin:4px 0}.green{background:#16b75f2e;color:var(--green)}.blue{background:#2c7be52e;color:var(--blue)}.red{background:#e04f5f2e;color:var(--red)}.amber{background:#dd9b222e;color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.panel{padding:16px;min-height:284px}.wide{grid-column:1 / -1;min-height:240px;overflow-x:auto}.bars,.stack{display:grid;gap:12px;margin-top:16px}.slim-list{margin-top:14px}.bar-row{display:grid;grid-template-columns:130px minmax(90px,1fr) 44px;gap:10px;align-items:center;font-size:13px}.bar-row div{height:12px;border-radius:999px;background:var(--panel-2);overflow:hidden}.bar-row i{display:block;height:100%;border-radius:inherit;background:var(--green)}.list-row{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--panel-2) 12%)}.thumb{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--panel-2);font-weight:900}.list-row strong,.list-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row span{font-size:12px;margin-top:3px}em{min-height:24px;border-radius:999px;padding:4px 8px;font-style:normal;font-size:11px;font-weight:900}.in{background:#16b75f29;color:var(--green)}.out{background:#e04f5f29;color:var(--red)}table{width:100%;min-width:720px;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:12px}@media(max-width:980px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand img,.brand small,nav button{font-size:0}nav button{justify-content:center}.metrics,.dashboard-grid{grid-template-columns:1fr}}@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:14px}.topbar,.title-row{align-items:stretch;flex-direction:column}.profile{display:none}.actions button{flex:1}.compact-form{grid-template-columns:1fr}}