:root{--bg: #07110c;--bg-2: #0c1a13;--panel: #102018;--panel-2: #15281e;--line: #274433;--text: #e7f4ea;--muted: #8eae9a;--accent: #d7f56a;--accent-2: #7ee0b0;--danger: #ff8b7a;--warn: #f3c15b;--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Outfit,system-ui,sans-serif;background:radial-gradient(1200px 600px at 90% -10%,rgba(215,245,106,.08),transparent 50%),radial-gradient(800px 400px at -10% 110%,rgba(126,224,176,.08),transparent 45%),var(--bg)}h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;font-weight:500}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:28px 18px;border-right:1px solid var(--line);background:#0c1a13d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:12px;align-items:center;padding:0 10px}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#102018;display:grid;place-items:center;font-weight:700}.brand small{display:block;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}nav{display:flex;flex-direction:column;gap:6px}nav a{text-decoration:none;padding:12px 14px;border-radius:12px;color:var(--muted)}nav a.active,nav a:hover{background:var(--panel-2);color:var(--text)}.main{padding:32px 40px 64px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}.top p{margin:8px 0 0;color:var(--muted);max-width:620px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.1fr .9fr}.card{background:linear-gradient(180deg,#15281ee6,#102018eb);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 4px;font-size:15px;color:var(--muted);font-family:Outfit,sans-serif;letter-spacing:.04em;text-transform:uppercase}.metric{font-size:34px;margin:10px 0 0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:var(--muted);font-weight:500}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grow{flex:1}input,textarea,select{width:100%;background:#0b1610;border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent-2)}.btn{border:0;border-radius:999px;padding:11px 16px;background:var(--accent);color:#132016;font-weight:600;cursor:pointer}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:#2a0d08}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--muted)}.badge.ok{color:var(--accent-2);border-color:#2e6b4d}.badge.warn{color:var(--warn);border-color:#6d5420}.badge.bad{color:var(--danger);border-color:#6d332b}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%)}.auth-card h1{font-size:42px;margin:0 0 8px}.error{color:var(--danger);font-size:14px}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.footer-space{margin-top:auto;padding:10px;color:var(--muted);font-size:13px}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;overflow-x:auto}nav{flex-direction:row}.stats,.two{grid-template-columns:1fr}.main{padding:20px}}