:root{--midnight:#11111a;--midnight-soft:#1d1d29;--bone:#f3efe7;--paper:#fffdf8;--blue:#3157ff;--blue-dark:#1735ba;--coral:#ff5c48;--gold:#ffb000;--grey:#6f6d72;--line:#11111a24;color:var(--midnight);background:var(--bone);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}::selection{color:var(--paper);background:var(--blue)}.brand{letter-spacing:-.04em;align-items:center;gap:14px;font-size:1.1rem;font-weight:900;display:inline-flex}.brand>span:last-child{gap:2px;display:grid}.brand small{color:#fffdf8a3;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:700}.brand-mark{border:2px solid;border-radius:50%;flex:0 0 34px;width:34px;height:34px;position:relative}.brand-mark:before{border-radius:inherit;content:"";border:2px solid;position:absolute;inset:6px}.brand-mark:after{border:3px solid var(--midnight);background:var(--coral);content:"";border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:-5px}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:900}.auth-shell{background:var(--paper);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.auth-intro{color:var(--paper);background:radial-gradient(circle at 82% 18%,#3157ff59,transparent 28%),linear-gradient(145deg,var(--midnight),var(--midnight-soft));flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);display:flex}.auth-intro .brand{margin-bottom:auto}.auth-intro .eyebrow{color:var(--gold);margin-top:clamp(70px,14vh,150px)}.auth-intro h1{letter-spacing:-.075em;max-width:680px;margin:18px 0 24px;font-size:clamp(3rem,6vw,6.7rem);line-height:.9}.auth-intro>p{color:#fffdf8bd;max-width:600px;margin:0;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65}.benefit-list{gap:14px;margin:42px 0 0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:grid}.benefit-list li{align-items:center;gap:11px;display:flex}.benefit-list svg{width:19px;color:var(--coral)}.clerk-panel,.setup-card{background:linear-gradient(#11111a09 1px,transparent 1px),linear-gradient(90deg,#11111a09 1px,transparent 1px),var(--bone);background-size:32px 32px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,6vw,96px);display:flex}.clerk-panel__heading,.setup-card__inner{width:min(520px,100%)}.clerk-panel__heading{width:min(400px,100%);margin-bottom:24px}.clerk-panel__heading span{align-items:center;gap:10px;font-weight:900;display:flex}.clerk-panel__heading svg{width:19px;color:var(--blue)}.clerk-panel__heading p{color:var(--grey);margin:8px 0 0;font-size:.86rem}.setup-icon{width:58px;height:58px;color:var(--paper);background:var(--blue);border-radius:18px;place-items:center;margin-bottom:28px;display:grid}.setup-icon svg{width:28px}.setup-card h2{letter-spacing:-.05em;margin:18px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.setup-card p{color:var(--grey);margin:0 0 28px;line-height:1.65}.setup-card code{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:14px 16px;display:block}.status-pill{width:fit-content;color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;background:#3157ff1c;border-radius:999px;padding:7px 10px;font-size:.66rem;font-weight:900;display:inline-flex}.portal-shell{background:var(--bone);grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;height:100vh;color:var(--paper);background:var(--midnight);flex-direction:column;padding:27px 20px 22px;display:flex;position:sticky;top:0}.sidebar-top{border-bottom:1px solid #fffdf81f;justify-content:space-between;align-items:center;padding:0 8px 26px;display:flex}.brand--compact{font-size:.98rem}.brand--compact .brand-mark{flex-basis:29px;width:29px;height:29px}.sidebar nav{gap:7px;padding-top:25px;display:grid}.sidebar button{color:#fffdf8a8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:.84rem;font-weight:800;display:flex}.sidebar button:hover,.sidebar button.active{color:var(--paper);background:#fffdf817}.sidebar button.active{box-shadow:inset 3px 0 var(--coral)}.sidebar button svg{width:18px}.sidebar-footer{border-top:1px solid #fffdf81f;gap:4px;margin-top:auto;padding-top:20px;display:grid}.sidebar-footer small{color:#fffdf866;margin:18px 12px 0;font-size:.68rem}.portal-main{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e8;align-items:center;min-height:76px;padding:12px clamp(22px,4vw,54px);display:flex;position:sticky;top:0}.topbar>div:first-of-type,.account span{gap:3px;display:grid}.topbar small,.account small{color:var(--grey);font-size:.68rem}.topbar strong{font-size:.9rem}.account{text-align:right;align-items:center;gap:12px;margin-left:auto;display:flex}.portal-content{width:min(1240px,100%);margin:0 auto;padding:clamp(26px,5vw,64px)}.hero-card{color:var(--paper);background:radial-gradient(circle at 92% 18%,#3157ff8c,transparent 28%),var(--midnight);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:28px;padding:clamp(30px,5vw,56px);display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";border:42px solid #fffdf80f;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-90px;right:-70px}.hero-card>*{z-index:1;position:relative}.hero-card .eyebrow{color:var(--gold)}.hero-card h1{letter-spacing:-.065em;margin:10px 0 13px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95}.hero-card p{color:#fffdf8b3;max-width:610px;margin:0;line-height:1.55}.primary-button,.help-panel button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 17px;font-size:.78rem;font-weight:900;display:inline-flex}.primary-button{color:var(--midnight);background:var(--coral)}.primary-button svg,.help-panel button svg{width:17px}button:disabled{cursor:not-allowed;opacity:.72}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:18px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 50px #11111a0b}.metric-card{border-radius:17px;grid-template-columns:auto 1fr;column-gap:13px;padding:22px;display:grid}.metric-card>span,.metric-card>strong,.metric-card>small{grid-column:2}.metric-card>span{color:var(--grey);text-transform:uppercase;align-self:end;font-size:.68rem;font-weight:800}.metric-card>strong{margin-top:3px;font-size:1.1rem}.metric-card>small{color:var(--grey);margin-top:5px;font-size:.7rem}.metric-icon{width:42px;height:42px;color:var(--blue-dark);background:#3157ff1a;border-radius:12px;grid-row:1/4;place-items:center;display:grid}.metric-icon--coral{color:#b52c1d;background:#ff5c4821}.metric-icon--gold{color:#815900;background:#ffb00029}.metric-icon svg{width:20px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);gap:18px;margin-top:18px;display:grid}.panel{border-radius:18px}.panel-heading,.help-panel{padding:26px}.panel h2{letter-spacing:-.035em;margin:7px 0 0;font-size:1.35rem}.empty-state{border-top:1px solid var(--line);text-align:center;align-content:center;place-items:center;min-height:250px;padding:48px 24px;display:grid}.empty-state__icon,.feature-placeholder__icon{width:56px;height:56px;color:var(--blue);background:#3157ff1a;border-radius:17px;place-items:center;margin-bottom:16px;display:grid}.empty-state p{max-width:350px;color:var(--grey);margin:8px 0 0;font-size:.82rem;line-height:1.5}.help-panel{color:var(--paper);background:var(--blue);flex-direction:column;display:flex}.help-panel .eyebrow{color:#fffdf8b8}.help-panel h2{margin-top:10px;font-size:1.75rem}.help-panel p{color:#fffdf8c2;margin:14px 0 34px;font-size:.87rem;line-height:1.6}.help-panel button{width:100%;color:var(--midnight);background:var(--paper);margin-top:auto}.feature-placeholder{min-height:560px;padding:clamp(38px,8vw,90px)}.feature-placeholder h1{letter-spacing:-.065em;max-width:760px;margin:14px 0 20px;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.94}.feature-placeholder p{max-width:650px;color:var(--grey);margin:0 0 36px;font-size:1rem;line-height:1.65}.mobile-menu,.mobile-close,.nav-scrim{display:none}@media (width<=980px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:620px;padding:52px clamp(26px,8vw,72px)}.auth-intro h1{max-width:600px;font-size:clamp(3.5rem,12vw,6rem)}.clerk-panel,.setup-card{min-height:650px}.portal-shell{grid-template-columns:1fr}.sidebar{width:min(300px,86vw);transition:transform .18s;position:fixed;left:0;transform:translate(-105%)}.sidebar--open{transform:translate(0)}.mobile-menu,.mobile-close{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid}.mobile-close{height:34px;width:34px!important;color:var(--paper)!important;background:0 0!important;border-color:#fffdf833!important}.mobile-menu{margin-right:14px}.mobile-menu svg,.mobile-close svg{width:19px}.nav-scrim{z-index:15;background:#11111a8c;border:0;display:block;position:fixed;inset:0}}@media (width<=760px){.account span{display:none}.portal-content{padding:22px 16px 40px}.hero-card{flex-direction:column;align-items:flex-start}.metric-grid,.content-grid{grid-template-columns:1fr}.metric-card{min-height:104px}.feature-placeholder{min-height:500px}}@media (width<=540px){.auth-intro{min-height:570px;padding:34px 24px 50px}.auth-intro .eyebrow{margin-top:78px}.auth-intro h1{font-size:3.5rem}.benefit-list{font-size:.82rem}.clerk-panel,.setup-card{min-height:600px;padding:44px 18px}.topbar{padding:10px 16px}.hero-card h1{font-size:2.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}