:root{--bg:#f5f7fa;--card:#fff;--text:#1d2330;--muted:#5b6475;--line:#dde2ea;--accent:#1f5fbf;--accent-bg:#e8f0fc;--ok:#1d7a3a;--ok-bg:#e7f5ec;--warn:#b4231b;--warn-bg:#fdecea;--mid:#8a5a00;--mid-bg:#fdf3df;--th:#eef1f6}
@media (prefers-color-scheme: dark){:root{--bg:#14171d;--card:#1c2029;--text:#e4e8ef;--muted:#9aa3b2;--line:#2e3542;--accent:#6ea2f0;--accent-bg:#1e2a3d;--ok:#6fcf8e;--ok-bg:#1c3326;--warn:#f08a82;--warn-bg:#3a1f1d;--mid:#e8b95a;--mid-bg:#3a2f18;--th:#242a35}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 "Segoe UI","Microsoft JhengHei","PingFang TC",sans-serif}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:var(--card);border-bottom:1px solid var(--line);padding:8px 16px;position:sticky;top:0;z-index:5}
.brand{font-weight:700;color:var(--accent)}
nav{display:flex;flex-wrap:wrap;gap:4px;flex:1}
nav a{padding:4px 10px;border-radius:6px;color:var(--text);text-decoration:none;font-size:14px}
nav a.on{background:var(--accent-bg);color:var(--accent);font-weight:600}
.who{font-size:13px;color:var(--muted)}
main{max-width:1100px;margin:0 auto;padding:16px}
h1{font-size:20px;margin:4px 0 12px}
h2{font-size:16px;margin:16px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;text-decoration:none;color:var(--text);display:block}
.stat .k{color:var(--muted);font-size:13px}
.stat .v{font-size:26px;font-weight:700}
.stat.warn .v{color:var(--warn)}
.tbl{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
th{background:var(--th);font-weight:600;white-space:nowrap}
tr.click{cursor:pointer}
tr.click:hover td{background:var(--accent-bg)}
label{display:block;font-size:13px;color:var(--muted);margin:8px 0 2px}
input,select,textarea{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:7px 9px;width:100%}
input[type=file]{padding:5px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.row>*{flex:1 1 160px}
.row>.auto{flex:0 0 auto}
button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:7px 14px;cursor:pointer}
button.ghost{background:transparent;color:var(--accent)}
button.danger{background:transparent;color:var(--warn);border-color:var(--warn)}
button.link{border:none;background:transparent;color:var(--accent);padding:0 4px}
button:disabled{opacity:.5;cursor:default}
.tag{display:inline-block;border-radius:4px;padding:0 7px;font-size:12px;font-weight:600;white-space:nowrap}
.t-ok{background:var(--ok-bg);color:var(--ok)}
.t-warn{background:var(--warn-bg);color:var(--warn)}
.t-mid{background:var(--mid-bg);color:var(--mid)}
.t-gray{background:var(--th);color:var(--muted)}
.muted{color:var(--muted);font-size:13px}
.notice{border-left:4px solid var(--mid);background:var(--mid-bg);padding:8px 12px;border-radius:6px;margin-bottom:12px}
.notice.warn{border-color:var(--warn);background:var(--warn-bg)}
.notice.ok{border-color:var(--ok);background:var(--ok-bg)}
.login{max-width:380px;margin:60px auto}
.login h1{text-align:center}
.pre{white-space:pre-wrap;font-family:Consolas,monospace;font-size:13px;background:var(--th);padding:8px;border-radius:6px}
#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--text);color:var(--card);padding:8px 16px;border-radius:8px;display:none;z-index:20;max-width:90vw}
.edit-table input{min-width:90px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
nav a{white-space:nowrap}
@media (max-width:640px){.top{padding:8px 10px}.brand{flex:1}nav{order:3;flex:1 1 100%;overflow-x:auto;flex-wrap:nowrap}main{padding:10px}.stat .v{font-size:22px}th,td{padding:6px 5px}}