:root{--brand-950: #0f172a;--brand-900: #155e75;--brand-700: #0e7490;--brand-600: #0891b2;--brand-400: #22d3ee;--color-primary: var(--brand-700);--color-primary-hover: var(--brand-900);--color-on-primary: #ffffff;--color-link: var(--brand-700);--color-focus: var(--brand-600);--color-page: #f6f9fb;--color-surface: #ffffff;--color-border: #dbe4ea;--color-text: #0f172a;--color-text-muted: #51636f;--color-nav: var(--brand-950);--color-nav-active: var(--brand-900);--bg: var(--color-page);--panel: var(--color-surface);--ink: var(--color-text);--muted: var(--color-text-muted);--line: var(--color-border);--brand: var(--color-primary);--brand-hover: var(--color-primary-hover);--brand-ink: var(--color-on-primary);--brand-text: var(--color-primary);--focus: var(--color-focus);--ok: #177050;--warn: #8a5a00;--err: #b4232a;--field: #f4f8fa;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--w-page: 960px;--w-narrow: 560px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--brand-700: #22d3ee;--brand-900: #67e8f9;--brand-600: #22d3ee;--color-on-primary: #0f172a;--color-page: #0d1117;--color-surface: #161b22;--color-border: #2a323c;--color-text: #e6edf3;--color-text-muted: #9aa7b4;--err: #ff6b6b;--ok: #46c99a;--warn: #e0a83c;--field: #0f141b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:2px;border-radius:var(--r-sm)}a{color:var(--brand-text)}.skip-link{position:absolute;left:var(--s4);top:-64px;z-index:10;background:var(--panel);color:var(--brand-text);border:1px solid var(--brand);border-radius:var(--r-md);padding:var(--s2) var(--s3);font-weight:600;text-decoration:none;transition:top .12s ease}.skip-link:focus-visible{top:var(--s3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{max-width:var(--w-narrow);margin:0 auto;padding:var(--s5) var(--s4) 64px}.saas-shell{min-height:100vh;display:flex;flex-direction:column}.saas-shell .wrap{max-width:var(--w-page);flex:1}.saas-shell .wrap.narrow{max-width:var(--w-narrow)}.saas-header-bar{border-bottom:1px solid var(--line);background:var(--panel)}.saas-header{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;width:100%;max-width:var(--w-page);margin:0 auto;padding:var(--s3) var(--s4)}.saas-header .brand{margin:0 auto 0 0}.saas-nav{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}.saas-nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;padding:var(--s1) 0;border-bottom:2px solid transparent}.saas-nav a:hover{color:var(--ink)}.saas-nav a[aria-current=page]{color:var(--brand-text);border-bottom-color:var(--brand)}.saas-usermenu{position:relative}.saas-usermenu-trigger{display:inline-flex;align-items:center;gap:var(--s2);max-width:22ch}.saas-usermenu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saas-usermenu-panel{position:absolute;right:0;top:calc(100% + var(--s2));z-index:40;min-width:15rem;max-width:min(22rem,calc(100vw - 2 * var(--s4)));padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:0 14px 38px #0f172a29;display:grid;gap:2px}.saas-usermenu-identity{margin:0;padding:var(--s2) var(--s3) var(--s3);border-bottom:1px solid var(--line);display:grid;gap:2px}.saas-usermenu-email{font-weight:600;font-size:14px;overflow-wrap:anywhere}.saas-usermenu-panel a[role=menuitem]{display:flex;align-items:center;min-height:40px;padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-size:14px}.saas-usermenu-panel a[role=menuitem]:hover{background:var(--surface-hover, rgb(15 23 42 / .05))}.saas-footer{max-width:var(--w-page);width:100%;margin:var(--s6) auto 0;padding:var(--s4);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.saas-footer a{color:var(--muted)}.footer-nav{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}.footer-resources{margin-top:var(--s3)}.footer-group-label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.flow{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2);margin:0;padding:0;font-size:14px}.flow li{display:inline-flex;align-items:center;gap:var(--s2)}.flow .flow-arrow{color:var(--muted)}.prose{max-width:720px}.prose .card .sub:last-child{margin-bottom:0}.brand{display:flex;align-items:center;gap:var(--s2);font-weight:700;letter-spacing:-.02em;font-size:20px}.brand .mark{color:var(--brand)}.saas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4);margin-top:var(--s3)}.saas-grid>*{display:flex}.saas-grid>*>.card,.saas-grid>.card{width:100%;display:flex;flex-direction:column}.saas-grid .card>.actions:last-child{margin-top:auto;padding-top:var(--s4)}.stack{display:grid;gap:var(--s4)}h1{font-size:22px;line-height:1.3;margin:0 0 var(--s1);letter-spacing:-.01em}h2{font-size:17px;margin:var(--s5) 0 var(--s1)}h3{font-size:15px;margin:0 0 var(--s1)}h1:focus-visible{outline-offset:4px}.sub{color:var(--muted);margin:0 0 var(--s4)}.fine{font-size:13px;color:var(--muted);margin-top:var(--s3)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted)}.note{font-size:13px;color:var(--muted);margin-top:var(--s3)}.page-head{display:flex;gap:var(--s4);align-items:flex-start;flex-wrap:wrap;margin-bottom:var(--s4)}.page-head>.page-head-text{flex:1 1 420px;min-width:0}.page-head .eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s1)}.page-head h1{margin:0}.page-head .sub{margin:var(--s2) 0 0}.page-head .actions{margin:0}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5)}.card{padding:var(--s4) var(--s5)}.card.is-primary{border-color:var(--brand)}.card-head{display:flex;gap:var(--s3);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--s3)}.card-head>div{min-width:0}.card-title{font-size:15px;font-weight:700;margin:0}.card-sub{color:var(--muted);font-size:13px;margin:var(--s1) 0 0}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.chip{display:inline-flex;align-items:center;gap:var(--s1);white-space:nowrap;font-size:12px;font-weight:700;line-height:1.6;padding:1px var(--s2);border-radius:var(--r-pill);border:1px solid;letter-spacing:.01em}.chip:before{font-size:11px}.chip-ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.chip-ok:before{content:"✓"}.chip-attention{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent);background:color-mix(in srgb,var(--err) 10%,transparent)}.chip-attention:before{content:"!"}.chip-busy{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.chip-busy:before{content:"…"}.chip-neutral{color:var(--muted);border-color:var(--line);background:transparent}.chip-neutral:before{content:"·"}.facts{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:var(--s2) var(--s4);margin:0;font-size:14px}.facts dt{color:var(--muted);margin:0}.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}@media(max-width:520px){.facts{grid-template-columns:1fr;gap:0}.facts dt{margin-top:var(--s3);font-size:13px}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);width:auto;margin:0;padding:10px var(--s4);min-height:40px;border:1px solid var(--brand);border-radius:var(--r-md);background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}button:hover:not(:disabled),.btn:hover:not([aria-disabled=true]){background:var(--brand-hover);border-color:var(--brand-hover)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background:var(--brand);border-color:var(--brand)}.btn[aria-disabled=true]{background:transparent;color:var(--muted);border-color:var(--line);opacity:1;cursor:not-allowed}.btn[aria-disabled=true]:hover{background:transparent;border-color:var(--line)}.btn.secondary,button.secondary{background:transparent;color:var(--brand-text);border-color:var(--line)}.btn.secondary:hover,button.secondary:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 8%,transparent);border-color:var(--brand)}.btn.danger,button.danger{background:transparent;color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent)}.btn.danger:hover,button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--err) 10%,transparent);border-color:var(--err)}.btn.danger-confirm,button.danger-confirm{background:var(--err);color:#fff;border-color:var(--err)}.btn.danger-confirm:hover,button.danger-confirm:hover:not(:disabled){background:var(--err);opacity:.9}.btn-block,button.btn-block{width:100%}button.link,.btn.link{width:auto;min-height:0;margin:0;padding:var(--s1) 0;border:0;background:none;color:var(--brand-text);font-weight:600;text-decoration:underline}button.link:hover{background:none;color:var(--brand-hover)}.actions{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center;margin-top:var(--s4)}.actions.end{justify-content:flex-end}.row{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}.field{display:block;margin-top:var(--s4)}label{display:block;font-weight:600;margin:0 0 var(--s1)}input[type=email],input[type=text],input[type=password],input:not([type]),select,textarea{width:100%;padding:10px var(--s3);min-height:40px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--field);color:var(--ink);font:inherit}input[aria-invalid=true]{border-color:var(--err)}.field-help{font-size:13px;color:var(--muted);margin:var(--s1) 0 0}.field-err{color:var(--err);font-size:13px;margin-top:var(--s1)}.banner{border-radius:var(--r-md);padding:var(--s3) var(--s4);margin:var(--s3) 0;border:1px solid var(--line)}.banner.err{background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.banner.ok{background:color-mix(in srgb,var(--ok) 10%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.banner.info{background:color-mix(in srgb,var(--muted) 8%,transparent);color:var(--ink)}.state{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6) var(--s5);text-align:center}.state .state-title{font-weight:700;margin:0 0 var(--s1)}.state .state-body{color:var(--muted);margin:0}.state .actions{justify-content:center}.state.err{border-color:color-mix(in srgb,var(--err) 40%,transparent)}.state.err .state-title{color:var(--err)}.plan{display:grid;gap:var(--s3);margin-top:var(--s2)}.plan .opt{display:flex;gap:var(--s3);align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);cursor:pointer;font-weight:400;margin:0}.plan .opt.sel{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.plan .opt.disabled{opacity:.5;cursor:not-allowed}.plan .opt input{width:auto;min-height:0;margin-top:3px}.plan .opt span{display:block}.support{margin-top:var(--s3);font-size:13px}.support summary{cursor:pointer;color:var(--muted)}.steps{margin-bottom:var(--s4)}.steps ol{display:flex;gap:var(--s1);flex-wrap:wrap;list-style:none;margin:0;padding:0}.step{font-size:12px;color:var(--muted);padding:3px var(--s2);border-radius:var(--r-pill);border:1px solid var(--line);text-transform:capitalize}.step.active{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}.step.done{color:var(--ok);border-color:var(--ok)}.bar{height:10px;border-radius:var(--r-pill);background:var(--line);overflow:hidden;margin:var(--s2) 0 var(--s1)}.bar>i{display:block;height:100%;background:var(--brand);transition:width .4s ease}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}.checklist li{display:flex;gap:var(--s2);align-items:baseline;font-size:14px}.checklist li[data-state=upcoming]{color:var(--muted)}.checklist li[data-state=current]{font-weight:600}.checklist .tick{width:1.1em;flex:none;text-align:center}.checklist li[data-state=done] .tick{color:var(--ok)}.dev-inbox{margin-top:var(--s5);padding:var(--s3) var(--s4);border:1px dashed var(--brand);border-radius:var(--r-md);background:color-mix(in srgb,var(--brand) 6%,transparent)}.dev-flag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand)}@media(max-width:480px){.wrap{padding:var(--s4) var(--s3) var(--s7)}.panel,.card{padding:var(--s4)}.saas-header{padding:var(--s3);gap:var(--s2)}.saas-nav{gap:var(--s4);width:100%}.saas-nav a,.footer-nav a{min-height:44px;display:inline-flex;align-items:center}.saas-usermenu{width:100%}.saas-usermenu-trigger{width:100%;max-width:none;justify-content:space-between}.saas-usermenu-panel{left:0;right:0;max-width:none}.saas-usermenu-panel a[role=menuitem]{min-height:44px}.footer-nav{gap:var(--s4);row-gap:0}h1{font-size:20px}button,.btn{min-height:44px}.actions>button,.actions>.btn{flex:1 1 100%}}.pay-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background:#f5f7fa}.pay-card{width:100%;max-width:460px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:28px 24px;box-shadow:0 1px 3px #1018280f;color:#101828;color-scheme:light}.pay-head{margin-bottom:20px}.pay-seller{margin:0 0 4px;font-size:13px;font-weight:600;color:#475467;letter-spacing:.02em}.pay-card h1{margin:0 0 4px;font-size:22px;line-height:1.25;color:#101828}.pay-card h2{margin:0 0 8px;font-size:16px;color:#101828}.pay-dates{margin:0;font-size:13px;color:#667085}.pay-amounts{border-top:1px solid #eaecf0;border-bottom:1px solid #eaecf0;padding:16px 0;margin:0 0 20px}.pay-primary{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px}.pay-primary span{font-size:14px;color:#475467}.pay-primary strong{font-size:26px;color:#101828}.pay-secondary{display:flex;justify-content:space-between;margin:4px 0 0;font-size:13px;color:#667085}.pay-lines{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:14px;color:#101828}.pay-lines td{padding:8px 0;border-bottom:1px solid #f2f4f7;vertical-align:top}.pay-lines tr:last-child td{border-bottom:0}.pay-lines td+td{padding-left:12px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.pay-lines .pay-line-qty{color:#475467}.pay-name{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#344054}.pay-name input{padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;font-size:16px;font-weight:400;background:#fff;color:#101828}.pay-name input:focus-visible{outline:2px solid #1570ef;outline-offset:1px;border-color:#1570ef}.pay-card [role=status] p{color:#344054}.pay-modes{border:0;padding:0;margin:0 0 16px}.pay-modes legend{font-size:13px;font-weight:600;color:#344054;padding:0 0 8px}.pay-modes label{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;color:#101828;cursor:pointer}.pay-modes label:focus-within{outline:2px solid #1570ef;outline-offset:1px;border-color:#1570ef}.pay-modes input:checked+span{font-weight:600}.pay-partial{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font-size:14px}.pay-partial input{padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;font-size:16px}.pay-partial input:focus-visible{outline:2px solid #1570ef;outline-offset:1px}.pay-card button{width:100%;padding:12px 16px;margin-top:12px;border-radius:8px;border:1px solid #1570ef;background:#1570ef;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.pay-card button:disabled{opacity:.55;cursor:not-allowed}.pay-card button:focus-visible{outline:2px solid #101828;outline-offset:2px}.pay-actions button[data-testid=pay-change-amount]{background:#fff;color:#344054;border-color:#d0d5dd}.pay-test{margin:0 0 16px;padding:10px 12px;border-radius:8px;font-size:13px;background:#fffaeb;border:1px solid #fec84b;color:#93370d}[data-testid=pay-error]{margin:12px 0 0;font-size:13px;color:#b42318}.pay-footer{margin:0;font-size:12px;color:#667085}.pay-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:480px){.pay-shell{justify-content:flex-start;padding:12px 8px}.pay-card{padding:20px 16px;border-radius:10px}.pay-card h1{font-size:19px}.pay-primary strong{font-size:22px}}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s3)}.metric{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s4) var(--s5);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;color:inherit}a.metric:hover{border-color:var(--brand)}a.metric:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:2px}.metric-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.metric-value{font-size:20px;font-weight:650;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric-detail{font-size:13px;color:var(--muted)}.metric[data-attention=yes]{border-left:3px solid var(--warn);padding-left:calc(var(--s5) - 2px)}.metric[data-attention=yes] .metric-detail{color:var(--warn)}.attention-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}.attention-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}.attention-item+.attention-item{border-top:1px solid var(--line);padding-top:var(--s4)}.attention-text{min-width:0;flex:1 1 15rem}.attention-headline{margin:0;font-weight:600}.attention-detail{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.setup-progress{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3);margin:0 0 var(--s4)}.setup-progress-count{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.setup-progress-bar{flex:1 1 12rem;height:6px;min-width:8rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.setup-progress-fill{display:block;height:100%;background:var(--brand);border-radius:var(--r-pill)}@media(max-width:560px){.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.attention-item>.btn{width:100%;justify-content:center}}
