:root{color:#101828;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{margin:0}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#101828;flex-direction:column;gap:12px;padding:24px;display:flex}nav{gap:8px;margin-top:24px;display:grid}a{color:inherit}.app-content header{background:#fff;border-bottom:1px solid #e4e7ec;padding:18px 32px}.app-content main{padding:32px}.page-stack{gap:20px;display:grid}.page-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-heading h1,.card h2{margin-top:0}.page-heading p{color:#667085}.card,form{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:24px}.wide-form{width:auto}.form-grid,.card-grid,.permission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4e7ec;padding:12px}td small{color:#667085;display:block}select{background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:10px 12px}fieldset{border:1px solid #e4e7ec;gap:8px;display:grid}.check-label{align-items:center;gap:8px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.financial-warning{color:#b42318;font-size:.75rem}.login-shell{place-items:center;min-height:100vh;display:grid}form{gap:16px;width:min(360px,100% - 48px);display:grid}label{gap:6px;display:grid}input,button,textarea{padding:10px 12px}.eyebrow{color:#475467;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.progress-summary{text-align:right;background:#fff;border:1px solid #d0d5dd;border-radius:12px;gap:2px;min-width:130px;padding:14px 18px;display:grid}.progress-summary strong{color:#175cd3;font-size:1.5rem}.progress-summary span{color:#667085;font-size:.75rem}.progress-track{background:#eaecf0;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:#175cd3;height:100%;transition:width .18s;display:block}.setup-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.setup-steps{gap:4px;max-height:calc(100vh - 180px);margin:0;display:grid;overflow-y:auto}.setup-steps button{color:#344054;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;display:grid}.setup-steps button:hover,.setup-steps button.active{background:#eff4ff;border-color:#b2ccff}.setup-steps button.active{color:#1849a9}.setup-steps strong,.setup-steps small{display:block}.setup-steps small{color:#667085;margin-top:2px}.step-number{background:#fff;border:1px solid #d0d5dd;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:grid}.setup-editor{min-width:0}.setup-editor-heading{justify-content:space-between;gap:16px;display:flex}.setup-editor-heading h2{margin-bottom:6px}.setup-editor-heading p:last-child{color:#667085;margin-top:0}.status-badge{color:#344054;white-space:nowrap;background:#f2f4f7;border-radius:999px;height:fit-content;padding:5px 9px;font-size:.75rem;font-weight:700}.status-completed{color:#027a48;background:#ecfdf3}.status-draft,.status-blocked{color:#b54708;background:#fffaeb}.setup-form{border:0;width:auto;padding:0}.setup-form textarea{resize:vertical;border:1px solid #d0d5dd;border-radius:6px;min-width:0;font:.85rem ui-monospace,SFMono-Regular,Menlo,monospace}.full-field{grid-column:1/-1}.setup-checkbox{align-content:center;align-self:end;min-height:42px}.setup-actions{border-top:1px solid #eaecf0;flex-wrap:wrap;gap:10px;padding-top:20px;display:flex}.setup-actions button:first-child,.setup-actions button:nth-child(2){color:#fff;background:#175cd3;border-color:#175cd3}.message{border-radius:8px;padding:10px 12px}.message.error{color:#b42318;background:#fef3f2}.message.success{color:#027a48;background:#ecfdf3}.field-error{color:#b42318;font-size:.75rem}.checklist{gap:10px;display:grid}.check{border:1px solid #eaecf0;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.check>span{border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.check small{color:#667085;margin-top:3px;display:block}.check-passed>span{color:#027a48;background:#d1fadf}.check-failed>span{color:#b42318;background:#fee4e2}.check-notapplicable>span{color:#475467;background:#f2f4f7}.theme-workspace{grid-template-columns:minmax(360px,520px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.theme-controls{gap:16px;display:grid}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preset-grid button{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;grid-template-columns:32px 1fr;align-items:center;gap:2px 10px;display:grid}.preset-grid button.selected{border-color:#175cd3;box-shadow:0 0 0 2px #d1e0ff}.preset-grid small{color:#667085;grid-column:2}.preset-swatch{border-radius:50%;grid-row:1/span 2;width:30px;height:30px;display:block}.theme-preview{background:#101828;border:1px solid #d0d5dd;border-radius:12px;min-width:0;position:sticky;top:20px;overflow:hidden}.preview-toolbar{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.device-switcher{flex-wrap:wrap;gap:6px;display:flex}.device-switcher button{color:#d0d5dd;cursor:pointer;background:0 0;border:1px solid #475467;border-radius:6px;padding:6px 8px}.device-switcher button.active{color:#fff;background:#1849a9;border-color:#84adff}.preview-canvas{background:#e4e7ec;place-items:start center;min-height:720px;padding:16px;display:grid;overflow:auto}.preview-canvas iframe{background:#fff;border:0;max-width:100%;min-height:720px;transition:width .18s}.contrast-report ul{gap:6px;padding:0;list-style:none;display:grid}.contrast-report li{border-bottom:1px solid #eaecf0;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.contrast-pass{color:#027a48}.contrast-fail{color:#b42318}.settings-tabs{gap:6px;margin:0;display:flex;overflow-x:auto}.settings-tabs a{color:#344054;white-space:nowrap;background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:8px 12px;text-decoration:none}.settings-tabs a.active{color:#1849a9;background:#eff4ff;border-color:#175cd3}.settings-card{max-width:1000px}.settings-form{border:0;width:auto;padding:0}.settings-form textarea,.integration-editor textarea{resize:vertical;border:1px solid #d0d5dd;border-radius:6px;font:.85rem ui-monospace,SFMono-Regular,Menlo,monospace}.settings-checkbox{align-self:end;min-height:42px}.settings-list-row{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.settings-list-row small{color:#667085;margin-top:3px;display:block}.integration-editor{gap:12px;display:grid}.modal-panel{max-width:720px;margin:0 auto}@media (width<=720px){.app-shell{grid-template-columns:1fr}aside{min-height:auto}.page-heading{flex-direction:column;align-items:stretch}.progress-summary{text-align:left}.setup-layout{grid-template-columns:1fr}.setup-steps{grid-auto-columns:minmax(190px,75vw);grid-auto-flow:column;max-height:none;overflow-x:auto}.setup-editor-heading{flex-direction:column}.theme-workspace{grid-template-columns:1fr}.theme-preview{position:static}}