:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f9f8f6;--color-surface:#fff;--color-border:#e3e1dd;--color-border-hover:#d1cec7;--color-border-light:#edebe8;--color-text:#212121;--color-text-secondary:#757575;--color-text-muted:#9e9e9e;--color-text-tertiary:var(--color-text-muted);--color-primary:#463acb;--color-primary-hover:#3a2fb1;--color-primary-text:#fff;--color-primary-light:#f0effb;--color-primary-soft:var(--color-primary-light);--color-danger:#dc2828;--color-danger-hover:#c11f1f;--color-danger-light:#fceded;--color-danger-text:#af1d1d;--color-danger-soft:var(--color-danger-light);--color-success:#319b58;--color-success-light:#ecf9f0;--color-success-text:#257442;--color-success-soft:var(--color-success-light);--color-warning:#f59f0a;--color-warning-light:#fef5e7;--color-warning-text:#986a1b;--color-warning-soft:var(--color-warning-light);--color-info:#3c83f6;--color-info-light:#ecf3fe;--color-info-text:#0950c3;--color-info-soft:var(--color-info-light);--sidebar-width:240px;--sidebar-bg:#1f1f2e;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-modal:0 8px 30px #0000001f;--shadow-dropdown:0 4px 12px #00000014;--shadow-toast:0 4px 16px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;line-height:1.3}p{margin:0}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:#9e9e9e;padding:var(--space-6) var(--space-3);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar h1,.sidebar-logo{color:#fff;margin:0 0 var(--space-6) var(--space-3);letter-spacing:-.025em;font-size:17px;font-weight:700}.nav-section,.nav-list{flex-direction:column;flex:1;gap:1px;display:flex}.nav-divider{height:1px;margin:var(--space-3) var(--space-3);background:#ffffff14}.nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#9e9e9e;transition:background var(--transition-fast), color var(--transition-fast);border-left:3px solid #0000;font-size:14px;font-weight:450;text-decoration:none;display:flex}.nav-link:hover{color:#d1d1d1;background:#ffffff0f;text-decoration:none}.nav-link.active{background:var(--color-primary-light);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.nav-link-secondary{color:#858585;padding:6px var(--space-3);font-size:13px}.nav-link-secondary.active{background:var(--color-primary-light);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.sidebar-footer{padding-top:var(--space-6);border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:auto;font-size:13px;display:flex}.sidebar-footer-name{color:#ccc;font-weight:500}.sidebar-footer-email{color:#858585;font-size:12px}.sidebar-footer-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.sidebar-footer form{margin:0}.content{width:100%;padding:var(--space-8);background:#fbfaf9}.content>*{max-width:1200px;margin:0 auto}.page{gap:var(--space-6);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.page-header h1{color:var(--color-text);font-size:22px;font-weight:600}.page-header p{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:14px}.page-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);margin-bottom:2px;font-size:13px;display:flex}.breadcrumb a{color:var(--color-text-tertiary)}.breadcrumb a:hover{color:var(--color-text);text-decoration:none}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-layout{gap:var(--space-6);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.card-header h2,.card-header h3{font-size:16px;font-weight:600}.card-header .count{color:var(--color-text-tertiary);font-size:13px;font-weight:500}.card>h2,.card>h3{margin-bottom:var(--space-5);font-size:16px;font-weight:600}.card.card-stack{gap:var(--space-5);flex-direction:column;display:flex}.card.card-stack>h2,.card.card-stack>h3{margin-bottom:0}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.metric-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.metric-value{letter-spacing:-.02em;color:var(--color-text);margin-top:2px;font-size:28px;font-weight:700}.quick-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:12px;font-weight:600}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle;height:48px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fbfaf9}td a{font-weight:500}.row-actions{opacity:0;transition:opacity var(--transition-fast);gap:var(--space-2);justify-content:flex-end;display:flex}tbody tr:hover .row-actions{opacity:1}.form{gap:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{color:var(--color-text);font-size:13px;font-weight:500}.field input,.field textarea,.field select{width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:14px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-tertiary)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--color-bg);color:var(--color-text-tertiary);cursor:not-allowed}.field textarea{min-height:120px;padding:var(--space-3);resize:vertical}.field-help{color:var(--color-text-tertiary);font-size:13px}.field-error{color:var(--color-danger-text);font-size:13px}.checkbox-list{gap:var(--space-2);max-height:200px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);flex-direction:column;display:flex;overflow-y:auto}.checkbox-item{align-items:center;gap:var(--space-2);font-size:14px;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border-hover)}.btn-danger{background:var(--color-danger);color:var(--color-primary-text)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-danger-ghost{color:var(--color-danger-text);background:0 0}.btn-danger-ghost:hover:not(:disabled){background:var(--color-danger-light)}.btn-ghost{color:#d1d1d1;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:#fff;text-decoration:underline}.btn-sm{min-height:32px;padding:0 var(--space-3);font-size:13px}.btn-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.badge-draft,.badge-queued,.badge-pending,.badge-cancelled{color:#616161;background:#f0f0f0}.badge-ready,.badge-opened{background:var(--color-info-light);color:var(--color-info-text)}.badge-launched,.badge-sending{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-completed,.badge-sent{background:var(--color-success-light);color:var(--color-success-text)}.badge-clicked{background:var(--color-primary-light);color:var(--color-primary)}.badge-blocked,.badge-failed,.badge-manual_block,.badge-hard_bounce{background:var(--color-danger-light);color:var(--color-danger-text)}.badge-unsubscribed{color:#b8661e;background:#fff1e6}.empty-state{padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:14px}.empty-state-card{text-align:center;padding:var(--space-10) var(--space-6)}.empty-state-card h3{color:var(--color-text);margin-bottom:var(--space-2);font-size:16px;font-weight:600}.empty-state-card p{color:var(--color-text-secondary);margin-bottom:var(--space-5);font-size:14px}.empty-state-card .btn-group{justify-content:center}.error-banner{padding:var(--space-3) var(--space-4);background:var(--color-danger-light);color:var(--color-danger-text);border-radius:var(--radius-sm);border:1px solid #f4bdbd;font-size:14px;font-weight:500}.success-banner{padding:var(--space-3) var(--space-4);background:var(--color-success-light);color:var(--color-success-text);border-radius:var(--radius-sm);border:1px solid #bfe3cc;font-size:14px;font-weight:500}.modal-backdrop{z-index:50;padding:var(--space-6);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-height:90vh;animation:.15s modal-in;overflow-y:auto}.modal-sm{max-width:480px}.modal-md{max-width:560px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:16px;font-weight:600}.modal-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.toast-container{top:var(--space-6);right:var(--space-6);z-index:100;gap:var(--space-3);flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-toast);padding:var(--space-3) var(--space-4);align-items:flex-start;gap:var(--space-3);font-size:14px;animation:.2s toast-in;display:flex}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-info{border-left:4px solid var(--color-primary)}.toast-message{flex:1;line-height:1.5}.toast-dismiss{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.toast-dismiss:hover{color:var(--color-text)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.tabs{border-bottom:1px solid var(--color-border);gap:0;display:flex}.tab{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:14px;font-weight:500}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.workspace{gap:var(--space-6);grid-template-columns:220px minmax(0,1fr);display:grid}.workspace-sidebar{gap:var(--space-1);flex-direction:column;display:flex}.workspace-sidebar-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:14px;display:flex}.workspace-sidebar-item:hover{background:var(--color-bg)}.workspace-sidebar-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.workspace-sidebar-count{color:var(--color-text-tertiary);font-size:12px;font-weight:500}.workspace-sidebar-item.active .workspace-sidebar-count{color:var(--color-primary)}.workspace-sidebar-group{align-items:center;gap:var(--space-2);display:flex}.workspace-sidebar-group .workspace-sidebar-item{flex:1}.quick-actions{gap:var(--space-3);display:flex}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-tertiary)}.text-sm{font-size:13px}.flex-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.contact-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.contact-tag{border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.field input[type=file]{min-height:auto;padding:var(--space-2) var(--space-3)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-blocks{gap:var(--space-3);flex-direction:column;display:flex}.editor-shell{gap:var(--space-4);flex-direction:column;display:flex}.editor-toolbar{gap:var(--space-2);flex-wrap:wrap;display:flex}.editor-block{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:#fbfaf9}.editor-block[contenteditable=true]{background:var(--color-surface);outline:none;min-height:70px}.editor-block[contenteditable=true]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.editor-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.editor-block-actions{gap:var(--space-2);display:flex}.editor-inline-inputs{gap:var(--space-2);flex-direction:column;display:flex}.preview-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.preview-frame>div{min-height:240px}.login-shell{min-height:100vh;padding:var(--space-6);background:var(--color-bg);place-items:center;display:grid}.login-card{width:min(440px,100%)}@media (max-width:1024px){.content{padding:var(--space-6)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:var(--space-3);gap:var(--space-2);flex-flow:wrap;position:static}.nav-section{flex-flow:wrap}.nav-divider{display:none}.sidebar-footer{align-items:center;gap:var(--space-3);border-top:none;flex-direction:row;margin-top:0;padding-top:0}.grid-2,.editor-layout,.grid-3,.grid-4,.form-row,.workspace{grid-template-columns:1fr}.page-header{gap:var(--space-4);flex-direction:column}.row-actions{opacity:1}}