:root{--primary:#9b1b30;--primary-dark:#6e1222;--primary-soft:#fbeaed;--accent:#f2a900;--bg:#f6f4f3;--surface:#fff;--surface-2:#faf8f7;--border:#e7e2e0;--text:#1a1614;--muted:#726b67;--danger:#c0392b;--danger-soft:#fdecea;--success:#1e8e3e;--success-soft:#e6f4ea;--r-sm:8px;--r-md:12px;--r-lg:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--shadow-sm:0 1px 2px rgba(26,22,20,.06);--shadow-md:0 4px 16px rgba(26,22,20,.08);--shadow-lg:0 12px 32px rgba(26,22,20,.14);--sidebar-w:244px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}h1{font-size:26px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:19px;margin:28px 0 12px}h2,h3{font-weight:700}h3{font-size:16px;margin:0 0 8px}.muted,p.muted{color:var(--muted)}.small{font-size:13px}.shell{display:flex;flex-direction:column;min-height:100vh}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:linear-gradient(90deg,var(--primary-dark),#7a142a);color:#fff;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);height:60px;box-shadow:var(--shadow-md)}.brand{font-weight:800;font-size:18px;line-height:1.1;white-space:nowrap}.brand .small{font-weight:400;opacity:.8}.nav{display:flex;align-items:center;gap:2px;flex:1 1;overflow-x:auto;height:100%}.nav::-webkit-scrollbar{height:0}.nav a{display:flex;align-items:center;height:100%;color:#f0dde1;padding:0 14px;font-weight:600;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent;transition:background .12s,border-color .12s}.nav a:hover{background:hsla(0,0%,100%,.1)}.nav a.active{color:#fff;border-bottom-color:var(--accent);background:hsla(0,0%,100%,.06)}.main{flex:1 1;width:100%;max-width:1280px;margin:0 auto;padding:var(--sp-5) var(--sp-5) 0}.acct{position:relative}.acct-btn{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.12);border:none;color:#fff;border-radius:999px;padding:5px 6px 5px 12px;font-weight:700}.acct-btn:hover{background:hsla(0,0%,100%,.2)}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--accent);color:#3a2a00;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.menu{position:absolute;right:0;top:46px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden}.menu .menu-head{padding:12px 14px;border-bottom:1px solid var(--border)}.menu a,.menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:11px 14px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.menu a:hover,.menu button:hover{background:var(--surface-2)}@media (max-width:720px){.topnav{padding:0 var(--sp-3);gap:var(--sp-2)}.brand .small{display:none}.main{padding:var(--sp-4) var(--sp-3) 0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--shadow-sm)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.stat{padding:2px 0}.stat .num{font-size:30px;font-weight:800;color:var(--primary);line-height:1.1;letter-spacing:-.02em}.stat .muted{display:block;margin-top:2px}.section-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:var(--sp-5) 0 var(--sp-2)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.chart-grid .span-2{grid-column:span 2}@media (max-width:980px){.chart-grid .span-2{grid-column:span 1}}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.chart-card h4{margin:0;font-size:14px;font-weight:700}.chart-card .sub{color:var(--muted);font-size:11.5px;margin:2px 0 8px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.banner-info{background:#fff7e6;border:1px solid var(--accent);padding:10px 14px;font-size:13px;margin-bottom:var(--sp-4)}.banner-info,.table-wrap{border-radius:var(--r-md)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;min-width:560px}.table-wrap table{border:none}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle;white-space:nowrap}th{background:var(--surface-2);color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.btn,button{font:inherit;cursor:pointer;border-radius:var(--r-sm);padding:8px 14px;font-weight:700;font-size:14px;border:1px solid transparent;transition:filter .12s,background .12s,transform .04s}button:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-outline:hover{background:var(--surface-2)}.btn-danger{background:var(--surface);border:1.5px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.06)}button:disabled{opacity:.5;cursor:default}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-green{background:var(--success-soft);color:var(--success)}.badge-amber{background:#fdf0d5;color:#8a5a00}.badge-grey{background:#efeceb;color:var(--muted)}.badge-red{background:var(--danger-soft);color:var(--danger)}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;width:100%;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:6px}.field{margin-bottom:var(--sp-4)}.actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.center{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted)}.error{color:var(--danger);font-size:14px;margin:8px 0}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{width:380px;max-width:100%}.footer{color:var(--muted);font-size:12px;margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border)}.toolbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-4)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.seg button{border:none;border-radius:0;background:var(--surface);color:var(--muted);padding:7px 14px}.seg button.active{background:var(--primary);color:#fff}