*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);font:var(--text-body)/1.65 system-ui,-apple-system,sans-serif}a{color:var(--primary)}button,input,select{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:11px 18px;background:var(--primary);color:var(--panel);border:1px solid var(--primary);border-radius:10px;font-weight:650;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:default}.secondary{background:var(--panel);color:var(--primary);border-color:var(--control-border)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select{display:block;min-height:46px;width:100%;min-width:0;border:1px solid var(--control-border);border-radius:9px;background:var(--panel);padding:10px 12px;color:var(--ink)}input[readonly]{background:var(--surface)}label{display:block;font-weight:600;margin:16px 0 6px}h1{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1.3px;margin:10px 0 14px}h2{font-size:21px;line-height:1.35;margin:0 0 18px}h3{font-size:16px;margin:0 0 8px}p{margin:8px 0 16px}.eyebrow{font-size:var(--text-small);letter-spacing:.15em;font-weight:750;color:var(--primary)}.muted{color:var(--muted);font-size:var(--text-small);line-height:1.7}.skip{position:fixed;left:12px;top:-70px;background:var(--panel);padding:12px;z-index:20}.skip:focus{top:12px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;line-height:1.3;font-size:var(--text-small)}.brand>span{display:grid;place-items:center;width:44px;height:44px;background:var(--primary);color:var(--accent);border-radius:14px;font-size:28px;font-weight:800}.brand strong{display:block;font-size:20px;letter-spacing:-.7px}aside{position:fixed;inset:0 auto 0 0;width:235px;padding:28px 20px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:30px}aside nav{display:grid;gap:10px}aside nav a{padding:12px;border-radius:10px;text-decoration:none;font-weight:650}aside nav a:hover{background:var(--selection)}.operator{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:var(--text-small);overflow-wrap:anywhere}.operator p{font-size:var(--text-small);color:var(--muted)}main{margin-left:235px;padding:40px;max-width:1700px}header{display:flex;gap:22px;align-items:center;justify-content:space-between;margin:0 0 28px}header>div{max-width:780px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 6px 28px var(--shadow);margin-bottom:24px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metrics strong{font-size:36px;line-height:1}.metrics p{font-size:var(--text-small)}.metrics article:first-child{background:var(--deep);color:var(--panel)}.section-title{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.section-title h2{margin:0 auto 0 0}.section-title input{width:min(340px,100%)}.section-title label{margin:0}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;min-width:650px;border-collapse:collapse;font-size:var(--text-small)}th,td{padding:15px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{color:var(--muted);font-size:var(--text-small);background:var(--surface)}td small{display:block;color:var(--muted);margin-top:5px}.badge{background:var(--selection);border-radius:20px;padding:5px 10px;display:inline-block}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px}.fields>div{min-width:0}fieldset{border:1px solid var(--line);border-radius:10px;padding:16px;margin:24px 0}.check{display:flex;align-items:center;gap:10px;min-height:44px;margin:6px 0;font-weight:500}.check input{width:20px;height:20px;min-height:20px;accent-color:var(--primary)}.message{padding:18px;border-radius:12px;background:var(--selection);border:1px solid var(--selection-border);margin:20px 0}.message.error{background:var(--error-soft);border-color:var(--error-border);color:var(--error)}.message p{margin-bottom:0}.form-status{font-size:var(--text-small);color:var(--muted)}footer{color:var(--muted);font-size:var(--text-small);padding:26px 0}.auth{margin:0;max-width:none;padding:0;min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:var(--deep);color:var(--inverse-text);padding:48px 64px;display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-story .brand{margin-bottom:70px}.auth-story .brand>span{background:var(--accent);color:var(--primary)}.auth-story h1{font-size:clamp(34px,4vw,62px);line-height:1.2}.auth-story .eyebrow,.auth-story .muted{color:var(--inverse-muted)}.auth-story ul{padding-left:20px;line-height:2.2}.auth-form{max-width:510px;width:calc(100% - 80px);margin:auto;padding:34px;border:none;background:transparent;box-shadow:none}.auth-form button{width:100%;margin-top:24px}.auth>footer{display:none}.setup{grid-column:1/-1;width:min(760px,calc(100% - 32px));margin:40px auto}.secret{font-family:ui-monospace,monospace;overflow-wrap:anywhere;background:var(--selection);padding:14px;border-radius:10px;margin:8px 0 24px}dt{font-weight:650}dd{margin:4px 0 18px}[hidden]{display:none!important}.is-loading::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:turn 1s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.is-loading::after{animation:none}}@media(max-width:1000px){main{padding:24px}.auth-story{padding:38px}.auth-form{width:calc(100% - 40px);padding:20px}.auth-story .brand{margin-bottom:45px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px;gap:16px}aside nav{display:flex;flex-wrap:wrap;gap:6px}aside .eyebrow{display:none}.operator{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.operator p{margin:0}.operator form{margin-left:auto}main{margin-left:0;padding:22px 16px}header{align-items:start;flex-direction:column}.card{padding:22px 18px}.metrics{grid-template-columns:1fr}.metrics .card{margin-bottom:0}.metrics{margin-bottom:24px}.auth{display:block}.auth-story{padding:28px}.auth-story .brand{margin-bottom:28px}.auth-story ul{display:none}.auth-form{margin:22px auto;width:calc(100% - 24px);padding:20px}.fields{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column}.section-title input{width:100%}.setup{margin:24px auto}}

/* Responsive control plane uses the same quiet, accessible surface language. */
main,.card,.fields,.auth-form{min-width:0}input,select{font-size:16px}button,.button{touch-action:manipulation}.card{box-shadow:0 2px 6px var(--shadow),0 12px 32px var(--shadow);border-radius:16px}table{font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface)}aside nav a{min-height:44px}header h1{overflow-wrap:anywhere}.metrics strong{font-variant-numeric:tabular-nums}.auth-story{background:var(--deep)}button,input,select{max-width:100%}@media(max-width:760px){aside nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}aside nav a{flex-shrink:0;white-space:nowrap}.auth-form{width:calc(100% - 24px)}.section-title{width:100%}.table-wrap{overscroll-behavior-x:contain}}@media(max-width:380px){.auth-story{padding:22px}.auth-form{padding:18px}main{padding:20px 12px}.operator .secondary{padding:10px 12px}.card{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

aside nav a[aria-current="page"]{background:var(--selection);color:var(--primary);box-shadow:inset 0 0 0 1px var(--selection-border)}
textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:110px;resize:vertical;font:inherit;font-size:16px;color:var(--ink);border:1px solid var(--control-border);border-radius:9px;padding:10px 12px;background:var(--panel)}

.card h2,.card p,header p,dd,.message{overflow-wrap:anywhere}
.setup-step summary{cursor:pointer;font-size:19px;font-weight:650;min-height:44px;padding:8px 0;overflow-wrap:anywhere}.step-content{padding-top:12px}.step-content>.secondary{margin-top:18px}.customer-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.customer-filters>div{flex:1;min-width:min(180px,100%)}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px}

.brand small{display:block;font-size:var(--text-small);font-weight:500}

.catalyst-icon{width:20px;height:20px;flex-shrink:0}aside nav a{display:flex;align-items:center;gap:12px}.support-details>summary{min-height:44px;padding:10px 0;cursor:pointer}.card>summary{font-weight:650;min-height:44px;cursor:pointer}




/* BEGIN GENERATED SMARTSTOCK BRAND TOKENS */
:root{--ink:#20262E;--primary:#152D46;--primary-hover:#203F60;--deep:#152D46;--surface:#F7F8FA;--accent:#EAB547;--focus:#245E99;--muted:#526171;--panel:#FFFFFF;--line:#D5DDE6;--control-border:#7B8997;--selection:#E9EFF6;--selection-border:#A8BACD;--success:#216444;--success-soft:#EDF6F0;--warning:#815000;--warning-soft:#FFF4DA;--error:#943C27;--error-soft:#FFF1EC;--error-border:#C27865;--disabled:#E8EDF2;--disabled-text:#526171;--inverse-text:#FFFFFF;--inverse-muted:#D1DCE8;--chart-positive:#216444;--chart-negative:#915218;--shadow:#152D460A;--accent-soft:#FFF4DA;--accent-line:#EAB54740;--illustration-muted:#8196AB;--text-body:15px;--text-small:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius:12px;--radius-small:8px;--control-height:48px;--green:#152D46}
/* END GENERATED SMARTSTOCK BRAND TOKENS */

@media(max-width:760px){.operator{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.operator strong{overflow-wrap:anywhere}.operator p{display:none}.operator form{margin:0;flex-shrink:0}}

.setup-step summary>.catalyst-icon{vertical-align:middle;margin-right:10px;width:20px;height:20px}.setup-step summary,button,a.button{transition:background-color 150ms ease,box-shadow 150ms ease}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
