:root{--bg: #f2fbfc;--bg2: #e6f6f8;--panel: #ffffff;--line: #d5eaee;--text: #17323a;--muted: #6b8b95;--accent: #06a6c4;--accent-2: #34c9a3;--ok: #16a34a;--warn: #e08a1e;--err: #e0524d;--info: #3b82f6;--radius: 14px;--shadow: 0 2px 10px rgb(23 50 58 / .06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;color:var(--text);font:14px/1.7 -apple-system,BlinkMacSystemFont,Hiragino Sans,PingFang SC,Microsoft YaHei,Noto Sans JP,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}.muted{color:var(--muted)}.tiny{font-size:12px}.err{color:var(--err)}.spacer{flex:1}.loading{padding:60px;text-align:center;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,94vw);text-align:center;padding:32px 28px;position:relative}.logo{font-size:46px;line-height:1;margin-bottom:8px}.login-card h1{font-size:19px;margin:0 0 4px}.login-card p{margin:0 0 18px}.login-card .input{width:100%;margin-bottom:12px;text-align:center;letter-spacing:2px}.login-card .btn{width:100%}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}.logo-sm{font-size:24px}.brand{font-weight:700;font-size:15px}.wrap{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer{text-align:center;padding:8px 0 32px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.card h2{margin:0 0 14px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.card h2:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 760px){.stats{grid-template-columns:1fr}}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border-top:3px solid var(--accent)}.stat.accent{border-top-color:var(--accent-2)}.stat.ok{border-top-color:var(--ok)}.stat.danger{border-top-color:var(--err)}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2px 0}.stat-sub{color:var(--muted);font-size:12px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 16px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;font-weight:600;padding:11px 16px}.btn.ghost{background:transparent}.input{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 12px;font-size:14px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.input.slim{padding:6px 10px;font-size:13px}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg2)}.login-card .lang-switch{position:absolute;top:14px;right:14px}.lang{border:0;background:transparent;color:var(--muted);padding:5px 12px;font-size:12px;cursor:pointer}.lang.on{background:var(--accent);color:#fff;font-weight:600}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.pill.big{padding:6px 14px;font-size:13px}.pill.ok{background:#e7f8ee;color:var(--ok);border-color:#bfe9cf}.pill.warn{background:#fdf3e2;color:var(--warn);border-color:#f3dcb4}.pill.err{background:#fdecec;color:var(--err);border-color:#f5c9c7}.pill.info{background:#e9f1fe;color:var(--info);border-color:#c6dbfb}.pill.mute{background:var(--bg2);color:var(--muted);border-color:var(--line)}.chips{display:flex;flex-wrap:wrap;gap:8px}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:var(--bg2);color:var(--muted);font-weight:600;position:sticky;top:0;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7fdfe}td:nth-child(4),td:nth-child(5),td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums}.empty{padding:32px;text-align:center;color:var(--muted)}