:root{color-scheme:light;--bg:#f5f7fa;--panel:#ffffff;--ink:#162033;--muted:#687386;--line:#dfe5ee;--primary:#145c8f;--accent:#0f8b6f;--warning:#c26a17;--danger:#b72d3b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#102337;color:#f7fbff;padding:24px 16px}.brand{font-size:20px;font-weight:700;margin-bottom:28px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{border-radius:8px;color:#d8e5f2;padding:11px 12px}.nav a:hover{background:rgba(255,255,255,.1)}.content{padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{margin:0;font-size:26px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.metric{color:var(--muted);font-size:13px}.metric strong{color:var(--ink);display:block;font-size:30px;margin-top:8px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.btn,.toolbar{align-items:center}.btn{background:var(--primary);border:0;border-radius:8px;color:white;cursor:pointer;display:inline-flex;gap:8px;min-height:40px;padding:0 14px}.btn.secondary{background:#e9eef5;color:var(--ink)}.input,.select,.textarea{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:40px;padding:9px 11px;width:100%}.textarea{min-height:170px;resize:vertical}.form{display:grid;grid-gap:12px;gap:12px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:13px;font-weight:600}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 9px}.badge.good{background:#dff6ed;color:#08664d}.badge.warn{background:#fff0d8;color:#8a4a0b}.badge.danger{background:#ffe0e4;color:#9f1d2c}.login-page{align-items:center;display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{background:#fff;border:1px solid var(--line);border-radius:8px;max-width:420px;padding:28px;width:100%}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static}.grid.cols-2,.grid.cols-4{grid-template-columns:1fr}}