:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--border:#e3e8ef;--text:#1d2939;--muted:#667085;--primary:#1f6feb;--primary-weak:#e8f0fe;--online:#12a150;--offline:#d92d20;--warn:#dc6803;--new:#1f6feb;--renew:#7a5af8;--cut:#98a2b3;--radius:10px;--shadow:0 1px 2px rgba(16,24,40,.06);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f141b;--surface:#171d26;--surface-2:#1d2430;--border:#2a3342;--text:#e6eaf0;--muted:#98a2b3;--primary:#5b9dff;--primary-weak:#1b2a44;--online:#3ccb7f;--offline:#f97066;--warn:#fdb022;--new:#5b9dff;--renew:#a48afb;--cut:#667085;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}h1{font-size:20px;margin:0 0 4px}h2{font-size:16px;margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:12px}.num{font-variant-numeric:tabular-nums}.online{color:var(--online)}.offline{color:var(--offline)}.warn{color:var(--warn)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px}.grid{display:grid;gap:12px}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.stack>*+*{margin-top:16px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.spacer{flex:1}.page-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-head .spacer{flex:1}.btn,button{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font:inherit;padding:6px 12px;white-space:nowrap}.btn:hover,button:hover{border-color:var(--primary)}.btn.primary,button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button:disabled{cursor:default;opacity:.5}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:6px 10px}label.field{color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:4px}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;display:inline-block;font-size:12px;padding:1px 8px}.chip.new{color:var(--new)}.chip.renew{color:var(--renew)}.chip.cut{color:var(--cut)}.chip.on{color:var(--online)}.chip.off,.error-box{color:var(--offline)}.error-box{background:var(--surface);border:1px solid var(--offline);border-radius:8px;padding:10px 12px}.loading{color:var(--muted);padding:12px 0}@media(max-width:640px){.grid.two{grid-template-columns:1fr}.card{padding:12px}}