:root{--bg: #0f1115;--panel: #161920;--panel-2: #1d2129;--text: #e8eaed;--muted: #9aa0a6;--accent: #34d399;--accent-2: #60a5fa;--danger: #f87171;--warning: #fbbf24;--border: #2b3038;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px}button{cursor:pointer;border:none;border-radius:var(--radius);padding:10px 16px;font-weight:600;background:var(--accent-2);color:#fff;transition:opacity .15s ease}button:hover{opacity:.9}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 12px;width:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.login-page{display:flex;align-items:center;justify-content:center;height:100%}.login-card{width:360px}.login-card h1{margin:0 0 8px;font-size:24px}.login-card p{color:var(--muted);margin:0 0 20px}.login-card form>*+*{margin-top:12px}.login-card .error{color:var(--danger);font-size:13px}.dashboard{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--border)}header h1{margin:0;font-size:20px}header .user{display:flex;align-items:center;gap:12px;color:var(--muted)}main{padding:24px;overflow-y:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px}.stat{display:flex;flex-direction:column}.stat label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.stat .value{font-size:24px;font-weight:700;margin-top:6px}.positive{color:var(--accent)}.negative{color:var(--danger)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.section{margin-bottom:24px}.section h2{margin:0 0 12px;font-size:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.open{background:#34d39926;color:var(--accent)}.badge.critical{background:#f8717126;color:var(--danger)}.badge.warning{background:#fbbf2426;color:var(--warning)}.chart-wrap{height:280px}@media (max-width: 720px){.grid{grid-template-columns:1fr}}