:root{color-scheme:dark;--bg:#08090d;--silver:#d9dee7;--text:#eff1f4;--muted:#a5aebc;--rim:rgba(220,229,239,.22);--panel:rgba(18,22,31,.78);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);margin:0;color:var(--text);font-family:var(--font);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 45% 65% at 74% 53%,rgba(112,123,143,.14),transparent 72%),radial-gradient(ellipse 40% 45% at 6% 100%,rgba(102,112,129,.10),transparent 80%),#08090d;pointer-events:none}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black 60%,transparent)}.topline{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,86px);border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.26em;font-weight:700;color:#adb4be}.brand .monogram{font-size:29px;letter-spacing:-.11em;line-height:1;color:#fff;font-weight:850}.monodot{color:#ccd2db}.brand-rule{height:20px;width:1px;background:#7c8696;opacity:.55}.environment{display:flex;align-items:center;gap:10px;color:#aab3c2;font-size:10px;letter-spacing:.16em}.pulse{width:6px;height:6px;border-radius:50%;background:#aabfba;box-shadow:0 0 12px #90a79e}.app{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:clamp(32px,4vw,64px) clamp(20px,5vw,90px);display:flex;align-items:center}.login-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,8vw,120px);width:100%;align-items:center}.hero{position:relative;min-height:515px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:1% -9%;background:url('assets/sx-chrome-sphere-atmosphere.webp') center/contain no-repeat;opacity:.42;z-index:-1;pointer-events:none}.eyebrow{color:#c1c8d1;font-size:11px;letter-spacing:.27em;font-weight:650;margin:0 0 22px}.hero h1{font-size:clamp(46px,5.7vw,83px);line-height:1.05;letter-spacing:-.065em;margin:0 0 26px;font-weight:600;max-width:730px}.hero h1 span{color:#aeb6c2}.hero p.desc{font-size:16px;line-height:1.8;color:#bbc2cd;max-width:480px;margin:0}.hero-foot{position:absolute;bottom:0;color:#919cab;font-size:12px;letter-spacing:.04em}.glass{background:linear-gradient(145deg,rgba(29,35,46,.83),rgba(9,13,20,.87));border:1px solid var(--rim);box-shadow:0 24px 65px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px);border-radius:24px}.auth-card{padding:clamp(26px,3.6vw,51px);width:100%;max-width:480px;justify-self:end}.card-kicker{color:#abb5c3;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700}.auth-card h2,.panel h2{font-size:29px;letter-spacing:-.035em;font-weight:570;margin:16px 0 8px}.sub{color:#aeb7c5;font-size:13px;margin:0 0 30px;line-height:1.8}.field{display:block;margin-bottom:17px}.field span{display:block;font-size:12px;font-weight:600;color:#dce1e8;margin-bottom:8px}.field input{width:100%;height:49px;background:rgba(8,11,17,.82);border:1px solid rgba(219,226,238,.26);border-radius:12px;padding:0 14px;color:#fff;outline:none}.field input:focus-visible{border-color:#f0f4ff;box-shadow:0 0 0 2px rgba(229,235,244,.16)}.field input::placeholder{color:#7f8998}.primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;border-radius:12px;background:#f1f3f5;color:#0a0c10;font-size:13px;font-weight:700;border:1px solid #f1f3f5;transition:background .15s}.primary:hover{background:#d0d6e0}.primary:disabled{opacity:.65;cursor:wait}.secondary{border:1px solid rgba(227,233,244,.24);border-radius:10px;color:#e2e8ee;background:rgba(213,224,242,.07);padding:10px 16px;font-size:12px;font-weight:600}.secondary:hover{background:rgba(213,224,242,.14)}.text-button{background:transparent;border:0;padding:0;color:#cbd2de;text-decoration:underline;text-underline-offset:4px;font-size:12px}.notice{font-size:12px;line-height:1.6;padding:12px 14px;border:1px solid rgba(219,228,242,.19);border-radius:10px;background:rgba(218,228,243,.05);color:#c2cad6;margin:17px 0 0}.notice.error{color:#ffc9c9;border-color:rgba(255,137,137,.35);background:rgba(176,59,59,.08)}.notice.success{color:#bfe5cc;border-color:rgba(136,212,165,.32);background:rgba(115,165,134,.08)}.hint{font-size:11px;color:#9da7b4;margin:20px 0 0}.hint strong{color:#d9dfe7}.footer{display:flex;justify-content:space-between;color:#86909e;font-size:11px;padding:20px clamp(24px,5vw,86px);border-top:1px solid rgba(255,255,255,.08)}.initial{display:flex;align-items:center;gap:16px;color:#b1bac6}.loading-wheel{height:19px;width:19px;border-radius:50%;border:2px solid #4f5663;border-top-color:#eff2f5;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{width:100%;align-self:stretch}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:31px;border-bottom:1px solid rgba(255,255,255,.12)}.dash-head h1{margin:10px 0 6px;font-size:clamp(35px,4vw,52px);letter-spacing:-.055em;font-weight:590}.dash-head p{font-size:13px;color:#aab4c2;margin:0}.account{display:flex;align-items:center;gap:13px}.account span{font-size:12px;color:#b9c2ce}.dash-main{display:grid;grid-template-columns:1fr minmax(300px,400px);gap:22px;margin-top:27px}.panel{padding:28px}.panel h2{font-size:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.count{color:#aab3c0;font-size:12px}.workspace-list{display:grid;gap:12px;margin-top:22px}.workspace{display:flex;align-items:center;gap:16px;padding:18px;border-radius:15px;border:1px solid rgba(237,244,253,.16);background:rgba(6,9,14,.42)}.workspace-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(145deg,#606b7e,#121722);border:1px solid rgba(255,255,255,.22)}.workspace-text{min-width:0;flex:1}.workspace-text strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-text small{display:block;font-size:11px;color:#abb5c2;margin-top:4px}.role{font-size:10px;border-radius:9px;padding:5px 8px;border:1px solid rgba(218,230,243,.22);color:#d2d9e3;letter-spacing:.08em;text-transform:uppercase}.empty{padding:40px 20px;text-align:center;border:1px dashed rgba(218,230,243,.21);border-radius:15px;color:#aeb8c6;font-size:13px}.empty strong{display:block;color:#fff;font-size:15px;margin-bottom:8px}.panel p{font-size:13px;color:#b6bfcc;line-height:1.75}.separated{border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:22px}.note-line{color:#c5ced9;font-size:12px;margin:18px 0 0}.status-pill{font-size:10px;letter-spacing:.12em;color:#c3d4cb;background:rgba(165,214,181,.08);border:1px solid rgba(165,214,181,.22);border-radius:99px;padding:6px 10px}.fine{font-size:11px;color:#8e9bac;line-height:1.6}.setup-summary{padding:12px 14px;background:rgba(8,11,17,.67);border:1px solid rgba(226,234,246,.13);border-radius:10px;color:#c2cbd7;font-size:12px;overflow-wrap:anywhere}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:940px){.login-layout{grid-template-columns:1fr;gap:22px}.hero{min-height:215px;justify-content:start}.hero h1{font-size:clamp(46px,8vw,60px);max-width:680px}.hero:before{left:34%;opacity:.26}.hero-foot{display:none}.auth-card{justify-self:start;max-width:640px}.dash-main{grid-template-columns:1fr}.dash-head{flex-wrap:wrap}}@media(max-width:560px){.topline{height:68px;padding:0 20px}.environment{font-size:9px;letter-spacing:.04em}.brand{gap:9px}.brand-rule{height:16px}.brand .monogram{font-size:24px}.brand>span:last-child{font-size:9px;letter-spacing:.11em}.app{padding:23px 16px;align-items:stretch}.hero h1{font-size:44px}.hero p.desc{font-size:13px}.hero{min-height:230px}.auth-card{padding:26px 22px}.panel{padding:22px}.footer{padding:16px 20px;gap:6px;flex-direction:column}.account{width:100%;justify-content:space-between}.dashboard{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}