:root{color:#182230;background:#f5f5f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f5f5}button,input,select,textarea{font:inherit}input[type=checkbox]{width:18px;min-height:18px;accent-color:#2e86ab}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.appShell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#1e3a5f;color:#fff;padding:24px 18px}.brand{padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:16px}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:24px;font-weight:800}.brand span{margin-top:2px;color:#ffffffb8;font-size:13px}nav{display:grid;gap:6px}.navButton{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:6px;background:transparent;color:#ffffffc7;text-align:left}.navButton svg{flex:0 0 18px;color:currentColor}.navButton.active,.navButton:hover:not(:disabled){background:#ffffff1f;color:#fff}.main{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:24px}.topbar span{color:#667085;font-size:14px}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#1e3a5f;font-size:28px}h2{margin-bottom:16px;color:#1e3a5f;font-size:18px}.pageStack{display:grid;gap:18px}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.statCard,.panel{background:#fff;border:1px solid #e4e7ec;border-radius:8px}.statCard{padding:20px}.statCard span{display:block;color:#667085;font-size:14px}.statCard strong{display:block;margin-top:10px;color:#1e3a5f;font-size:30px}.panel{padding:20px;overflow-x:auto}.panelHeader,.pageActions,.quickLinks,.toolbar,.formActions,.pagination{display:flex;align-items:center;gap:12px}.panelHeader,.pageActions{justify-content:space-between}.panelHeader h2{margin-bottom:0}.quickLinks{justify-content:flex-start}.toolbar{justify-content:space-between}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#182230}input,select{min-height:42px;padding:0 12px}textarea{min-height:280px;padding:12px;resize:vertical}.toolbar input{max-width:420px}.toolbar select{max-width:220px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 12px;border-bottom:1px solid #eaecf0;text-align:left;vertical-align:middle}th{color:#667085;font-size:13px;font-weight:700}.clickableRow{cursor:pointer}.clickableRow:hover{background:#f2f8fb}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#eef2f6;color:#344054;font-size:13px;text-transform:capitalize}.badge.active,.badge.sent{background:#e8f5ee;color:#067647}.badge.inactive{background:#eef2f6;color:#475467}.badge.failed{background:#fef3f2;color:#b42318}.badge.draft{background:#eef4ff;color:#2e86ab}.badge.sms{background:#eaf3f8;color:#1e3a5f}.badge.whatsapp{background:#e8f5ee;color:#067647}.badge.default,.badge.nieuwsbrief,.badge.welkomstmail,.badge.loyalty{background:#eaf3f8;color:#1e3a5f}.badge.aanbieding,.badge.verlaten_winkelwagen,.badge.heractivatie,.badge.verjaardag,.badge.review,.badge.nps,.badge.scheduled{background:#fff7e8;color:#b54708}.badge.unsubscribed,.badge.bounced{background:#fef3f2;color:#b42318}.primaryButton,.secondaryButton,.dangerButton,.rowActions button,.pagination button{min-height:40px;padding:0 14px;border-radius:6px;font-weight:700}.primaryButton{background:#1e3a5f;color:#fff}.secondaryButton,.rowActions button,.pagination button{background:#eaf3f8;color:#1e3a5f}.dangerButton{background:#fef3f2!important;color:#b42318!important}.linkButton{padding:0;background:transparent;color:#2e86ab;font-weight:700}.inlineButton{width:max-content;margin:4px 0 8px}.rowActions{display:flex;gap:8px;white-space:nowrap}.formLayout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;align-items:start}.campaignForm{display:grid;gap:16px}.campaignForm label{display:grid;gap:8px;color:#344054;font-weight:700}.twoColumns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.previewPanel{min-height:320px}.successMessage{margin-bottom:0;color:#067647;font-weight:700}.detailHeader{display:flex;justify-content:space-between;gap:20px}.detailHeader p{margin-bottom:0;color:#667085}.progressRow{display:grid;gap:8px;margin-bottom:16px}.progressRow:last-child{margin-bottom:0}.progressRow>div:first-child{display:flex;justify-content:space-between;color:#344054}.progressTrack{height:12px;overflow:hidden;border-radius:999px;background:#eef2f6}.progressTrack div{height:100%;border-radius:inherit;background:#2e86ab}.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stepper button{min-height:38px;border-radius:6px;background:#eef2f6;color:#344054;font-weight:700}.stepper .activeStep{background:#1e3a5f;color:#fff}.triggerInfo{padding:16px;border:1px solid #d7e8f1;border-radius:8px;background:#f2f8fb}.triggerInfo strong{display:block;margin-bottom:6px;color:#1e3a5f}.triggerInfo p{margin-bottom:0;color:#475467}.variableList{display:flex;flex-wrap:wrap;gap:8px}.variableList code{padding:8px 10px;border-radius:6px;background:#eef2f6;color:#1e3a5f;font-weight:700}.settingsGrid dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.settingsGrid dt{color:#667085;font-size:13px;font-weight:700}.settingsGrid dd{margin:6px 0 0;color:#182230}.pagination{justify-content:flex-end}.tabs{display:flex;gap:8px}.tabs button{min-height:42px;padding:0 16px;border-radius:6px;background:#eaf3f8;color:#1e3a5f;font-weight:700}.tabs .activeTab{background:#1e3a5f;color:#fff}.toggleRow{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#1018286b}.modal{width:min(520px,100%);display:grid;gap:16px;box-shadow:0 22px 60px #10182838}.wideModal{width:min(1080px,100%);max-height:86vh;overflow:auto}.modal label{display:grid;gap:8px;color:#344054;font-weight:700}.npsHero{display:flex;align-items:center;gap:24px}.npsCircle{width:132px;height:132px;flex:0 0 132px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:42px;font-weight:800;background:#d97706}.npsCircle.negative{background:#b42318}.npsCircle.neutral{background:#d97706}.npsCircle.positive{background:#067647}.trendChart{width:100%;min-height:254px}.templateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.templateCard{min-width:0;overflow:hidden;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.templateFrame{width:100%;height:260px;border:0;background:#f5f5f5;transform-origin:top left}.templateMeta{display:grid;gap:12px;padding:14px}.templateBadges{display:flex;flex-wrap:wrap;gap:8px}.codeEditor{min-height:520px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.templatePreviewPanel{display:grid;justify-items:center;gap:18px}.templatePreviewPanel .panelHeader{width:100%}.templatePreviewFrame{width:min(600px,100%);min-height:760px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.productGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.productTile{display:grid;gap:8px;padding:12px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#182230;text-align:left}.productTile img,.productImageFallback{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#f2f8fb}.productImageFallback{display:grid;place-items:center;color:#667085;font-size:13px}.counter{color:#667085;font-size:13px;font-weight:700;text-align:right}.phonePreview{width:min(320px,100%);min-height:520px;margin:0 auto;padding:18px;border:10px solid #182230;border-radius:32px;background:#f2f8fb}.phoneTop{margin:-4px auto 24px;width:54%;min-height:28px;display:grid;place-items:center;border-radius:999px;background:#182230;color:#fff;font-size:12px;font-weight:800}.phoneBubble{max-width:88%;margin-left:auto;padding:12px 14px;border-radius:8px 8px 2px;background:#2e86ab;color:#fff;line-height:1.45;overflow-wrap:anywhere}.muted{color:#667085}@media(max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.statsGrid,.formLayout,.settingsGrid dl,.templateGrid,.productGrid{grid-template-columns:1fr}}@media(max-width:640px){.main,.sidebar{padding:18px}nav,.twoColumns{grid-template-columns:1fr}.toolbar,.formActions,.quickLinks{align-items:stretch;flex-direction:column}.toolbar input,.toolbar select{max-width:none}}