:root{color-scheme:light;--background:#f6f7f9;--surface:#ffffff;--surface-muted:#eef2f6;--border:#d8dee8;--text:#172033;--muted:#667085;--primary:#0f766e;--primary-dark:#115e59;--accent:#b45309;--danger:#b42318;--success:#027a48;--shadow:0 10px 28px rgba(15,23,42,0.08)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#152238;color:#eef4ff;padding:24px 18px}.brand{display:grid;gap:4px;margin-bottom:28px}.brand strong{font-size:18px}.brand span,.muted,.nav-label{color:var(--muted)}.sidebar .muted,.sidebar .nav-label{color:#aebbd0}.nav{display:grid;gap:6px}.nav a{border-radius:8px;color:#d9e4f5;padding:10px 12px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.1);color:#ffffff}.main{min-width:0}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:72px;padding:0 28px}.content{padding:28px}.page-title{display:grid;gap:6px;margin-bottom:22px}.page-title h1{font-size:26px;line-height:1.2;margin:0}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(160px,1fr))}.workspace-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);margin-top:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:18px}.metric{display:grid;gap:10px;min-height:118px}.metric span{color:var(--muted);font-size:14px}.metric strong{font-size:28px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:4px 9px;width:fit-content}.badge.warn{background:#fff3d6;color:var(--accent)}.badge.ok{background:#dcfae6;color:var(--success)}.badge.danger{background:#fee4e2;color:var(--danger)}.section-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:17px;margin:0}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left}.table th{color:var(--muted);font-size:13px;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{align-items:center;background:var(--primary);border:0;border-radius:8px;color:#ffffff;cursor:pointer;display:inline-flex;font-weight:700;min-height:40px;padding:0 14px}.button.secondary{background:var(--surface-muted);color:var(--text)}.login-page{align-items:center;display:grid;min-height:100vh;padding:24px}.login-panel{display:grid;gap:20px;margin:0 auto;max-width:420px;width:100%}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{color:var(--muted);font-size:14px;font-weight:700}.field input{border:1px solid var(--border);border-radius:8px;min-height:44px;padding:0 12px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.metrics,.workspace-grid{grid-template-columns:1fr}}