:root{--bg:#f4f6f9;--surface:#ffffff;--sidebar:#10151f;--sidebar-active:#1c2637;--text:#121722;--text-muted:#6b7688;--border:#e3e7ee;--brand:#f5a623;--brand-dark:#d18a12;--ok:#12a150;--info:#2563eb;--warn:#d97706;--bad:#dc2626;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:0 0 232px;background:var(--sidebar);color:#c9d2e0;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px;padding:4px 10px 2px}.logo span{color:var(--brand)}.logo-sub{font-size:11px;color:#7c889b;padding:0 10px 18px;letter-spacing:.3px}.nav-link{padding:9px 10px;border-radius:8px;color:#c9d2e0;display:flex;justify-content:space-between;align-items:center}.nav-link.active,.nav-link:hover{background:var(--sidebar-active);color:#fff}.nav-link.active{font-weight:600}.nav-group{font-size:11px;text-transform:uppercase;color:#616e83;padding:16px 10px 6px;letter-spacing:.6px}.main{flex:1 1;min-width:0;padding:22px 26px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.topbar h1{font-size:22px;margin:0}.topbar .who{color:var(--text-muted);font-size:13px;text-align:right}.grid{display:grid;grid-gap:14px;gap:14px}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card h2{font-size:15px;margin:0 0 12px}.card h3{font-size:13px;margin:0 0 10px;font-weight:600}.card h3,.stat .label{color:var(--text-muted)}.stat .label{font-size:12px;margin-bottom:6px}.stat .value{font-size:24px;font-weight:700;letter-spacing:-.4px}.stat .hint{color:var(--text-muted);font-size:12px;margin-top:4px}.stat.accent .value{color:var(--brand-dark)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.4px;font-weight:600}tbody tr:hover{background:#fafbfd}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent}.badge.ok{background:#e7f7ee;color:#0f7a3d}.badge.info{background:#e8effd;color:#1d4ed8}.badge.warn{background:#fdf0dd;color:#a35c06}.badge.bad{background:#fdeaea;color:#b91c1c}.badge.muted{background:#eef1f5;color:#5d6b80}.btn,button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 13px;cursor:pointer}.btn:hover,button:hover{border-color:#c9d0da}.btn.primary,button.primary{background:var(--brand);border-color:var(--brand);color:#1a1205;font-weight:600}button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button.danger{color:var(--bad);border-color:#f2c9c9}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;width:100%}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.field{margin-bottom:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.error{background:#fdeaea;color:#b91c1c;margin-bottom:12px}.error,.notice{padding:9px 12px;border-radius:8px}.notice{background:#fff8e8;color:#8a5a06;border:1px solid #f2e0bd}.muted{color:var(--text-muted)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.small{font-size:12px}.spacer{height:18px}.login-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--sidebar)}.login-card{width:340px;background:#fff;border-radius:14px;padding:26px}.login-card .logo{color:var(--text);padding:0 0 2px}.login-card .logo-sub{padding:0 0 18px}.split-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;margin:10px 0 6px}.split-bar i{display:block;height:100%}.split-legend{display:flex;gap:14px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}.split-legend b{color:var(--text);font-weight:600}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.bars{display:flex;align-items:flex-end;gap:6px;height:130px;margin-top:10px}.bars .bar{flex:1 1;background:#eef1f5;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.bars .bar,.bars .bar i{border-radius:4px 4px 0 0}.bars .bar i{display:block;background:var(--brand)}.bars-labels{display:flex;gap:6px;margin-top:6px}.bars-labels span{flex:1 1;text-align:center;font-size:10px;color:var(--text-muted)}.progress{height:6px;background:#eef1f5;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--ok)}.brand{display:flex;align-items:center;gap:10px}.brand .logo{margin:0}.login-card .brand{justify-content:center}