:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#b3232f;--accent-strong:#8f1725;--ink:#18212f;--muted:#5b6778;--line:#d9e0e8;--panel:#fff;--soft-blue:#e8f1fb;--soft-green:#e7f4ef;--shadow:0 20px 60px #18212f1f;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{border:0}code{color:#1f3148;background:#eef2f6;border-radius:4px;padding:.1rem .3rem}.app-shell{width:min(1160px,100% - 32px);margin:0 auto;padding:24px 0 48px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.brand-mark{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-symbol{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-mark strong,.brand-mark small{display:block}.brand-mark small{color:var(--muted)}.topbar-actions,.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.primary-link-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button,.primary-link-button{background:var(--accent);color:#fff;box-shadow:0 12px 28px #b3232f3d}.primary-button:hover,.primary-link-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary-button:hover{background:#f0f4f8}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.text-link,.inline-action{color:var(--ink);text-decoration:none}.text-link:hover,.inline-action:hover{color:var(--accent)}.inline-action{align-items:center;gap:6px;font-weight:700;display:inline-flex}.home-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:24px;padding:56px 0 32px;display:grid}.intro-panel,.account-panel,.status-panel,.auth-setup-panel,.dashboard-tile{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.intro-panel{background:linear-gradient(135deg, #e8f1fbeb, #fffffff5), var(--panel);padding:46px}.intro-panel h1,.dashboard-header h1,.status-panel h1,.auth-setup-panel h1{color:var(--ink);letter-spacing:0;margin:0;font-size:2.45rem;line-height:1.08}.lead-copy{max-width:700px;color:var(--muted);margin:20px 0 28px;font-size:1.15rem;line-height:1.65}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.account-panel{padding:28px}.account-panel h2,.dashboard-tile h2,.info-band h2{color:var(--ink);letter-spacing:0;margin:0 0 14px;font-size:1.2rem;line-height:1.25}.account-panel p,.dashboard-header p,.dashboard-tile p,.info-band p,.status-panel p,.auth-setup-panel p{color:var(--muted);line-height:1.6}.detail-list,.setup-list{gap:14px;margin:18px 0 0;display:grid}.detail-list div,.setup-list div{min-width:0}.detail-list dt,.setup-list dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.detail-list dd,.setup-list dd{overflow-wrap:anywhere;color:var(--ink);margin:4px 0 0}.compact{gap:10px}.info-band{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:24px;padding:32px 0 0;display:grid}.info-band p{margin:0}.dashboard-header{max-width:820px;padding:48px 0 28px}.dashboard-refresh{margin-top:12px}.customer-alert{color:var(--accent-strong);background:#fff6f7;border:1px solid #b3232f59;border-radius:8px;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;line-height:1.5;display:flex}.trade-dashboard-layout{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:18px;display:grid}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-tile{min-height:240px;padding:24px}.dashboard-tile svg{color:var(--accent);margin-bottom:14px}.account-summary-card,.price-lookup-card{min-height:0}.card-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.card-title-row>div{align-items:center;gap:10px;min-width:0;display:flex}.card-title-row h2,.price-result-heading h3{margin:0}.card-title-row svg,.customer-alert svg,.price-result-heading svg,.developer-diagnostics summary svg{flex:none;margin-bottom:0}.account-summary-list{margin-top:0}.account-summary-list dd{font-size:1.05rem;font-weight:700}.price-lookup-form{grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:12px;display:grid}.price-field{color:var(--muted);text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:800;display:grid}.price-field input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:inherit;text-transform:uppercase;background:#fff;border-radius:8px;padding:0 12px;font-weight:700}.price-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b3232f1f}.security-note{margin:14px 0 18px;font-size:.92rem}.price-result{border-top:1px solid var(--line);padding-top:18px}.price-result-heading{color:var(--ink);align-items:center;gap:8px;display:flex}.price-result-heading svg{color:#3f8d6a}.price-result-heading h3{font-size:1rem;line-height:1.3}.price-list{gap:0;margin:14px 0 0;display:grid}.price-list div{border-top:1px solid var(--line);grid-template-columns:minmax(150px,.58fr) minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.price-list div:first-child{border-top:0}.price-list dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.price-list dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-weight:700}.effective-price-row dd{color:var(--accent-strong);font-size:1.35rem;line-height:1.15}.backend-results{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.backend-state-tile{grid-column:span 2}.result-tile{min-height:320px}.tile-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tile-heading h2{margin-bottom:0}.status-pill{min-height:28px;color:var(--muted);white-space:nowrap;background:#eef2f6;border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill.success{background:var(--soft-green);color:#23624d}.status-pill.error{color:var(--accent-strong);background:#fae8ea}.endpoint-path{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:.85rem;font-weight:700}.json-output{border:1px solid var(--line);color:#1f3148;white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border-radius:8px;max-height:360px;margin:18px 0 0;padding:14px;font:.85rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:auto}.loading-copy,.success-copy,.error-copy{border-left:3px solid var(--line);margin:0;padding-left:12px}.success-copy{border-color:#3f8d6a}.error-copy{border-color:var(--accent)}.spin-icon{animation:.9s linear infinite spin}.muted-copy{border-left:3px solid var(--accent);padding-left:12px}.developer-diagnostics{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.developer-diagnostics summary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-weight:800;list-style:none;display:flex}.developer-diagnostics summary::-webkit-details-marker{display:none}.developer-diagnostics summary span:first-child{align-items:center;gap:8px;display:inline-flex}.summary-hint{color:var(--muted);font-size:.82rem;font-weight:700}.diagnostics-body{padding-top:18px}.diagnostics-body>p{color:var(--muted);margin:0;line-height:1.6}.endpoint-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.endpoint-status{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.endpoint-status-title{color:var(--ink);font-weight:800}.centered-page,.auth-setup-page{place-items:center;min-height:100vh;padding:24px;display:grid}.status-panel,.auth-setup-panel{width:min(620px,100%);padding:32px}.status-panel .primary-button{margin-top:12px}.error-panel{border-color:#b3232f73}@media (width<=840px){.app-shell{width:min(100% - 24px,1160px);padding-top:14px}.topbar,.home-layout,.info-band,.trade-dashboard-layout,.endpoint-status-grid,.dashboard-grid{grid-template-columns:1fr}.backend-state-tile{grid-column:auto}.topbar{flex-direction:column;align-items:flex-start;padding-bottom:18px}.topbar-actions,.hero-actions{justify-content:flex-start;width:100%}.price-lookup-form,.price-list div{grid-template-columns:1fr}.intro-panel{padding:30px}.intro-panel h1,.dashboard-header h1,.status-panel h1,.auth-setup-panel h1{font-size:2rem}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.primary-button,.secondary-button,.primary-link-button,.inline-action{width:100%}.intro-panel,.account-panel,.dashboard-tile,.status-panel,.auth-setup-panel{padding:22px}.developer-diagnostics summary{flex-direction:column;align-items:flex-start}}