:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f6fb;background:#0b1017;font-synthesis:none;--bg: #0b1017;--panel: #111925;--panel-2: #172231;--line: #273548;--muted: #96a4b9;--orange: #f1873b;--orange-soft: #ffb17a}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.eyebrow,.step,.card-label{color:var(--orange);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.wordmark{color:#f5f7fb;font-size:1.55rem;font-weight:850;letter-spacing:-.06em;text-decoration:none}.wordmark strong{color:var(--orange)}.wordmark.compact{font-size:1.7rem;padding:4px 10px 36px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);min-height:100vh;background:var(--bg)}.auth-visual{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:clamp(32px,5vw,72px);overflow:hidden;border-right:1px solid var(--line);isolation:isolate}.auth-visual:before{content:"";position:absolute;inset:-35%;z-index:-2;background:radial-gradient(circle at 36% 42%,rgba(241,135,59,.16),transparent 26%),radial-gradient(circle at 72% 70%,rgba(52,88,124,.2),transparent 30%);animation:ambient 14s ease-in-out infinite alternate}.dot-grid,.onboarding-bg:before{position:absolute;inset:0;z-index:-1;opacity:.17;background-image:radial-gradient(#6d819a 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.auth-message{max-width:720px;margin:auto 0}.auth-message h1{margin:18px 0 24px;font-size:clamp(3.2rem,7vw,7.5rem);line-height:.91;letter-spacing:-.07em}.auth-message h1 em{color:var(--orange);font-style:normal}.auth-message p{max-width:580px;color:#b6c1d0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.number-orbit{position:absolute;right:-5vw;bottom:-13vw;width:clamp(290px,35vw,600px);aspect-ratio:1;border:1px solid rgba(241,135,59,.25);border-radius:50%;animation:rotate 36s linear infinite}.number-orbit:before,.number-orbit:after{content:"";position:absolute;border:1px solid rgba(117,148,183,.14);border-radius:50%;inset:13%}.number-orbit:after{inset:30%}.number-orbit i,.number-orbit b{position:absolute;display:grid;place-items:center;width:64px;aspect-ratio:1;border-radius:50%;background:#172333;border:1px solid #30415a;font-style:normal}.number-orbit i:nth-child(1){left:3%;top:45%}.number-orbit i:nth-child(2){right:14%;top:8%}.number-orbit i:nth-child(3){right:0;bottom:22%}.number-orbit b{left:42%;top:42%;width:86px;background:var(--orange);color:#101722;font-size:2rem}.auth-panel{display:grid;align-items:center;min-height:100vh;padding:clamp(28px,6vw,90px);background:#0d131cdb}.auth-card{width:min(100%,470px);margin:auto}.auth-card h2,.setup-card h1{margin:12px 0 8px;font-size:clamp(2.1rem,4vw,3.3rem);letter-spacing:-.055em}.auth-card>p,.setup-card>p{margin:0 0 36px;color:var(--muted);line-height:1.6}.auth-panel label,.setup-card label{display:grid;gap:9px;margin:18px 0;color:#c8d1df;font-size:.84rem;font-weight:750}.auth-panel input,.setup-card input{width:100%;min-height:56px;padding:0 16px;color:#fff;background:#0c131d;border:1px solid #2b394c;border-radius:10px;outline:0;transition:border .18s,box-shadow .18s}.auth-panel input:focus,.setup-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f1873b1f}button{cursor:pointer;border:0}button:disabled,input:disabled{cursor:wait;opacity:.58}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;margin-top:24px;padding:0 19px;color:#111821;background:var(--orange);border-radius:10px;font-weight:850;transition:transform .18s,background .18s}.primary:hover{background:#f99a56;transform:translateY(-2px)}.text-button{display:block;margin:20px auto 0;padding:8px;color:#aab7c8;background:transparent}.text-button:hover{color:#fff}.auth-panel footer{align-self:end;justify-self:center;color:#76869a;font-size:.78rem}.status-dot,.online i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#50d890;box-shadow:0 0 12px #50d890b3}.notice{margin:18px 0;padding:13px 15px;border:1px solid #38506d;border-radius:9px;background:#152235;color:#bfd2e8;font-size:.87rem;line-height:1.4}.notice[data-type=error]{color:#ffc2bd;border-color:#6e3735;background:#2a1719}.notice[data-type=success]{color:#b9efd1;border-color:#286048;background:#11281f}.loading,.centered{display:grid;place-items:center;align-content:center;min-height:100vh;padding:24px;background:var(--bg)}.loading{gap:18px;color:var(--muted);text-align:center}.brand-mark{display:grid;place-items:center;width:86px;aspect-ratio:1;border:2px solid var(--orange);border-radius:25px;color:var(--orange);background:var(--panel);font-size:2.8rem;font-weight:900}.brand-mark.small{width:54px;margin:0 auto 22px;border-radius:16px;font-size:1.6rem}.loading-line{width:160px;height:2px;overflow:hidden;background:#1d2a3a}.loading-line:after{content:"";display:block;width:50%;height:100%;background:var(--orange);animation:load 1.1s ease-in-out infinite}.onboarding-bg{position:relative;overflow:hidden}.setup-card{width:min(100%,520px);padding:clamp(28px,5vw,56px);text-align:center;background:#111925f0;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 100px #0006}.setup-card.wide{width:min(100%,620px)}.setup-card label{text-align:left}.code-hint{padding:18px;border:1px solid #394961;border-radius:10px;color:#b9c5d5;background:#0b121c;line-height:1.6}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:#090e14}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:28px 20px 18px;background:#111925;border-right:1px solid #202c3b}.sidebar nav{display:grid;gap:8px}.sidebar button{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 15px;border-radius:9px;color:#9eacbf;background:transparent;font-weight:750;text-align:left}.sidebar button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar button.active,.sidebar button:hover{color:#fff;background:#1b2839}.sidebar button.active{box-shadow:inset 3px 0 var(--orange)}.sidebar-bottom{display:grid;gap:18px;margin-top:auto}.profile{display:flex;align-items:center;gap:12px;padding:13px 10px 0;border-top:1px solid #273444}.profile>b{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:10px;color:#121821;background:var(--orange);font-size:.78rem}.profile span{display:grid;overflow:hidden}.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.profile small{color:var(--muted);text-transform:capitalize}.dashboard{padding:clamp(26px,4vw,60px);overflow:hidden}.dashboard header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}.dashboard h1{margin:8px 0 3px;font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.065em}.dashboard header p{margin:0;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button,.online{padding:10px 13px;border:1px solid #29384b;border-radius:8px;background:#111a26;color:#b6c2d1;font-size:.8rem}.hero-card{position:relative;display:grid;grid-template-columns:minmax(300px,1fr) 1fr;min-height:330px;padding:clamp(30px,5vw,64px);overflow:hidden;background:linear-gradient(130deg,#182536,#101823 70%);border:1px solid #2c3c51;border-radius:18px}.hero-card:after{content:"";position:absolute;right:-10%;bottom:-80%;width:55%;aspect-ratio:1;border-radius:50%;background:#f1873b1a;filter:blur(10px)}.hero-card h2{margin:12px 0;font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.06em}.hero-card p{max-width:540px;color:#aab7c8;line-height:1.6}.hero-card .primary{width:210px}.hero-numbers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,110px);place-content:center;gap:14px;transform:rotate(-7deg)}.hero-numbers span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #40526a;border-radius:50%;color:#9aabc0;background:#172333;font-size:2rem;font-weight:850}.hero-numbers span:nth-child(2){color:#101720;background:var(--orange);border-color:var(--orange);transform:scale(1.15)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.dashboard-grid article{min-height:180px;padding:26px;background:#111925;border:1px solid #243246;border-radius:14px}.dashboard-grid strong{display:block;margin:30px 0 8px;font-size:1.25rem}.dashboard-grid p{margin:0;color:var(--muted);line-height:1.5}@keyframes ambient{to{transform:translate(7%,-5%) scale(1.08)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(max-width:920px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:38vh;padding:30px}.auth-message{margin:auto 0 0}.auth-message h1{font-size:3.7rem}.auth-message p,.number-orbit{display:none}.auth-panel{min-height:62vh;padding:44px 28px}.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:24px 10px}.wordmark.compact{font-size:0;padding:2px 5px 28px}.wordmark.compact:after{content:"B";font-size:1.7rem;color:var(--orange)}.sidebar button{justify-content:center;padding:0}.sidebar button span,.profile span{display:none}.profile{justify-content:center;padding-left:0;padding-right:0}.hero-card{grid-template-columns:1fr}.hero-numbers{display:none}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:620px){.app-shell{display:block;padding-bottom:76px}.sidebar{position:fixed;inset:auto 0 0;z-index:10;width:100%;height:70px;flex-direction:row;padding:8px;border:0;border-top:1px solid #28374a}.sidebar .wordmark,.sidebar-bottom,.sidebar nav button:nth-child(3){display:none}.sidebar nav{width:100%;grid-template-columns:repeat(3,1fr)}.sidebar button{min-height:52px}.sidebar button span{display:block;font-size:.7rem}.sidebar nav button{flex-direction:column;gap:2px}.sidebar button svg{width:18px}.dashboard{padding:25px 18px}.dashboard header{display:block}.header-actions{margin-top:18px;flex-wrap:wrap}.hero-card{min-height:300px;padding:28px 24px}.hero-card .primary{width:100%}.auth-message h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
