@font-face{font-family:Sora;src:url('/assets/fonts/Sora.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/DMSans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--font-display:Sora,sans-serif;--font-body:'DM Sans','Segoe UI',sans-serif;--scroll-thumb:#535966;--scroll-track:#15171c;--scroll-hover:#7f899a;--scroll-active:#ff8a59;font-family:var(--font-body);scrollbar-gutter:stable}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}*::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
.sidebar,.table-scroll{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
body{font-family:var(--font-body);font-size:14px}h1,h2{font-family:var(--font-display);font-weight:550}h3{font-weight:650}.eyebrow{letter-spacing:1.45px}.brand{display:inline-flex;max-width:100%;padding:0;line-height:1}.brand img{display:block;width:188px;height:48px;max-width:100%;object-fit:contain;object-position:left center}.sidebar .brand{margin:0 6px 30px}.sidebar .brand img{width:180px;height:46px}.brand.compact{display:inline-flex;margin-bottom:32px}.brand.compact img{width:210px;height:54px}
.sidebar nav a{font-size:13px;font-weight:450}.sidebar nav a[aria-current=page]{font-weight:600}.sidebar nav a:active{background:#ff8a5928}.nav-label{font-size:10px;letter-spacing:1.4px}.workspace{padding-bottom:52px}.page-heading h1{font-size:29px;font-weight:550;letter-spacing:-1.2px}.page-heading p{font-size:14px;line-height:1.65}.page-heading .eyebrow{color:#9fa8b7;font-size:10px}.topbar{font-size:10px;letter-spacing:.8px}.account-pill{font-size:11px}.section-heading h2{font-family:var(--font-body);font-size:18px;font-weight:600}.panel h2{font-size:21px;letter-spacing:-.65px}.panel .muted{line-height:1.7}
/* One quiet data surface; icons reinforce labels without competing with numbers. */
.metrics{gap:0;border:1px solid var(--line);border-radius:16px;background:#191b20;overflow:hidden}.metrics .panel{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:24px}.metrics .panel:last-child{border-right:0}.metrics span{font-size:12px}.metrics strong{font-family:var(--font-body);font-size:38px;font-weight:500;letter-spacing:-1.5px;margin-top:14px}.metric-icon{border:0;background:transparent;width:24px;height:24px}.metrics .panel:first-child .metric-icon{background:transparent}.metric-icon .icon{width:17px;height:17px}.welcome-panel{background:#1b1e24;border-color:#343942;border-top:2px solid #9d664d;padding:32px;gap:36px}.welcome-panel h2{font-size:30px;font-weight:550;line-height:1.3;max-width:440px}.welcome-panel p{color:#b0b7c3;font-size:14px}.welcome-panel .eyebrow{color:#ffab83}.connection-summary{background:#15181d;border-color:#30353d}.connection-summary b{font-size:13px;color:#e2e7ed}.connection-summary span{font-size:12px;color:#a9b2bf}.connection-summary .icon{color:#c6a28e}.empty h3{font-family:var(--font-display);font-size:17px;font-weight:500}.empty p{font-size:14px}.empty-icon{background:transparent;border-color:#3c444f;color:#b6c0cc;border-radius:50%;width:52px;height:52px}
/* The entrance carries the architectural signature; authenticated screens remain practical. */
.auth-layout{grid-template-columns:1.08fr 1fr;padding:0;gap:0;min-height:100svh}.auth-story{padding:44px clamp(32px,5.5vw,86px);border:0;border-right:1px solid #39322e;border-radius:0;background:#201d1b;isolation:isolate}.auth-story:after{right:-85px;bottom:-65px;width:410px;height:360px;border:0;border-radius:0;box-shadow:none;background:url('/assets/brand/architecture.svg') center/contain no-repeat;opacity:.18;z-index:-1}.auth-story .brand img{width:222px;height:57px}.story-content{margin:64px 0 62px;max-width:520px}.story-content .eyebrow{font-size:10px;color:#c9b29f;letter-spacing:1.55px}.story-content h1{font-family:var(--font-display);font-size:clamp(37px,3.8vw,57px);line-height:1.15;letter-spacing:-2.6px;font-weight:550;margin:26px 0}.story-content em{color:#ffb38a}.story-content>p{font-size:16px;line-height:1.75;max-width:380px;color:#c1b6ad}.story-footer{display:flex;align-items:center;gap:12px;color:#b4a397;font-size:10px;letter-spacing:.8px}.story-footer:before{content:'';display:block;width:28px;height:1px;background:var(--accent)}.story-line{margin-top:48px;padding-top:24px;border-top:1px solid #ffffff18;max-width:360px}.story-line>span{color:#eeb48b;background:transparent;border:0;width:26px;height:26px}.story-line b{font-size:13px}.story-line p{font-size:12px;color:#b4a89e}.auth-journey{gap:10px;margin:33px 0 0;max-width:400px;flex-wrap:wrap}.auth-journey>span{padding:8px 0;border:0;background:transparent;border-radius:0;color:#e1cec0;font-size:12px;gap:7px}.auth-journey i{color:#bd8b69;padding:0 6px}.auth-journey .icon{width:17px;height:17px}.auth-form{padding:48px 40px}.form-card{max-width:388px}.form-card h2{font-family:var(--font-display);font-size:29px;font-weight:550;letter-spacing:-1px;line-height:1.35}.form-card>.muted{font-size:15px}.form-card>.eyebrow{font-size:10px;margin-bottom:12px}.form-bottom{font-size:14px}.secure-note{font-size:12px}.subtle-link,.forgot{font-size:13px}
input:not([type=hidden]),select{font-size:14px}label{font-size:13px;font-weight:550}.primary,.outline,.danger{min-height:45px;font-size:13px;font-weight:650}.primary:active{background:#ed7444;box-shadow:inset 0 2px 3px #0002}.outline:active{background:#333741}.danger:active{background:#6c3336}.quiet:active{color:var(--accent)}button:disabled,button:disabled:hover{cursor:wait;filter:saturate(.55);opacity:.65}button[aria-busy=true]{box-shadow:inset 0 0 0 1px #ffffff30}.submit-status,.submit-status:empty{min-height:20px;line-height:20px;margin:8px 0 0}.search-form .submit-status{min-height:20px}.hint{font-size:12px}.product-card{border-radius:14px}.product-card h3{font-size:15px;height:72px}.product-price{font-size:24px;font-weight:600}.product-card .eyebrow{font-size:10px}.list-row{font-size:13px}table{font-size:13px}th{font-size:11px}.status{font-size:11px}.onboarding-list li>span{background:transparent;border-color:#705341;border-radius:10px}.onboarding-list h3{font-size:16px}.onboarding-list p{font-size:14px}.guide{font-size:14px}.details{font-size:14px}
@media(max-width:1150px){.metrics .panel:nth-child(2){border-right:0}.metrics .panel:nth-child(-n+2){border-bottom:1px solid var(--line)}.welcome-panel{padding:26px;gap:24px}.story-content h1{font-size:40px;letter-spacing:-1.8px}.auth-story{padding:36px}.auth-form{padding:36px}.page-heading h1{font-size:27px}}
@media(max-width:760px){.brand img{width:170px;height:44px}.sidebar .brand{margin:0 0 18px}.sidebar .brand img{width:156px;height:40px}.sidebar nav a{font-size:12px}.sidebar>form{top:22px}.sidebar .quiet{gap:5px;font-size:11px}.sidebar .quiet .icon{width:16px;height:16px}.auth-layout{display:block}.auth-story{padding:20px 24px;border-right:0;border-bottom:1px solid var(--line);background:#191b20}.auth-story .brand img{width:182px;height:47px}.auth-story:after{display:none}.auth-form{padding:36px 24px}.form-card h2{font-size:26px}.metrics .panel{padding:18px 16px}.metrics strong{font-size:33px}.metric-top{align-items:flex-start}.metric-top>span{max-width:115px;line-height:1.5}.metric-icon{width:18px;height:18px}.metric-icon .icon{width:15px;height:15px}.metrics span{font-size:12px}.page-heading h1{font-size:25px;line-height:1.35}.page-heading p{font-size:13px}.welcome-panel{padding:24px}.welcome-panel h2{font-size:26px}.welcome-panel p{font-size:13px}.connection-summary p{padding:15px 0}.section-heading h2{font-size:17px}.panel h2{font-size:20px}.panel{padding:22px}.table-panel{padding:15px}.details{font-size:13px}.guide{font-size:13px}.empty{padding:30px 12px}.empty p{font-size:13px}.onboarding-list p{font-size:13px}.account-pill{font-size:10px}}
@media(max-width:360px){.sidebar{padding-left:16px;padding-right:16px}.sidebar .brand img{width:138px}.sidebar>form{right:16px}.sidebar .quiet .icon{display:none}.workspace{padding-left:16px;padding-right:16px}.metrics .panel{padding:15px 13px}.metric-icon{display:none}}
@media(forced-colors:active){*{scrollbar-color:auto;forced-color-adjust:auto}.primary,.outline,.danger,.status,.account-pill{border:1px solid ButtonText}.brand img{background:#101114;padding:3px;border:1px solid CanvasText}.metrics .panel{border-color:CanvasText}:focus-visible{outline-color:Highlight}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}