:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08090c;color:#f4f5f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% -10%,#371117 0,transparent 36%),#08090c;color:#f4f5f8}
h1,h2,p{margin-top:0}h1{font-size:clamp(25px,3.2vw,38px);letter-spacing:-.035em;margin-bottom:10px}h2{font-size:21px;letter-spacing:-.02em;margin-bottom:8px}p{color:#9fa1ab;line-height:1.6;font-size:14px}
a{color:#f05b66}.eyebrow{display:inline-block;color:#f54f5e;letter-spacing:.19em;font-size:11px;font-weight:800;margin-bottom:12px}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:linear-gradient(135deg,#171a21 0,#111319 100%);border:1px solid #30323b;border-radius:19px;padding:24px;box-shadow:0 12px 36px #0003}.auth{width:min(100%,550px);padding:clamp(22px,4vw,42px)}
label{display:block;margin:16px 0 7px;font-size:12px;color:#d0d1d8;font-weight:700}input{width:100%;background:#0d0e12;color:#fff;border:1px solid #3a3d47;border-radius:10px;padding:12px 13px;outline:0;font:inherit;font-size:14px}input:focus{border-color:#e84a59;box-shadow:0 0 0 3px #e84a5920}button{appearance:none;border:0;border-radius:11px;background:#e33345;color:#fff;font:inherit;font-size:13px;font-weight:800;padding:12px 17px;cursor:pointer;white-space:nowrap}button:hover{background:#f24455}button.ghost{background:#232630;color:#d6d8df}button.ghost:hover{background:#343943}button.secondary{background:#423037;color:#ffdbe0}button.secondary:hover{background:#63414b}button.small{padding:9px 11px;font-size:11px;border-radius:8px}form>button{margin-top:20px}.muted{color:#92949f;font-size:12px}
.auth hr{border:0;border-top:1px solid #343640;margin:22px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px max(18px,calc((100vw - 1160px)/2));border-bottom:1px solid #25272d;background:#0c0d11f2}.topbar button{margin:0}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;letter-spacing:.06em;font-size:16px}.brand small{display:block;color:#92949f;letter-spacing:.16em;font-size:9px;margin-top:4px}.monogram{display:grid;place-items:center;position:relative;width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,#ea3a4f,#801b2b);font-size:30px;font-weight:900}.monogram small{position:absolute;right:4px;bottom:4px;font-size:9px;font-weight:900;color:#fff}
.container{max-width:1210px;margin:0 auto;padding:30px 18px 70px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:6px 0 25px}.hero p{max-width:650px}.hero code{color:#f3bdc3}.metrics{display:flex;gap:10px}.metrics>div{min-width:112px;border-radius:14px;background:#1c1e25;border:1px solid #343640;padding:15px;text-align:center}.metrics strong{display:block;font-size:29px}.metrics span{display:block;color:#a0a3ae;font-size:11px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-card{margin-top:18px}.scroll-table{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#9195a0;text-transform:uppercase;font-size:10px;letter-spacing:.12em;padding:13px 10px;border-bottom:1px solid #353843}td{padding:15px 10px;border-bottom:1px solid #292c33;vertical-align:middle}td strong{font-weight:700}td .muted{display:block}.pill{display:inline-block;font-size:11px;font-weight:700;padding:5px 9px;border-radius:99px}.pill.on{background:#143b2c;color:#71e7a4}.pill.off{background:#402329;color:#ff919d}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.actions form>button{margin:0}.actions details{position:relative}.actions summary{cursor:pointer;color:#f5a9b0;font-size:12px}.actions details form{min-width:200px;display:flex;flex-direction:column;gap:7px;padding-top:9px}.actions details form input{font-size:12px}.counter{font-size:12px;color:#bdc0ca;font-weight:500}.callout{margin-top:20px;padding:18px;border-radius:12px;background:#231b20;border:1px solid #5a343c;color:#d0bdc3;font-size:12px;line-height:1.7}.callout strong{color:#fff}.alert,.success{margin:12px 0 20px;padding:13px 15px;font-size:13px;border-radius:10px}.alert{background:#3e1b24;color:#ffb4bb;border:1px solid #843847}.success{background:#15382b;color:#a1f3c6;border:1px solid #2a7754}
@media(max-width:760px){.grid-two{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}.metrics{align-self:stretch}.metrics>div{flex:1}.topbar{padding:14px 16px}.topbar .brand strong{font-size:13px}.brand small{font-size:8px}.card{padding:18px}.container{padding:20px 12px 50px}th,td{min-width:88px}.scroll-table{margin:0 -4px;width:calc(100% + 8px)}}
.metrics{flex-wrap:wrap}.session-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.session-heading .pill{white-space:nowrap}.session-heading p{max-width:690px;margin:7px 0 12px}.device-name{display:block;font-weight:700}.table-card form>button{margin-top:0}.actions details form label{margin:2px 0 0}.actions details form button{margin-top:0}
@media(max-width:760px){.session-heading{flex-direction:column;gap:3px}.metrics>div{min-width:85px}.metrics strong{font-size:23px}}