:root{color-scheme:dark;--bg:#100b1a;--panel:#1a1429;--panel2:#241a37;--line:#443156;--text:#fbf9ff;--muted:#b7a8c8;--purple:#9752f7;--pink:#d439d6;--gold:#f0c781;--good:#82dfb2;--danger:#ff9eaa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse 47% 42% at 95% -10%,#63318f50,transparent 85%),radial-gradient(ellipse 44% 32% at 0% 30%,#40225c44,transparent 90%),var(--bg)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select{background:#120e20;border:1px solid #634b78;border-radius:12px;color:var(--text);min-height:46px;padding:11px 13px;width:100%}input:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input::placeholder{color:#80718f}label{font-size:13px;font-weight:700}p{line-height:1.6}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(27px,4vw,39px);margin:7px 0 7px;line-height:1.13}h2{font-size:20px;margin:4px 0 0}.hidden{display:none!important}
.top{background:#151020cc;border-bottom:1px solid #4130507d;padding:16px max(20px,calc((100% - 1260px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{width:44px;height:44px}.brandname{font-weight:900;letter-spacing:-.076em;font-size:30px;line-height:1}.brandname span{color:var(--pink)}.tagline{font-size:10px;color:#cfb6de;margin-top:3px}.topright{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.env{font-size:10px;color:#d9aaf9;border:1px solid #67477b;padding:8px 10px;border-radius:40px;letter-spacing:.09em;font-weight:800}.email{font-size:12px;color:var(--muted)}
.container{max-width:1260px;margin:0 auto;padding:36px 20px 70px}.auth-card{max-width:510px;margin:48px auto 20px;padding:36px;border:1px solid #513b68;border-radius:23px;background:linear-gradient(145deg,#2b1e42,#171224);box-shadow:0 20px 55px #0004}.eyebrow{font-weight:850;font-size:10px;letter-spacing:.15em;color:#d1a8f4}.muted{color:var(--muted);font-size:14px}.stack{display:grid;gap:11px;margin-top:23px}.stack input{margin-bottom:6px}.primary,.secondary,.ghost{border-radius:12px;min-height:43px;font-weight:750;padding:11px 17px;white-space:nowrap}.primary{border:0;background:linear-gradient(110deg,#8a4cf4,#cc36cc);color:white}.secondary{border:1px solid #805a9f;background:#30213f;color:#f3eaff}.ghost{border:1px solid #4f3b5f;background:transparent;color:#e6d6f7}.full{width:100%}.textbtn{border:0;background:transparent;color:#d2affc;text-decoration:underline;text-underline-offset:3px;padding:15px 0 0}.hint,.footnote{color:#a996bd;font-size:12px;line-height:1.55}.hint{margin:0}.footnote{margin:20px 2px 0}em{font-style:normal}code{color:#efccff}
.notification{margin:0 auto 25px;background:#2d2540;border:1px solid #7658a0;padding:14px 17px;border-radius:12px;font-size:13px;line-height:1.5;max-width:900px}.notification.error{color:#ffd7db;background:#442437;border-color:#9b5567}.notification.success{color:#ceffe9;border-color:#427b68;background:#1c4034}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 26px}.hero .muted{margin:8px 0 0}.pill{border:1px solid #7a568e;background:#47315b5e;border-radius:100px;padding:9px 13px;color:#e6c5fc;font-weight:800;font-size:11px;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat{border:1px solid var(--line);border-radius:19px;padding:20px;background:linear-gradient(135deg,#2a1b40,#191326);min-width:0}.stat span{display:block;font-size:12px;color:#cbb5de;font-weight:700}.stat strong{font-size:38px;letter-spacing:-.05em;display:block;margin:8px 0 4px}.stat small{font-size:11px;color:var(--muted)}
.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:18px}.panel{background:linear-gradient(160deg,#211830,#171221);border:1px solid var(--line);border-radius:21px;padding:24px;min-width:0;align-self:start}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.lotform{display:grid;grid-template-columns:1fr 75px auto;align-items:center;gap:9px;background:#261b39;border:1px solid #533d68;border-radius:14px;padding:15px;margin-bottom:17px}.lotform label{display:block;margin:0 0 3px}.lotform input{text-align:center}.records{display:grid;gap:10px}.record{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#1a1328;border:1px solid #4a375d;border-radius:14px;padding:13px 14px}.record strong{font-size:13px;font-weight:750;line-height:1.5;display:block;word-break:break-word}.record .tiny{font-size:11px;color:var(--muted);margin:3px 0 0;overflow-wrap:anywhere}.record .tag{color:#e0bcf7;font-size:10px;background:#49305f6a;border:1px solid #6e4d7f;border-radius:100px;padding:6px 8px;white-space:nowrap}.record .tag.good{color:#b8ffde;border-color:#35755e;background:#275040}.record .tag.warn{color:#f9d59e;border-color:#876f46;background:#554027}.plate-action{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.plate-action select{min-width:145px;max-width:220px;width:auto;font-size:12px;height:38px;min-height:38px;padding:7px}.plate-action button{font-size:12px;min-height:38px;padding:7px 10px}.bottomnote{text-align:center;color:#9c8cb0;font-size:11px;margin:30px auto;line-height:1.5}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}}@media(max-width:550px){.top{padding:13px}.topright .env{display:none}.email{max-width:140px;overflow:hidden;text-overflow:ellipsis}.container{padding:20px 12px 50px}.auth-card{margin:22px auto;padding:23px}.hero{align-items:flex-start;flex-direction:column}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:30px}.panel{padding:17px;border-radius:16px}.record{align-items:flex-start;flex-direction:column}.plate-action{justify-content:flex-start;width:100%}.lotform{grid-template-columns:1fr 65px}.lotform button{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
