:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#1e8aef;--blue-deep:#0f6fd0;--sky:#bfe2f6;--sky-soft:#e8f2fb;--cream:#fff6e5;--red:#e3563f;--red-soft:#fcebe7;--ink:#1a2230;--ink-soft:#5b6473;--hairline:#edeef1;--bg:#fff;--bg-warm:#fbfcfd;--surface:#fff;--font:"Nunito", "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--maxw:1040px;font-family:var(--font);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);line-height:1.55}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;color:var(--ink);background:radial-gradient(80% 50% at 18% 0%, color-mix(in srgb, var(--sky) 20%, white) 0%, transparent 60%), var(--bg-warm);background-attachment:fixed;margin:0}img{max-width:100%;display:block}a{color:var(--blue-deep);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 55%, white);outline-offset:2px;border-radius:8px}.wrap{max-width:var(--maxw);margin:0 auto;padding:22px clamp(16px,4vw,40px) 96px}.brand{align-items:baseline;gap:10px;margin:0;display:flex}.wordmark{letter-spacing:-.03em;background:url(/topo-tile.jpg) 0 0/120px;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1.5px #0f234633);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3.6vw,2rem);font-weight:900;line-height:1}.admintag{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-deep);background:var(--sky-soft);border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:800;transform:translateY(-2px)}h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,3.6vw,2rem);font-weight:900}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:30px 0 12px;font-size:13px;font-weight:800}.tabs{flex-wrap:wrap;gap:8px;margin:20px 0 24px;display:flex}.tab{border:1px solid var(--hairline);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:background .14s,color .14s,border-color .14s,transform .14s}.tab:hover{border-color:color-mix(in srgb, var(--blue) 40%, white);color:var(--ink)}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--blue) 80%, transparent)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:18px;box-shadow:0 1px 2px #1a22300a,0 18px 40px -30px #1a223040}.row{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:11px 0;display:flex}.row:last-child{border-bottom:0}.grow{flex:1;min-width:0}.muted{color:var(--ink-soft);font-size:13px}.mono{font-family:var(--mono)}input{font:inherit;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 14px}input::placeholder{color:color-mix(in srgb, var(--ink-soft) 70%, white)}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 22%, transparent);outline:none}button.btn{font:inherit;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;padding:9px 16px;font-weight:700;transition:border-color .14s,background .14s,transform .12s}button.btn:hover{border-color:color-mix(in srgb, var(--blue) 45%, white)}button.btn:active{transform:translateY(1px)}button.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 20px -10px color-mix(in srgb, var(--blue) 85%, transparent)}button.btn.primary:hover{background:var(--blue-deep);border-color:var(--blue-deep)}button.btn.danger{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}button.btn.danger:hover{border-color:var(--red)}button.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:18px;box-shadow:0 1px 2px #1a22300a,0 18px 40px -30px #1a223038}.stat .n{letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:1.1}.stat .l{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:12px;font-weight:700}.badge{background:var(--red-soft);color:var(--red);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.badge.blue{background:var(--sky-soft);color:var(--blue-deep)}.err{color:var(--red);font-size:13px;font-weight:600}.center{place-items:center;min-height:70vh;display:grid}.stack{flex-direction:column;gap:12px;display:flex}pre{white-space:pre-wrap;background:var(--bg-warm);border:1px solid var(--hairline);font-family:var(--mono);border-radius:12px;max-height:320px;padding:14px;font-size:12.5px;overflow:auto}
