:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--panel:#fff;--text:#1d2733;--muted:#657386;--line:#d8dee7;--accent:#16745f;--accent-2:#2f6fbb;--danger:#b42318;--warning:#a15c00}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:24px;min-height:60px;padding:0 28px;display:flex}.brand{white-space:nowrap;font-size:18px;font-weight:700}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:8px 10px;font-size:14px}.nav a:hover{color:var(--text);background:#eef3f7}.content{max-width:1180px;margin:0 auto;padding:28px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.page-title h1{margin:0;font-size:24px}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px}.card{padding:18px}.metric{margin-top:8px;font-size:28px;font-weight:700}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 12px;font-size:14px}th{color:var(--muted);font-weight:600}tr:last-child td{border-bottom:0}.badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{color:var(--accent);background:#dff5ec}.badge.warn{color:var(--warning);background:#fff3d9}.badge.err{color:var(--danger);background:#fde3df}.actions{flex-wrap:wrap;gap:8px;display:flex}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:36px;padding:8px 12px;font-size:14px}button.secondary,.button.secondary{background:var(--accent-2)}input,textarea,select{border:1px solid var(--line);font:inherit;border-radius:6px;width:100%;min-height:36px;padding:8px 10px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.logout-form{margin-left:auto}.quiet-button{border:1px solid var(--line);color:var(--text);background:0 0}.login-shell{justify-content:center;align-items:center;min-height:calc(100vh - 56px);display:flex}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:16px;width:100%;max-width:420px;padding:28px;display:grid}.login-panel h1,.login-panel p{margin:0}.login-panel label{gap:7px;font-size:14px;display:grid}.form-error{color:var(--danger);background:#fde3df;border:1px solid #f3b7ad;border-radius:6px;padding:10px 12px;font-size:14px}@media (max-width:700px){.topbar{flex-direction:column;align-items:flex-start;padding:14px}.content{padding:16px}.table-wrap{overflow-x:auto}}