:root{--accent: #4f46e5;--bg: #0b0f19;--surface: #131a2a;--surface-2: #1b2438;--border: #26304a;--text: #e6eaf2;--muted: #8b94a7;--good: #22c55e;--warn: #f59e0b;--alert: #ef4444;--radius: 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}h1{font-size:1.5rem;margin:0 0 4px}h3{margin:0 0 12px;font-size:1rem}.muted{color:var(--muted)}.pad{padding:16px}.row{display:flex;align-items:center}.gap{gap:8px}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column}.brand{font-weight:700;font-size:1.2rem;padding:6px 10px 20px;color:#fff}.brand:first-letter{color:var(--accent)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{padding:10px 12px;border-radius:8px;color:var(--muted);font-size:.92rem;display:flex;gap:10px;align-items:center}.sidebar nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar nav a.active{background:var(--accent);color:#fff}.ico{width:18px;text-align:center}.logout{margin-top:12px}.content{padding:28px 32px;overflow:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-size:1.6rem;font-weight:700}.stat-hint{font-size:.78rem;color:var(--muted)}.stat.tone-warn{border-color:var(--warn)}.stat.tone-alert{border-color:var(--alert)}.stat.tone-good{border-color:var(--good)}.badge{font-size:.72rem;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.badge.tone-good{color:var(--good);border-color:var(--good)}.badge.tone-warn{color:var(--warn);border-color:var(--warn)}.badge.tone-alert{color:var(--alert);border-color:var(--alert)}.badge.tone-muted{color:var(--muted)}.btn{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);color:var(--text)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost{background:transparent}.btn-danger{background:var(--alert);border-color:var(--alert);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.table td{padding:11px 12px;border-bottom:1px solid var(--border)}.table tr:hover td{background:var(--surface-2)}.meter{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;min-width:120px}.meter-fill{height:100%}.meter-fill.tone-good{background:var(--good)}.meter-fill.tone-warn{background:var(--warn)}.meter-fill.tone-alert{background:var(--alert)}input,select,textarea{font:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);width:100%}label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px}.field{margin-bottom:14px}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:360px}