:root{color-scheme:dark;--bg: #0e1116;--surface: #171c23;--surface-2: #1f262f;--border: #2a323d;--text: #e8eef5;--muted: #9fadbd;--accent: #62a8ff;--ok: #3fb950;--warn: #d29922;--bad: #f85149;--radius: 12px;--space: 16px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5;font-size:16px}.screen{max-width:860px;margin:0 auto;padding:24px 20px 48px}.screen--centered{min-height:100%;display:flex;align-items:center;justify-content:center}h1{font-size:1.5rem;margin:0;letter-spacing:-.01em}h2{font-size:1rem;margin:0;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted);margin:4px 0 0}.small{font-size:.875rem}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9375rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:var(--space)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.login{width:100%;max-width:380px}.login__header{margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}label{font-size:.875rem;color:var(--muted)}input{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:1rem;font-family:inherit;width:100%}input:hover{border-color:#3a4553}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{width:100%;padding:11px 16px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#06101d;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease}.button:hover:not(:disabled){background:#7fbaff}.button:disabled{opacity:.6;cursor:progress}.button--ghost{width:auto;background:transparent;border-color:var(--border);color:var(--text);font-weight:500;padding:8px 14px}.button--ghost:hover:not(:disabled){background:var(--surface-2)}.alert{background:#f851491f;border:1px solid rgba(248,81,73,.45);color:#ffb4b0;border-radius:8px;padding:10px 12px;margin:0 0 14px;font-size:.9375rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.topbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:0}.grid dt{font-size:.8125rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.grid dd{margin:0;font-size:1.0625rem;overflow-wrap:anywhere}.grid dd.value{font-size:1.75rem;font-weight:600;line-height:1.2}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:600;border:1px solid currentColor}.badge--ok{color:var(--ok)}.badge--warn{color:var(--warn)}.badge--bad{color:var(--bad)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.hint{color:var(--muted);font-size:.875rem;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--border)}@media (max-width: 520px){.screen{padding:16px 14px 40px}.card{padding:16px}.grid dd.value{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}