:root{--brand-bg: radial-gradient(1000px 600px at 10% -10%, #0ea5e9 0%, transparent 50%), radial-gradient(800px 500px at 90% -20%, #84cc16 0%, transparent 60%), linear-gradient(180deg, #0b1220 0%, #0c1117 100%);--brand-card-bg: color-mix(in oklab, var(--pico-card-background-color) 85%, #0ea5e9 5%);--brand-text-dim: color-mix(in oklab, var(--pico-color) 70%, transparent);--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.25);--ring: 0 0 0 2px #0ea5e980, 0 0 0 6px #22c55e30;--chart-height: 200px}@media (min-width: 500px){:root{--chart-height: 240px}}body{background:var(--brand-bg)}#root{padding:12px 0 64px}body,input,button,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;line-height:1.45}@media (min-width: 500px){body{font-size:15.5px}}h1{font-size:1.15rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}h5{font-size:.95rem;font-weight:600}small{font-size:.85rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:10px 12px;margin:-12px -12px 12px;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:color-mix(in oklab,#0b1220 65%,transparent);border-bottom:1px solid color-mix(in oklab,#fff 6%,transparent)}.topbar h1{margin:0;font-size:1.1rem;letter-spacing:.2px}.topbar .actions{display:flex;align-items:center;gap:8px}.topbar .status-dot{width:10px;height:10px;border-radius:9999px;display:inline-block;box-shadow:0 0 0 2px #0006 inset}.topbar details.actions{margin-left:auto}.topbar details[open]{background:transparent}.topbar details>summary{list-style:none;cursor:pointer}.topbar details>summary::-webkit-details-marker{display:none}.topbar .panel{padding:8px;border-radius:var(--radius);background:#0b1220e0;box-shadow:var(--shadow);border:1px solid #ffffff0f;display:flex;align-items:center;gap:8px}@media (max-width: 499px){.topbar .panel{flex-direction:column;align-items:stretch}.topbar .panel button{width:100%}}.cards{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 500px){.cards{grid-template-columns:1fr 1fr;gap:16px}}article{background:var(--brand-card-bg);border:1px solid #ffffff10;border-radius:var(--radius);box-shadow:var(--shadow)}article>header{padding:12px 14px;border-bottom:1px dashed #ffffff1a}article>header strong{letter-spacing:.3px}article>*:not(header){padding:12px 14px}input,select,button,textarea{border-radius:10px!important}input,select,textarea{min-height:44px}input:focus,select:focus,textarea:focus{box-shadow:var(--ring)}button{border-radius:12px!important;font-weight:600;padding:10px 14px;min-height:44px}button.primary,button[type=submit]{background:linear-gradient(180deg,#10b981,#059669);color:#fff;border:1px solid #065f46}button.primary:hover,button[type=submit]:hover{filter:brightness(1.05)}.grid{gap:10px}@media (max-width: 499px){form .grid{grid-template-columns:1fr}form button[type=submit]{width:100%}article>*:not(header){padding:12px}}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (min-width: 500px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-grid h3{margin:6px 0 0}.stat-grid small{color:var(--brand-text-dim)}.chart canvas{width:100%!important;height:var(--chart-height)!important;background:#0b1220;border-radius:10px}.table-wrap{overflow-x:auto}.hide-sm{display:none}@media (min-width: 500px){.hide-sm{display:table-cell}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:var(--pico-card-background-color);padding:1rem;border-radius:10px;max-width:600px;width:100%;max-height:80vh;overflow:auto}.footer{margin-top:2rem;opacity:.75;font-size:.9rem}
