:root{color-scheme:dark;--bg:#0a0b0e;--surface:#14161c;--line:#282c35;--muted:#939ba9;--blue:#397cf7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f5f8;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#a8c5ff;text-decoration:none}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}header{max-width:1180px;margin:auto;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand img{width:32px;height:32px;border-radius:9px}header small{color:var(--muted)}main{max-width:1180px;margin:0 auto;padding:42px 30px 70px}.login-layout{min-height:65vh;display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#a2b8e4;font-weight:700}h1{font-size:clamp(35px,5vw,56px);line-height:1.08;letter-spacing:-2px;margin:18px 0}h2{font-size:24px;letter-spacing:-.6px;margin:0 0 12px}h3{font-size:17px;margin:0 0 12px}p{color:var(--muted);max-width:540px}.card{border:1px solid var(--line);border-radius:23px;background:var(--surface);padding:28px}.login-card p{font-size:14px;margin-bottom:25px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input,select{width:100%;background:#0c0e13;border:1px solid #343a46;border-radius:11px;color:white;padding:13px 14px;outline:none}input:focus,select:focus{border-color:#6d9dff;box-shadow:0 0 0 3px #397cf722}.primary{display:block;width:100%;padding:14px 20px;background:var(--blue);color:#fff;border:0;border-radius:12px;font-weight:650;margin-top:24px}.secondary{padding:10px 16px;border:1px solid #343a46;border-radius:10px;background:transparent;color:#e0e6f2}.small{font-size:12px;color:var(--muted)}.error{font-size:14px;color:#ffb5ad;min-height:22px}.success{color:#b6e6cc}.features{padding:0;list-style:none;display:grid;gap:17px;margin-top:34px}.features li{display:flex;gap:13px;align-items:center;color:#b3bbc8}.dot{width:7px;height:7px;border-radius:50%;background:#6f9fff}.features strong{color:#f2f4f8;font-weight:550}.login-note{border-top:1px solid var(--line);padding-top:16px;margin-top:20px!important}.page-title{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title h1{font-size:35px;margin:5px 0}.code-pill{padding:10px 16px;border:1px solid #345387;border-radius:12px;letter-spacing:2px;font-weight:700;color:#aecbff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric{padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.metric .value{font-size:30px;font-weight:650;letter-spacing:-1px;margin:10px 0 4px}.metric .label{font-size:12px;color:var(--muted)}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row span{color:var(--muted)}.chart{height:120px;display:flex;align-items:flex-end;gap:4px;padding-top:20px}.bar{flex:1;background:#397cf7;border-radius:3px 3px 0 0;min-height:2px}.empty{padding:32px 15px;text-align:center;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.creator-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.creator-form .wide{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .primary{width:auto;margin:0}.hidden,[hidden]{display:none!important}footer{max-width:1180px;margin:auto;padding:20px 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer a{margin-left:16px}button:disabled{opacity:.55;cursor:wait}@media(max-width:850px){.login-layout{grid-template-columns:1fr;gap:30px;min-height:auto;max-width:480px;margin:auto}.login-intro h1{font-size:39px}.features{display:none}.split{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}header,main,footer{padding-left:20px;padding-right:20px}.card{padding:23px}.page-title{align-items:flex-start;flex-direction:column}.creator-form{grid-template-columns:1fr}.metric .value{font-size:26px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}button:hover{filter:brightness(1.1)}}
