:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1eb;--surface:#fffdf8;--ink:#1c1917;--muted:#78716c;--line:#e7e0d5;--accent:#0f766e;--accent-soft:#ccfbf1;--warn:#b45309;--danger:#b91c1c;--kwun:#c2410c;--radius:10px;--font:"IBM Plex Sans", "Noto Sans TC", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #fde68a55, transparent 60%), radial-gradient(900px 500px at 100% 0%, #99f6e455, transparent 55%), var(--bg);color:var(--ink);margin:0}a{color:var(--accent)}button,input,select{font:inherit}.shell{max-width:1120px;margin:0 auto;padding:24px 20px 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:-.02em;font-size:1.35rem}.brand span{color:var(--muted);font-size:.85rem}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tab{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px}.tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.grid{gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=800px){.grid-3,.grid-2{grid-template-columns:1fr}}.kpi-label{color:var(--muted);margin:0 0 6px;font-size:.8rem}.kpi-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:1.8rem;font-weight:700}.kpi-sub{color:var(--muted);margin:6px 0 0;font-size:.8rem}.section-title{margin:28px 0 12px;font-size:1.05rem}.bar-list{flex-direction:column;gap:10px;display:flex}.bar-row{grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;font-size:.9rem;display:grid}.bar-row.highlight .bar-label{color:var(--kwun);font-weight:700}.bar-track{background:#efe8dc;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%}.bar-row.highlight .bar-fill{background:var(--kwun)}.bar-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.filters input,.filters select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:160px;padding:9px 12px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-weight:600}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.mono{font-family:var(--mono);font-size:.82rem}.pager{color:var(--muted);align-items:center;gap:10px;margin-top:14px;font-size:.9rem;display:flex}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(420px,100%);padding:28px 24px;box-shadow:0 18px 50px #0000000d}.login-card h1{letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem}.login-card p{color:var(--muted);margin:0 0 20px;line-height:1.5}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.9rem}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:24px}