:root{color-scheme:dark;--bg:#1f1f23;--surface:#2b2a33;--surface2:#303036;--surface3:#3b3943;--text:#f4f4f6;--muted:#b8b7c0;--purple:#D92662;--purple2:#f06a98;--danger:#ff8b8b;--ok:#91d7ac}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 80% 0,rgba(217,38,98,.12),transparent 32rem),var(--bg);color:var(--text);font-family:Quicksand,system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit;border:0;border-radius:2px;padding:.75rem .9rem;background:var(--surface2);color:var(--text)}button{background:var(--purple);cursor:pointer;font-weight:700}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;background:rgba(43,42,51,.96);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}.brand span{display:grid;place-items:center;width:2rem;height:2rem;background:var(--purple)}.top-actions{display:flex;align-items:center;gap:.8rem}.top-actions a{text-decoration:none}.shell{width:min(1450px,calc(100% - 28px));margin:1.4rem auto 3rem}.eyebrow{margin:0 0 .5rem;color:var(--purple2);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2{font-weight:200;letter-spacing:-.035em}h1{margin:.1rem 0 1.2rem;font-size:clamp(2.8rem,6vw,5rem)}.nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.nav a{padding:.65rem .8rem;background:var(--surface2);text-decoration:none}.nav a.active{background:var(--purple)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.card,.panel{padding:1rem;background:var(--surface)}.card span{display:block;color:var(--muted);font-size:.78rem}.card strong{display:block;margin-top:.4rem;font-size:1.7rem;font-weight:400}.card small{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.bar{height:12px;margin-top:.7rem;background:var(--surface3);overflow:hidden}.bar i{display:block;height:100%;background:var(--purple)}.panel{margin-bottom:.8rem}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}.panel-head h2{margin:0}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:.72rem;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.72rem;text-transform:uppercase}td small{display:block;color:var(--muted)}.badge{display:inline-block;padding:.22rem .45rem;background:var(--surface3);font-size:.72rem}.badge.ok{color:var(--ok)}.badge.no{color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:.4rem}.actions form{display:flex;gap:.35rem;align-items:center}.flash{margin-bottom:.8rem;padding:.8rem 1rem;background:var(--surface3)}.flash.error{color:var(--danger)}.pagination{display:flex;gap:.4rem;margin-top:1rem}.pagination a{padding:.5rem .7rem;background:var(--surface2);text-decoration:none}.login-page{display:grid;place-items:center;padding:1rem}.login-card{width:min(420px,100%);padding:2rem;background:linear-gradient(180deg,rgba(217,38,98,.09),transparent 45%),var(--surface)}.login-card label{display:grid;gap:.5rem;margin:1rem 0;color:var(--muted)}.login-card button{width:100%}.mono{font-family:ui-monospace,monospace;font-size:.78rem;word-break:break-all}.danger{background:#6f2f3e}.muted{color:var(--muted)}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:600px){.shell{width:min(100% - 20px,1450px)}.cards{grid-template-columns:1fr}.top-actions small{display:none}}