:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.shell{display:flex;min-height:100vh}.sidebar{width:200px;background:var(--surface);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px}.brand{font-size:15px;font-weight:700;margin-bottom:12px;color:#fff}.nav-item{display:block;padding:8px 10px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:14px}.nav-item:hover{background:#ffffff0d;color:var(--text)}.nav-active{background:var(--accent);color:#fff}.logout{margin-top:auto;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.logout:hover{color:var(--danger)}.content{flex:1;padding:24px}.content h2{margin-top:0;font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.stat-value{font-size:26px;font-weight:700;color:#fff}.stat-label{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600;background:#ffffff05}.mono{font-family:Consolas,Courier New,monospace}.badge{padding:2px 8px;border-radius:999px;font-size:12px}.badge.ok{background:#22c55e26;color:var(--ok)}.badge.warn{background:#f59e0b26;color:var(--warn)}.toolbar{margin-bottom:12px}.toolbar input{width:280px;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.error{color:var(--danger);padding:10px 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-size:18px;margin:0}.hint{color:var(--muted);font-size:13px;margin:0}.login-card input{padding:10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login-card button{padding:10px;border-radius:6px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:14px}.login-card button:hover{background:var(--accent-hover)}.login-card a{text-align:center;color:var(--muted);font-size:13px;text-decoration:none}