:root{--ink:#18201d;--muted:#69736f;--paper:#f7f5ef;--card:#fff;--green:#1c674d;--line:#e5e1d7;--red:#a53f36}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:#18382d;padding:28px 20px}.brand{margin-bottom:28px;font-size:24px;font-weight:800}.nav a{color:#dce9e3;border-radius:8px;margin:3px 0;padding:10px 12px;display:block}.nav a:hover{background:#285243}.main{width:100%;max-width:1400px;padding:32px}.top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.status{color:#725b12;background:#efe2bb;border-radius:999px;padding:7px 10px;font-weight:700}.live{color:#1e6841;background:#d8eedf}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 10px #23352d0a}.metric{margin-top:8px;font-size:30px;font-weight:800}.muted{color:var(--muted);font-size:14px}.table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px;font-size:14px}.pill{background:#e8eee9;border-radius:999px;padding:4px 8px;display:inline-block}.danger{color:var(--red)}.login{place-items:center;min-height:100vh;display:grid}.login .card{width:min(420px,92vw)}input,textarea,select{background:#fff;border:1px solid #cfcac0;border-radius:8px;width:100%;margin:6px 0 14px;padding:10px 12px}.btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px}.section{margin-top:24px}.bars{align-items:flex-end;gap:12px;height:160px;display:flex}.bar{background:#2d8063;border-radius:8px 8px 0 0;flex:1;min-height:4px;position:relative}.bar span{text-align:center;width:100%;font-size:12px;position:absolute;bottom:-24px}@media (max-width:850px){.shell{grid-template-columns:1fr}.side{display:none}.main{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}}