:root{color-scheme:light;font-family:PingFang SC,Helvetica Neue,sans-serif;background:#f6f8fb;color:#1d2430}*{box-sizing:border-box}body{margin:0;background:#f6f8fb}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px;background:#18212f;color:#f8fafc}.sidebar h1{margin:10px 0 12px;font-size:28px;line-height:1.2}.subtitle{margin:0;color:#f8fafcb8;line-height:1.6}.eyebrow{margin:0;font-size:12px;letter-spacing:0;text-transform:uppercase;opacity:.65}.nav{display:grid;gap:10px;margin-top:32px}.nav a{padding:12px 14px;border-radius:8px;background:#ffffff0d}.nav a.router-link-active{background:#2e8c7f;color:#fff}.sidebar-footer{display:grid;gap:6px;padding-top:24px;color:#f8fafcb8;font-size:13px}.sidebar-footer strong{color:#fff;font-weight:600}.content{padding:28px}.page{display:grid;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:end;gap:16px}.page-header h2{margin:6px 0 0;font-size:34px}.primary-button{border:none;border-radius:8px;padding:12px 18px;background:#2e8c7f;color:#fff;font-size:14px;cursor:pointer;text-align:center}.portal-grid{display:grid;gap:16px;grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr)}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{border-radius:8px;padding:20px;background:#fff;border:1px solid rgba(29,36,48,.08);box-shadow:0 12px 28px #1d24300f}.login-panel,.status-panel{display:grid;gap:20px;border-radius:8px;padding:24px;background:#fff;border:1px solid rgba(29,36,48,.08);box-shadow:0 12px 28px #1d24300f}.login-panel{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}.login-panel h3,.status-panel h3,.card h3{margin:8px 0 10px;font-size:20px}.login-panel p,.status-panel p{margin:0;color:#647084;line-height:1.6}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;color:#485568;font-size:13px}.form-message{margin:0;color:#a2532b;font-size:13px;line-height:1.5}.stat-card span{display:block;color:#647084;margin-bottom:10px}.stat-card strong{font-size:28px}.plain-list{margin:0;padding-left:18px;line-height:1.8;color:#485568}.toolbar{display:flex;gap:12px;margin-bottom:16px}.input{width:100%;border:1px solid #ccd5e1;border-radius:8px;padding:12px 14px;background:#fff;font-size:14px}.status-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.status-list li{display:flex;align-items:center;gap:10px;color:#485568}.status-list strong{margin-left:auto;color:#1d2430}.dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.dot.ok{background:#2e8c7f}.dot.warn{background:#c5822f}.table-placeholder{min-height:220px;display:grid;place-items:center;color:#647084;line-height:1.7;text-align:center}@media(max-width:960px){.shell,.stats-grid,.dashboard-grid,.portal-grid,.login-panel{grid-template-columns:1fr}.page-header,.toolbar{flex-direction:column;align-items:stretch}}