@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--background:#f5f1ec;--surface:#f5f1ec;--surface-muted:#fff;--surface-strong:#dee3e9;--ink:#1c1e21;--text-primary:#0a1317;--text-secondary:#4b4c4f;--text-muted:#5d6c7b;--border:#dee3e9;--border-strong:#ced0d4;--primary:#769181;--primary-dark:#5a7163;--primary-light:#dfe9e3;--accent:#769181;--accent-light:#fff;--success:#31a24c;--success-light:#31a24c1a;--warning:#f7b928;--warning-light:#f7b9281a;--danger:#e41e3f;--danger-light:#e41e3f1a;--focus:#76918166;--font-sans:"Geist", "Optimistic VF", "Montserrat", "Helvetica", "Arial", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:16px;--radius-xxl:24px;--radius-xxxl:32px;--radius-pill:100px;--shadow-dropdown:#14161a4d 0px 1px 4px 0px;--bg-app:var(--background);--bg-surface:var(--surface);--bg-subsurface:var(--surface-muted);--bg-card:var(--surface);--border-color:var(--border);--border-hover:var(--border-strong);--text-main:var(--text-primary);--text-body:var(--text-primary);--text-dim:var(--text-muted);--neutral:var(--ink);--neutral-inverted:var(--surface);--primary-hover:var(--primary-dark);--primary-soft:var(--primary-light);--secondary:var(--primary);--secondary-light:var(--primary-light);--tertiary:var(--primary);--tertiary-light:var(--background);--signal-green:var(--primary);--signal-blue:var(--primary);--signal-red:var(--primary);--error:var(--primary);--error-light:var(--background)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--background)}body{min-width:320px;font-family:var(--font-sans);color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}h1,h2,h3,h4,h5,h6{font-feature-settings:"ss01", "ss02"}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{background:var(--background);width:100vw;height:100vh;display:flex;overflow:hidden}.app-workspace{flex-direction:column;flex:1;min-width:0;display:flex}.app-main{flex:1;padding:clamp(12px,2vw,24px);overflow-y:auto}.app-page-motion{min-height:100%}.app-loading{min-height:100%;color:var(--text-secondary);align-content:center;place-items:center;gap:14px;display:grid}.spin-loader{border:2px solid var(--border);border-top-color:var(--primary);border-radius:999px;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-shell{z-index:30;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;height:100%;padding:12px 8px;display:flex}.sidebar-shell.collapsed{width:78px}.sidebar-brand,.sidebar-nav-item,.sidebar-user,.sidebar-collapse{align-items:center;display:flex}.sidebar-brand{border-bottom:none;justify-content:space-between;min-height:58px;padding:0 16px 14px}.sidebar-collapse-icon{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;place-items:center;width:36px;height:36px;transition:background .2s;display:grid}.sidebar-collapse-icon:hover{background:var(--surface-muted)}.sidebar-workspace-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:background .2s;display:flex}.sidebar-workspace-select:hover{background:var(--surface-muted)}.sidebar-logo{width:38px;height:38px;color:var(--surface);background:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sidebar-brand-copy span{color:var(--ink);font-size:.98rem;font-weight:700;line-height:1.1;display:block}.sidebar-brand-copy small{color:var(--text-secondary);font-size:.74rem;font-weight:600}.sidebar-nav-shell{padding-top:18px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav-item{border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;gap:14px;padding:0 16px;transition:background .16s,color .16s,transform .16s;position:relative}.sidebar-nav-item:hover{background:var(--surface-muted);color:var(--ink)}.sidebar-nav-item:active{transform:translateY(1px)}.sidebar-nav-item.active{color:var(--ink);background:var(--surface-muted)}.sidebar-nav-item span{font-size:.95rem;font-weight:500}.sidebar-shell.collapsed .sidebar-nav-item{justify-content:center;padding:0}.sidebar-footer{gap:12px;display:grid}.sidebar-user{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);grid-template-columns:36px 1fr auto;gap:10px;min-height:58px;padding:10px;display:grid}.sidebar-user-avatar{width:36px;height:36px;color:var(--primary);background:var(--primary-light);border-radius:999px;place-items:center;display:grid}.sidebar-user-copy span{color:var(--ink);font-size:.84rem;font-weight:700;display:block}.sidebar-user-copy small{color:var(--text-secondary);font-size:.74rem}.sidebar-status-dot{background:var(--success);border-radius:999px;width:8px;height:8px}.sidebar-collapse{border:1px solid var(--border);border-radius:var(--radius-md);min-height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center}.sidebar-collapse:hover{background:var(--surface-muted);color:var(--primary)}.screen-page,.dashboard-command-center,.project-logs-page{flex-direction:column;gap:14px;width:min(100%,1500px);margin:0 auto;display:flex}.screen-hero,.dashboard-command-hero,.project-logs-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);justify-content:space-between;align-items:flex-end;gap:20px;padding:clamp(20px,3vw,32px);display:flex}.dashboard-command-hero{color:var(--surface);background:linear-gradient(135deg, #ffffff14, transparent 42%), var(--primary);border-color:var(--primary)}.screen-kicker,.dashboard-kicker,.project-logs-kicker,.dashboard-panel-header span,.dashboard-table-header span,.campaign-panel-title span,.project-logs-table-title span{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;font-weight:700;display:inline-flex}.project-logs-kicker,.suppression-kicker{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;font-weight:600;display:inline-flex}.dashboard-kicker,.dashboard-command-hero p{color:#fffffcc7}.screen-hero h2,.dashboard-hero-copy h2,.project-logs-hero h2{color:var(--ink);letter-spacing:-.025em;margin:6px 0 8px;font-size:clamp(1.25rem,3vw,3rem);font-weight:650;line-height:1.02}.dashboard-hero-copy h2{color:var(--surface);max-width:680px}.screen-hero p,.project-logs-hero p{max-width:660px;color:var(--text-secondary);line-height:1.55}.dashboard-hero-copy p{max-width:660px;color:color-mix(in srgb, var(--surface) 72%, transparent);line-height:1.55}.dashboard-hero-actions{justify-items:end;gap:16px;min-width:230px;display:grid}.dashboard-live-card{border:1px solid color-mix(in srgb, var(--surface) 28%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--ink) 16%, transparent);width:230px;padding:14px}.dashboard-live-card span{color:color-mix(in srgb, var(--surface) 72%, transparent);font-size:.8rem;display:block}.dashboard-live-card strong{color:var(--surface);margin-top:4px;display:block}.dashboard-kpi-grid,.dashboard-analytics-grid,.dashboard-insight-grid,.dashboard-operations-grid,.project-logs-stats,.suppression-insight-grid,.campaign-segment-grid{gap:12px;display:grid}.dashboard-kpi-grid,.project-logs-stats,.suppression-insight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-analytics-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.8fr)}.dashboard-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-operations-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr)}.dashboard-kpi-card,.dashboard-panel,.screen-panel,.project-logs-shell,.project-logs-stat,.suppression-insight-card,.glass-panel,.metric-card{border:1px solid var(--border);border-radius:var(--radius-xxl);background:var(--surface)}.dashboard-panel,.screen-panel{padding:16px;overflow:hidden}.dashboard-kpi-card,.project-logs-stat,.suppression-insight-card{flex-direction:column;justify-content:space-between;min-height:128px;padding:18px;display:flex}.dashboard-kpi-top,.dashboard-kpi-bottom,.dashboard-panel-header,.dashboard-table-header.compact,.dashboard-pagination,.dashboard-job-row,.dashboard-health-list div,.dashboard-donut-legend span,.dashboard-status-stack div,.project-logs-table-title,.suppression-toolbar,.campaign-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-kpi-top{color:var(--primary)}.dashboard-kpi-top span,.dashboard-kpi-bottom small{color:var(--text-secondary);font-size:.82rem}.dashboard-kpi-card>strong,.project-logs-stat strong,.suppression-insight-card strong{color:var(--ink);font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1}.dashboard-kpi-bottom b{color:var(--primary);white-space:nowrap;align-items:center;gap:3px;font-size:.78rem;display:inline-flex}.dashboard-kpi-card.danger{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.dashboard-panel-header,.dashboard-table-header.compact{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px}.dashboard-panel-header h3,.dashboard-table-header h2,.campaign-panel-title h3{color:var(--ink);margin-top:4px;font-size:1.05rem}.dashboard-panel-header p{color:var(--text-secondary);font-size:.82rem}.dashboard-chart{width:100%;height:230px}.dashboard-chart.tall{height:308px}.dashboard-radial{background:conic-gradient(var(--success) 0 98%, var(--surface-muted) 98% 100%);border-radius:999px;place-items:center;width:174px;height:174px;margin:4px auto 18px;display:grid}.dashboard-radial-score{background:var(--surface);border:1px solid var(--border);border-radius:999px;place-items:center;width:122px;height:122px;display:grid}.dashboard-radial-score strong{font-size:2.7rem}.dashboard-radial-score span{color:var(--text-secondary);margin-top:-34px;font-weight:700}.dashboard-health-list,.dashboard-job-list,.dashboard-status-stack,.dashboard-donut-legend{gap:8px;display:grid}.dashboard-health-list div,.dashboard-job-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);min-height:46px;padding:10px 12px}.dashboard-health-list svg{color:var(--primary)}.dashboard-health-list span{color:var(--text-secondary);flex:1;font-size:.84rem}.dashboard-donut-wrap{grid-template-columns:minmax(140px,1fr) minmax(130px,.8fr);align-items:center;height:230px;display:grid}.dashboard-donut-legend span{color:var(--text-secondary);justify-content:flex-start;font-size:.84rem}.dashboard-donut-legend b{border-radius:3px;width:10px;height:10px}.dashboard-donut-legend strong{color:var(--ink);margin-left:auto}.dashboard-status-stack div{min-height:38px;color:var(--text-secondary);padding-bottom:12px;font-size:.84rem;position:relative}.dashboard-status-stack span{align-items:center;gap:8px;display:inline-flex}.dashboard-status-stack b{border-radius:999px;width:9px;height:9px}.dashboard-status-stack strong{color:var(--ink)}.dashboard-status-stack i{border-radius:999px;height:5px;position:absolute;bottom:0;left:0}.dashboard-job-row{width:100%;color:var(--text-primary);cursor:pointer;text-align:left}.dashboard-job-row:hover{border-color:var(--primary);background:var(--surface)}.dashboard-job-row strong,.dashboard-job-row small{text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block;overflow:hidden}.dashboard-job-row small{color:var(--text-secondary);margin-top:4px;font-size:.76rem}.queue-status,.badge-pill,.project-logs-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:26px;padding:4px 9px;font-size:.75rem;font-weight:650;display:inline-flex}.queue-status,.badge-neutral,.project-logs-type{color:var(--text-primary);background:var(--surface-muted);border-color:var(--border);font-weight:500}.badge-success,.project-logs-status.success{color:#fff;background:#10b981;border-color:#059669;font-weight:500}.badge-error,.queue-status.failed,.project-logs-status.danger{color:#fff;background:#ef4444;border-color:#dc2626;font-weight:500}.badge-warning,.queue-status.delayed{color:#fff;background:#f59e0b;border-color:#d97706;font-weight:500}table{border-collapse:collapse;width:100%}th{z-index:1;background:var(--surface-muted);color:var(--text-secondary);letter-spacing:.02em;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 14px;font-size:.72rem;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:12px 14px;font-size:.8rem}tbody tr:hover{background:var(--surface-muted)}.dashboard-table-wrap,.project-logs-table-wrap,.campaign-table-shell{overflow:auto}.dashboard-table-wrap table,.campaign-table-shell table,.suppression-screen table{min-width:720px}.recipient-cell,.project-logs-recipient{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:500;overflow:hidden}.muted-cell,.project-logs-muted{color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;font-weight:400}.dashboard-table-empty,.project-logs-table-empty{text-align:center;color:var(--text-secondary);padding:34px}.btn-primary,.btn-secondary,.dashboard-refresh,.project-logs-refresh{letter-spacing:-.14px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;height:44px;padding:14px 30px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary,.dashboard-refresh{color:#fff;background:var(--primary);border:1px solid var(--primary)}.btn-primary:hover,.dashboard-refresh:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.project-logs-refresh{color:var(--text-primary);background:var(--surface);border:1px solid var(--border)}.btn-primary:active,.dashboard-refresh:active,.project-logs-refresh:active{transform:scale(.98)}.btn-primary:active,.dashboard-refresh:active{background:var(--primary-dark)}.project-logs-refresh:hover{background:var(--surface-muted)}.btn-secondary{color:#0a1317;background:0 0;border:2px solid #0a1317;padding:12px 28px}.btn-secondary:hover{background:#0a13170a}.btn-secondary:active{transform:scale(.98)}button:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:1;transform:none;color:#fff!important;background:#bcc0c4!important;border:none!important}.ui-input,.search-shell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:40px;color:var(--text-primary)}.ui-input{padding:9px 11px}textarea.ui-input{line-height:1.5}.search-shell{align-items:center;gap:8px;padding:0 11px;display:flex}.search-shell input{width:100%;min-width:190px;color:var(--text-primary);background:0 0;border:0;outline:0}.project-logs-stats{margin-top:0}.project-logs-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:16px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.project-logs-stat:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.project-logs-stat-header{justify-content:space-between;align-items:center;width:100%;display:flex}.project-logs-stat-header span{color:var(--text-secondary);font-size:.85rem;font-weight:500}.project-logs-stat-value strong{color:var(--ink);font-size:clamp(1.8rem,2.5vw,2.2rem);font-weight:600;line-height:1}.project-logs-stat-icon{background:var(--surface-muted);width:42px;height:42px;color:var(--text-primary);border-radius:12px;place-items:center;display:grid}.project-logs-stat-icon.dark{color:#fff;background:var(--ink)}.project-logs-stat-icon.green{color:var(--success);background:var(--success-light)}.project-logs-stat-icon.amber{color:var(--warning);background:var(--warning-light)}.project-logs-stat-icon.red{color:var(--danger);background:var(--danger-light)}.project-logs-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:260px minmax(0,1fr);height:calc(100vh - 285px);min-height:460px;display:grid;overflow:hidden}.project-logs-projects{border-right:1px solid var(--border);background:var(--surface-muted);padding:12px;overflow:auto}.project-logs-projects-header{color:var(--text-secondary);text-transform:uppercase;justify-content:space-between;margin-bottom:10px;padding:0 4px;font-size:.74rem;font-weight:600;display:flex}.project-logs-project-button{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.project-logs-project-button:hover,.project-logs-project-button.active{background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #00000005}.project-logs-project-button strong,.project-logs-project-button small{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;display:block;overflow:hidden}.project-logs-project-button strong{color:var(--ink);font-size:.85rem}.project-logs-project-button small{color:var(--text-secondary);margin-top:2px;font-size:.7rem}.project-logs-project-button b{color:#fff;background:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;min-width:24px;min-height:22px;font-size:.72rem;font-weight:600;display:inline-flex}.project-logs-project-button.active b{background:var(--primary)}.project-logs-table-panel{background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.project-logs-table-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.project-logs-table-title h3{color:var(--ink);margin-top:2px;font-size:1rem;font-weight:600}.project-logs-table-title span{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;font-weight:500}.project-logs-table-title>strong,.suppression-count{color:#fff;background:var(--primary);border:none;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:500}.campaign-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:14px;display:grid}.campaign-left{min-width:0}.campaign-summary{position:sticky;top:16px}.campaign-audience-panel,.campaign-launch-card{padding:20px}.campaign-panel-title{margin-bottom:14px}.campaign-segment-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.campaign-segment-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);cursor:pointer;text-align:left;min-height:84px;padding:13px}.campaign-segment-card:hover,.campaign-segment-card.active{border-color:var(--primary);background:var(--surface)}.campaign-segment-card span{color:var(--text-secondary);font-size:.76rem;display:block}.campaign-segment-card strong{color:var(--ink);margin-top:8px;font-size:1.5rem;display:block}.campaign-toolbar,.suppression-toolbar{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);flex-wrap:wrap;margin-bottom:14px;padding:14px}.campaign-toolbar>div:first-child{flex-wrap:wrap;gap:8px;display:flex}.campaign-table-shell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:min(430px,100vh - 420px)}.campaign-launch-card{box-shadow:inset 0 3px 0 var(--primary)}.suppression-insight-grid{margin-bottom:0}.suppression-insight-card.featured{color:var(--surface);background:var(--primary);border-color:var(--primary)}.suppression-insight-card.warning{background:var(--danger-light);border-color:color-mix(in srgb, var(--danger) 26%, var(--border))}.suppression-insight-card span{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;font-weight:650;display:inline-flex}.suppression-insight-card.featured span,.suppression-insight-card.featured small,.suppression-insight-card.featured strong{color:var(--surface)}.suppression-insight-card small{color:var(--text-secondary);line-height:1.4}.template-workshop{background:var(--surface-muted);border:none;border-radius:0;grid-template:"command command command"56px"tools preview inspector"minmax(0,1fr)/320px minmax(0,1fr) 250px;row-gap:16px;height:calc(100vh - 24px);margin:calc(-1*clamp(12px,2vw,24px));padding-bottom:16px;display:grid;position:relative;overflow:hidden}.template-grid-bg{display:none}.template-studio-command{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);grid-area:command;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 14px;display:flex;position:relative}.template-toolbar-title{align-items:center;gap:8px;display:flex}.template-toolbar-title span{color:var(--text-secondary);font-size:.85rem;font-weight:500}.template-toolbar-title strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.template-toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.template-toolbar-actions button,.template-status-badge{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:34px;color:var(--text-secondary);align-items:center;gap:7px;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.template-toolbar-actions button{cursor:pointer}.template-toolbar-actions button:hover{background:var(--surface-muted)}.template-toolbar-actions button.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);border-color:color-mix(in srgb, var(--primary) 20%, transparent)}.template-toolbar-actions .primary{color:var(--surface);background:var(--primary);border-color:var(--primary)}.template-status-badge.status-live{color:#24754e;background:#f2fdf7;border-color:#bee3d0}.template-tools-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-area:tools;min-height:0;overflow:hidden;width:auto!important;margin:0 0 0 16px!important}.template-select{z-index:25;position:relative}.template-select-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:56px;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.template-select-trigger:hover,.template-select-trigger[aria-expanded=true]{border-color:var(--border);background:var(--surface-muted)}.template-select-trigger span,.template-select-option span{gap:3px;min-width:0;display:grid}.template-select-trigger strong,.template-select-option strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:500;line-height:1.15;overflow:hidden}.template-select-trigger small,.template-select-option small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.2;overflow:hidden}.template-select-trigger svg{color:var(--primary);flex-shrink:0;transition:transform .16s}.template-select-trigger svg.open{transform:rotate(180deg)}.template-select-menu{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;max-height:min(320px,52vh);box-shadow:var(--shadow-dropdown);padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto}.template-select-option{border-radius:var(--radius-md);width:100%;min-height:50px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.template-select-option:hover,.template-select-option:focus-visible,.template-select-option.selected{background:var(--surface-muted)}.template-select-option.selected strong,.template-select-option.selected small{color:var(--ink)}.template-select-option.selected svg{color:var(--primary)}.template-mode-tabs{border-radius:var(--radius-md);background:var(--surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.template-mode-tab{min-width:0;min-height:38px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.8125rem;font-weight:500;transition:background .16s,color .16s,transform .16s;display:inline-flex}.template-mode-tab:hover{color:var(--ink)}.template-mode-tab:active{transform:translateY(1px)}.template-mode-tab.active{color:var(--ink);background:var(--surface);box-shadow:0 1px #1718160a}.template-mode-tab svg{flex-shrink:0}.template-workshop.mode-code{grid-template-columns:minmax(520px,.92fr) minmax(0,1.08fr);grid-template-areas:"command command""tools preview""inspector preview"}.template-code-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:#151713;grid-template-columns:48px minmax(0,1fr);width:100%;min-height:520px;display:grid;overflow:auto}.template-code-lines{color:#fffffc6b;font-family:var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #fffffc1a;align-content:start;padding:12px 8px;font-size:.78rem;line-height:21px;display:grid}.template-code-editor textarea{resize:none;color:#f8f8f6;min-width:920px;font-family:var(--font-mono);white-space:pre;background:#151713;border:0;outline:0;padding:12px 14px;font-size:.8125rem;line-height:21px;overflow:hidden}.template-preview-stage{z-index:1;background:var(--surface-muted);grid-area:preview;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:16px;min-width:0;min-height:0;padding:24px;display:grid;position:relative}.template-preview-header{background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:min(760px,100%);padding:8px 16px;display:flex}.template-preview-header h3{max-width:46ch;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.95rem;font-weight:500;overflow:hidden}.template-preview-switch{background:var(--surface-muted);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.template-preview-switch button{min-height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.template-preview-switch button.active{color:var(--surface);background:var(--ink)}.template-device-frame{background:#fff;max-width:100%;max-height:100%;overflow:hidden;box-shadow:0 4px 12px #0000000d,0 1px 3px #00000008}.desktop-preview-frame{background:var(--surface);border-radius:12px;flex-direction:column;width:100%;max-width:900px;height:100%;display:flex;position:relative;box-shadow:0 12px 32px #0000001a;border:1px solid var(--border)!important}.desktop-preview-frame:before{content:"";border-bottom:1px solid var(--border);background-color:#f1f1f1;background-image:radial-gradient(circle at 18px 19px,#ff5f56 5px,#0000 6px),radial-gradient(circle at 36px 19px,#ffbd2e 5px,#0000 6px),radial-gradient(circle at 54px 19px,#27c93f 5px,#0000 6px);background-position:0 0;background-repeat:no-repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-shrink:0;width:100%;height:38px;display:block}.mobile-preview-frame{background:var(--surface);border-radius:32px;width:375px;max-width:100%;height:812px;max-height:100%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px #00000026;border:6px solid var(--ink)!important}.mobile-preview-frame:before{content:"";background:var(--ink);z-index:10;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:120px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.template-inspector-panel{z-index:2;grid-area:inspector;min-width:0;min-height:0;margin-right:16px;position:relative;overflow-y:auto}.template-inspector-block{background:0 0;border:none;padding:0;overflow:hidden}.template-inspector-row{border-bottom:1px solid var(--border-light,var(--border));gap:8px;padding:14px 12px;display:grid}.template-inspector-row:last-child{border-bottom:none}.template-inspector-row.head{background:0 0}.template-inspector-row>span{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:7px;font-size:.7rem;font-weight:500;display:inline-flex}.template-inspector-row>strong{overflow-wrap:anywhere;color:var(--ink);font-size:.9rem}.template-token-list{flex-wrap:wrap;gap:7px;display:flex}.template-token-list code{border-radius:var(--radius-sm);color:var(--ink);background:var(--surface-muted);font-family:var(--font-mono);border:none;padding:5px 8px;font-size:.76rem}.template-check-list{gap:9px;list-style:none;display:grid}.template-check-list li{color:var(--text-secondary);grid-template-columns:16px 1fr auto;align-items:center;gap:8px;font-size:.84rem;display:grid}.template-check-list li.pass svg{color:var(--success)}.template-check-list li.warn svg{color:var(--warning)}.template-check-list li.fail svg{color:var(--danger)}.template-check-list small{color:var(--text-muted);text-align:right;font-size:.76rem}.template-action-bar{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);background:#fffffceb;padding:8px;bottom:24px!important;left:auto!important;right:28px!important;transform:none!important}.email-mobile-preview a[style*=linear-gradient],.email-mobile-preview a[style*="background: linear-gradient"]{box-sizing:border-box!important;white-space:normal!important;width:100%!important;max-width:260px!important;margin:0 auto!important;display:block!important}.template-device-frame div[style*=width\:180px][style*=border-radius],.template-device-frame div[style*="width: 180px"][style*=border-radius],.template-device-frame div[style*="flex:0 0 180px"][style*=border-radius],.template-device-frame div[style*="flex: 0 0 180px"][style*=border-radius],.template-device-frame div[style*=position\:absolute][style*=width\:118px][style*=height\:118px],.template-device-frame div[style*="position: absolute"][style*="width: 118px"][style*="height: 118px"]{display:none!important}.dashboard-drawer-backdrop{z-index:100;background:#17181652;justify-content:flex-end;display:flex;position:fixed;inset:0}.dashboard-drawer{background:var(--surface);width:500px;max-width:92vw;height:100%;box-shadow:var(--shadow-dropdown);padding:22px;overflow:auto}.dashboard-drawer-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.dashboard-drawer-header h3{color:var(--ink);margin-top:4px}.dashboard-drawer-header button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);cursor:pointer;place-items:center;width:36px;height:36px;display:grid}.dashboard-drawer-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.dashboard-drawer-details div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);padding:12px}.dashboard-drawer-details dt{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem}.dashboard-drawer-details dd{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;font-weight:650}.dashboard-drawer pre{border-radius:var(--radius-md);background:var(--ink);color:var(--surface);font-family:var(--font-mono);padding:14px;font-size:.78rem;overflow:auto}.glass-panel{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.io-reveal{opacity:1;transition:opacity .26s,transform .26s;transform:none}.io-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.io-reveal{opacity:1;transform:none}}@media (width<=1500px){.template-workshop{grid-template-columns:minmax(300px,340px) minmax(0,1fr);grid-template-areas:"command command""tools preview""inspector preview"}.template-preview-header{width:min(760px,100%)}}@media (width<=1220px){.dashboard-kpi-grid,.dashboard-insight-grid,.project-logs-stats,.suppression-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-analytics-grid,.dashboard-operations-grid,.campaign-layout,.template-workshop{grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-template-areas:"command command""tools preview""inspector preview"}.campaign-summary{position:static}}@media (width<=900px){.app-shell{flex-direction:column}.sidebar-shell{border-right:0;border-bottom:1px solid var(--border);height:auto;padding:10px;width:100%!important}.sidebar-brand{min-height:44px;padding:0 6px 8px}.sidebar-shell.collapsed .sidebar-brand-copy,.sidebar-shell.collapsed .sidebar-user{display:none}.sidebar-nav-shell{padding-top:8px;overflow-x:auto}.sidebar-nav{gap:6px;min-width:max-content;display:flex}.sidebar-nav-item{width:auto;min-width:46px;padding:0 12px}.sidebar-footer{display:none}.app-main{padding:14px}.screen-hero,.dashboard-command-hero,.project-logs-hero{flex-direction:column;align-items:stretch}.dashboard-hero-actions{justify-items:stretch;min-width:0}.dashboard-live-card{width:100%}.project-logs-grid{grid-template-columns:1fr;height:auto}.project-logs-projects{border-right:0;border-bottom:1px solid var(--border);gap:8px;display:flex;overflow-x:auto}.project-logs-projects-header{align-items:center;min-width:90px;margin:0}.project-logs-project-button{min-width:190px}.template-workshop.mode-code{grid-template-columns:1fr;grid-template-areas:"command""tools""preview""inspector";overflow:auto}}@media (width<=640px){.dashboard-kpi-grid,.dashboard-insight-grid,.project-logs-stats,.suppression-insight-grid,.campaign-segment-grid{grid-template-columns:1fr}.dashboard-donut-wrap{grid-template-columns:1fr;height:320px}.dashboard-table-header.compact,.dashboard-pagination,.campaign-toolbar,.suppression-toolbar{flex-direction:column;align-items:stretch}.search-shell input{min-width:0}.template-workshop{grid-template-columns:1fr;grid-template-areas:"command""tools""preview""inspector";padding:12px;overflow:auto}.template-studio-command,.template-preview-header{flex-direction:column;align-items:stretch}.template-toolbar-actions{flex-wrap:wrap;width:100%}.template-toolbar-actions button{flex:1;justify-content:center}.template-preview-stage{padding:0 0 82px}.template-preview-switch{width:100%}.template-preview-switch button{flex:1;justify-content:center}.template-code-editor{grid-template-columns:38px minmax(0,1fr)}.template-code-editor textarea{min-width:720px}.template-action-bar{flex-wrap:wrap;bottom:12px!important;left:12px!important;right:12px!important}.dashboard-drawer-details{grid-template-columns:1fr}}.dashboard-command-center .dashboard-table-header{background:0 0}.dashboard-command-center .dashboard-pagination{border-top:1px solid var(--border);background:0 0}.screen-page:not(.dashboard-screen){gap:16px;max-width:1480px}.screen-page:not(.dashboard-screen) .screen-hero,.project-logs-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fefefef5,#f6f7f5f0),linear-gradient(135deg,#89a59529,#0000 64%);border:1px solid #e3e3dee6;align-items:center;padding:20px 24px;position:relative;overflow:hidden}.screen-page:not(.dashboard-screen) .screen-hero:after,.project-logs-hero:after{content:"";opacity:.14;background:linear-gradient(90deg, transparent 0 12%, var(--primary-dark) 12% 13%, transparent 13% 32%, var(--primary-dark) 32% 33%, transparent 33% 55%, var(--primary-dark) 55% 56%, transparent 56% 78%, var(--primary-dark) 78% 79%, transparent 79%), linear-gradient(180deg, transparent 0 50%, var(--primary-dark) 50% 52%, transparent 52%);pointer-events:none;width:220px;height:78px;position:absolute;bottom:18px;right:22px}.screen-page:not(.dashboard-screen) .screen-hero>*,.project-logs-hero>*{z-index:1;position:relative}.screen-page:not(.dashboard-screen) .screen-hero h2,.project-logs-hero h2,.template-studio-header h2{letter-spacing:0;font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1.05}.screen-page:not(.dashboard-screen) .screen-hero p,.project-logs-hero p{max-width:640px}.screen-kicker,.project-logs-kicker{color:var(--primary-dark)}.screen-panel,.project-logs-shell,.project-logs-stat,.campaign-insight-card,.suppression-insight-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.project-logs-stats,.campaign-insight-grid,.suppression-insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.campaign-insight-card,.suppression-insight-card{flex-direction:column;justify-content:space-between;min-height:128px;padding:18px;display:flex}.campaign-insight-card.featured,.suppression-insight-card.featured{color:#fff;background:linear-gradient(135deg,#89a595 0%,#769181 45%,#547362 100%);border-color:#0000}.campaign-insight-card.warning,.suppression-insight-card.warning{background:linear-gradient(#fff,#fdf7f6);border-color:#d9676757}.campaign-insight-card span,.suppression-insight-card span{color:var(--text-secondary);align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.campaign-insight-card.featured span,.suppression-insight-card.featured span,.campaign-insight-card.featured small,.suppression-insight-card.featured small{color:#ffffffc7}.campaign-insight-card strong,.suppression-insight-card strong{color:var(--text-primary);font-size:2rem;line-height:1}.campaign-insight-card.featured strong,.suppression-insight-card.featured strong{color:#fff}.campaign-insight-card small,.suppression-insight-card small{color:var(--text-secondary);line-height:1.4}.project-logs-stat{min-height:104px;padding:18px}.project-logs-stat-icon.dark{background:var(--navigation-dark)}.project-logs-stat-icon.green,.project-logs-status.success{color:#fff;background:#10b981;border-color:#059669}.project-logs-stat-icon.amber,.badge-warning{color:#fff;background:#f59e0b}.project-logs-stat-icon.red,.project-logs-status.danger{color:#fff;background:#ef4444;border-color:#dc2626}.project-logs-grid{grid-template-columns:310px minmax(0,1fr)}.project-logs-projects,.campaign-toolbar,.suppression-toolbar{background:var(--surface-muted)}.project-logs-project-button:hover,.project-logs-project-button.active,.campaign-segment-card:hover,.campaign-segment-card.active{background:var(--surface);box-shadow:var(--shadow-sm);border-color:#7691816b}.project-logs-project-button.active{border-left-color:var(--primary)}.project-logs-table-title>strong,.app-live-badge,.badge-success{color:var(--text-primary);background:var(--surface-muted);border-color:var(--border)}.project-logs-table th,th{background:var(--surface-muted)}.campaign-layout{align-items:stretch}.campaign-panel{padding:0}.campaign-panel-title{padding:20px 22px 0}.campaign-panel .campaign-toolbar{border-bottom:1px solid var(--border);margin:0;padding:16px 22px}.campaign-segment-grid{margin-bottom:0;padding:0 22px 16px}.campaign-segment-card{background:var(--surface-muted);border-color:var(--border);border-radius:var(--radius-md)}.campaign-segment-card.active strong,.campaign-segment-card:hover strong{color:var(--primary-dark)}.campaign-left .screen-panel table,.suppression-screen .screen-panel table{min-width:720px}.campaign-left .screen-panel>div[style*=max-height],.suppression-screen .screen-panel{overflow:auto}.campaign-summary .screen-panel{border-top:4px solid var(--primary)}.suppression-hero{background:linear-gradient(135deg,#fefefef5,#f6f7f5f0),linear-gradient(135deg,#d967671a,#0000 62%)}.suppression-toolbar{padding:18px 20px}.suppression-count{color:var(--primary-dark);background:var(--primary-light);border:1px solid #76918133;border-radius:999px;padding:6px 12px}.reputation-tabs{border-bottom:1px solid var(--border);align-items:center;gap:22px;min-height:46px;padding:0 2px;display:flex}.reputation-tabs button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-self:stretch;font-size:.88rem;font-weight:700}.reputation-tabs button.active{color:var(--primary-dark);border-bottom-color:var(--primary)}.bounce-analytics-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:stretch;gap:14px;display:grid}.bounce-chart-panel,.bounce-category-panel{padding:20px}.bounce-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.bounce-panel-header.compact{margin-bottom:8px}.bounce-panel-header span{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.bounce-panel-header h3{color:var(--text-primary);margin:4px 0 0;font-size:1.05rem}.bounce-type-toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);padding:4px;display:inline-flex}.bounce-type-toggle button{border-radius:var(--radius-sm);min-width:64px;min-height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.78rem;font-weight:750}.bounce-type-toggle button.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.bounce-chart{width:100%;height:292px}.audience-tracker-panel{padding:20px 22px 22px;overflow:hidden}.audience-tracker-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.audience-tracker-header span{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.audience-tracker-header h3{color:var(--text-primary);margin:4px 0 0;font-size:1.08rem}.audience-tracker-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.audience-range-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:38px;color:var(--text-secondary);font:inherit;padding:0 12px;font-size:.82rem}.audience-tracker-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:22px;display:grid}.audience-tracker-chart{min-height:322px;padding:8px 0 22px;position:relative}.audience-month-label{color:var(--text-secondary);font-size:.82rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.audience-tracker-legend{flex-direction:column;justify-content:center;gap:10px;display:flex}.audience-tracker-legend div{border:1px solid var(--border);min-height:34px;box-shadow:var(--shadow-sm);background:linear-gradient(#fff,#f9faf8);border-radius:999px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 12px;display:grid}.audience-tracker-legend span{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:.86rem;font-weight:680;display:inline-flex;overflow:hidden}.audience-tracker-legend b{border-radius:3px;flex:0 0 10px;width:10px;height:10px}.audience-tracker-legend strong{color:var(--text-primary);font-size:.88rem}.audience-tracker-legend em{color:var(--danger);font-size:.82rem;font-style:normal}.bounce-category-body{grid-template-columns:minmax(150px,.9fr) minmax(150px,1fr);align-items:center;gap:12px;display:grid}.bounce-category-list{flex-direction:column;gap:8px;display:flex}.bounce-category-list button{border-radius:var(--radius-md);min-height:40px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:.82rem;display:flex}.bounce-category-list button.active,.bounce-category-list button:hover{background:var(--surface-muted);color:var(--text-primary);border-color:#76918147}.bounce-category-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bounce-category-list strong{color:var(--text-primary)}.bounce-explainer{border-left:4px solid var(--primary);align-items:center;gap:14px;padding:18px 20px;display:flex}.bounce-explainer svg{color:var(--primary-dark)}.bounce-explainer h3{color:var(--text-primary);margin:0 0 4px;font-size:.96rem}.bounce-explainer p{color:var(--text-secondary);margin:0;font-size:.84rem}.reputation-table{border-collapse:collapse;width:100%;min-width:900px}.reputation-table td strong,.reputation-table td small{display:block}.reputation-table td small{color:var(--text-secondary);margin-top:4px;font-size:.75rem}.bounce-badge{border-radius:999px;justify-content:center;align-items:center;min-width:96px;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.bounce-badge.hard{color:var(--danger);background:#fbeaea;border:1px solid #d9676738}.bounce-badge.soft{color:#8a6214;background:var(--accent-cream);border:1px solid #8a62142e}.reason-cell{max-width:420px;color:var(--text-secondary);font-size:.82rem;line-height:1.45}.mono-cell{color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem}.reputation-empty{text-align:center;color:var(--text-secondary);padding:42px}.modal-backdrop{z-index:100;background:#1e1c183d;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.suppression-modal{width:min(420px,100%);box-shadow:var(--shadow-dropdown);padding:24px}.suppression-modal h3{color:var(--text-primary);margin:0 0 18px;font-size:1.1rem}.suppression-modal form,.suppression-modal label{flex-direction:column;gap:10px;display:flex}.suppression-modal form{gap:16px}.suppression-modal label{color:var(--text-secondary);font-size:.76rem;font-weight:800}.suppression-modal .ui-input{width:100%}.suppression-modal form>div{gap:10px;margin-top:6px;display:flex}.suppression-modal form>div button{flex:1}.bounce-classification-shell{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.bounce-category-rail{flex-direction:column;gap:6px;padding-top:2px;display:flex}.bounce-category-rail button{border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) 64px 28px;align-items:center;gap:10px;padding:8px 10px;font-size:.86rem;display:grid}.bounce-category-rail button.active,.bounce-category-rail button:hover{background:var(--surface);box-shadow:var(--shadow-sm);border-left-color:#5c4a63}.bounce-category-rail span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:9px;min-width:0;display:inline-flex;overflow:hidden}.bounce-category-rail b{border-radius:2px;flex:0 0 9px;width:9px;height:9px}.bounce-category-rail em{color:#f0182d;text-align:right;font-size:.8rem;font-style:normal}.bounce-category-rail strong{color:var(--text-primary);text-align:right;font-size:.86rem}.bounce-category-detail{min-height:236px;padding:24px;position:relative;overflow:visible}.bounce-category-detail:before{content:"";border-left:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);width:22px;height:22px;position:absolute;top:42px;left:-12px;transform:rotate(45deg)}.bounce-detail-header,.category-help-card>div,.analytics-dialog-header,.analytics-dialog-header>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.bounce-detail-header{margin-bottom:10px}.bounce-detail-header h3{color:var(--text-primary);margin:0;font-size:1.18rem}.link-button{color:#003ee6;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:.84rem;font-weight:650;display:inline-flex}.link-button:disabled{color:var(--text-dim);cursor:not-allowed}.bounce-detail-body{grid-template-columns:minmax(170px,.58fr) minmax(160px,.8fr) minmax(280px,1.35fr);align-items:center;gap:24px;display:grid}.category-donut-block{min-height:180px;position:relative}.category-donut-label{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.category-donut-label strong{color:var(--text-primary);font-size:1rem;line-height:1}.category-donut-label span{color:var(--text-secondary);font-size:.78rem}.category-reason-list{flex-direction:column;gap:10px;display:flex}.category-reason-list span{color:var(--text-primary);grid-template-columns:10px minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:.86rem;display:grid}.category-reason-list b{border-radius:2px;width:9px;height:9px}.category-reason-list strong{text-align:right}.category-help-card{border-radius:var(--radius-md);background:#f2f4ff;min-height:184px;padding:22px 24px}.category-help-card h4{color:var(--text-primary);margin:0;font-size:.98rem}.category-help-card p{color:var(--text-primary);margin:14px 0 0;font-size:.86rem;line-height:1.55}.analytics-dialog-backdrop{background:#1e1c188c;align-items:flex-start;padding:16px 24px}.analytics-email-dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(1280px,100vw - 48px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-dropdown);flex-direction:column;display:flex;overflow:hidden}.analytics-dialog-search{border-bottom:1px solid var(--border);min-height:48px;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:10px 16px;display:flex}.analytics-dialog-search .search-shell{min-width:96px;box-shadow:none;border:0;padding:4px 8px}.analytics-dialog-search .search-shell input{min-width:58px}.analytics-dialog-search span{border-radius:var(--radius-sm);color:#003ee6;background:#eef2ff;align-items:center;min-height:26px;padding:4px 8px;font-size:.82rem;display:inline-flex}.analytics-dialog-search>button:not(.dialog-close){color:var(--text-secondary);cursor:pointer;background:0 0;border:0;margin-left:auto}.dialog-close{width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.analytics-dialog-header{padding:28px 16px 18px}.analytics-dialog-header h3{color:var(--text-primary);margin:0;font-size:1.05rem}.agent-select{min-height:34px;color:var(--text-primary);font:inherit;background:0 0;border:0}.analytics-dialog-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 16px;overflow:auto}.analytics-dialog-table{min-width:1080px}.analytics-dialog-table th{color:var(--text-primary);text-transform:none;background:#f0f1f4;font-size:.82rem}.analytics-dialog-table td{height:48px}.dialog-status{color:var(--text-primary);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.dialog-status:before{content:"i";color:#fff;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;font-size:.68rem;font-weight:800;display:inline-flex}.dialog-status.hard:before{background:#f59e0b}.dialog-status.soft:before{background:#b91cc8}.btn-secondary.compact{min-height:26px;color:var(--text-secondary);border-color:var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:4px 12px;font-size:.8rem}.analytics-dialog-shortcuts{color:var(--text-primary);align-items:center;gap:7px;padding:12px 16px;font-size:.76rem;display:flex}.analytics-dialog-shortcuts span{color:var(--text-secondary);background:#ececec;border-radius:3px;padding:3px 6px}.reputation-empty.compact{padding:16px}@media (width<=1120px){.bounce-classification-shell,.bounce-detail-body,.audience-tracker-layout{grid-template-columns:1fr}.bounce-category-detail:before{display:none}.audience-tracker-legend{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.analytics-dialog-search{flex-wrap:wrap}}.template-workshop{background:linear-gradient(135deg, #dfe9e394, transparent 38%), var(--background);border-color:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.template-grid-bg{background:linear-gradient(135deg,#76918114,#f1e9d83d),radial-gradient(#5a716338 1px,#0000 1px) 0 0/24px 24px}.template-tools-panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fefefef5;margin:44px 0 104px 44px;overflow:hidden}.template-studio-header{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(680px,100%);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fefefee0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.template-studio-header span{color:var(--primary-dark);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.template-studio-header h2{color:var(--text-primary);margin:0}.template-studio-header p{max-width:280px;color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.45}.template-device-frame{border-color:var(--border);box-shadow:0 28px 62px -28px #1e1c185c,0 0 0 8px #fefefe8a;border-radius:var(--radius-lg)!important}.template-action-bar{border-radius:var(--radius-lg)}.email-mobile-preview div[style*=max-width\:600px],.email-mobile-preview div[style*="max-width: 600px"],.email-mobile-preview table[style*=max-width\:600px],.email-mobile-preview table[style*="max-width: 600px"]{width:100%!important;max-width:100%!important}.email-mobile-preview div[style*=display\:flex],.email-mobile-preview div[style*="display: flex"]{display:block!important}.email-mobile-preview div[style*="flex:0 0 180px"],.email-mobile-preview div[style*="flex: 0 0 180px"],.email-mobile-preview div[style*=width\:180px],.email-mobile-preview div[style*="width: 180px"]{width:150px!important;max-width:72%!important;margin:0 auto 18px!important}.email-mobile-preview a[style*=linear-gradient],.email-mobile-preview a[style*="background: linear-gradient"]{text-align:center!important;white-space:normal!important;word-break:normal!important;box-sizing:border-box!important;width:100%!important;max-width:260px!important;margin:0 auto!important;padding:14px 16px!important;display:block!important}.email-mobile-preview h1,.email-mobile-preview h2,.email-mobile-preview h3,.email-mobile-preview p{text-align:left!important}.glass-panel,.metric-card{border-radius:var(--radius-lg)}.btn-primary,.btn-secondary,.ui-input,.search-shell{border-radius:var(--radius-md)}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary:hover{background:var(--surface-muted);border-color:#7691815c}@media (width<=1220px){.project-logs-stats,.campaign-insight-grid,.suppression-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.screen-page:not(.dashboard-screen) .screen-hero,.project-logs-hero,.template-studio-header{flex-direction:column;align-items:stretch}.project-logs-stats,.campaign-insight-grid,.suppression-insight-grid{grid-template-columns:1fr}.template-preview-stage{padding-left:14px;padding-right:14px}}.campaign-screen{min-height:100%}.campaign-screen .screen-hero{align-items:center}.campaign-screen .campaign-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.campaign-screen .campaign-left{min-width:0;display:block}.campaign-screen .campaign-audience-panel{flex-direction:column;min-height:0;padding:22px;display:flex}.campaign-screen .campaign-audience-panel .campaign-panel-title,.campaign-screen .campaign-launch-card .campaign-panel-title{margin:0 0 16px;padding:0}.campaign-screen .campaign-segment-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 16px;padding:0}.campaign-screen .campaign-segment-card{min-height:86px;padding:14px}.campaign-screen .campaign-toolbar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);flex-wrap:wrap;margin:0 0 16px;padding:14px}.campaign-screen .campaign-toolbar>div:first-child{flex-wrap:wrap;gap:8px;display:flex}.campaign-screen .campaign-toolbar .btn-secondary{align-items:center;min-height:34px}.campaign-screen .campaign-toolbar .search-shell{min-width:min(100%,300px)}.campaign-screen .campaign-toolbar .search-shell input{width:100%}.campaign-screen .campaign-table-shell{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex:0 auto;min-height:0;max-height:min(430px,100vh - 420px);overflow:auto}.campaign-screen .campaign-table-shell table{min-width:700px}.campaign-screen .campaign-summary{width:auto;min-width:0;position:sticky;top:18px}.campaign-screen .campaign-launch-card{border-top:4px solid var(--primary);padding:22px}.campaign-screen .campaign-launch-card .campaign-panel-title.compact{padding:0}.campaign-screen .campaign-launch-card label{letter-spacing:.04em}.campaign-screen .campaign-notice{border:1px solid color-mix(in srgb, var(--success) 28%, var(--border));border-radius:var(--radius-md);color:#047857;background:var(--success-light);align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-size:.84rem;font-weight:600;display:inline-flex}.campaign-screen .campaign-segment-card{flex-direction:column;justify-content:space-between;gap:12px;transition:border-color .16s,background .16s,color .16s;display:flex;position:relative}.campaign-screen .campaign-segment-card.active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:var(--surface)}.campaign-screen .campaign-segment-card.active:after{content:"";background:var(--primary);border-radius:999px;width:8px;height:8px;position:absolute;inset:10px 10px auto auto}.campaign-screen .campaign-segment-card span,.campaign-screen .campaign-recipient-count span{color:var(--text-secondary);font-size:.78rem;font-weight:600}.campaign-screen .campaign-segment-card strong{color:var(--ink);margin-top:0;font-size:clamp(1.45rem,2vw,1.7rem);line-height:1}.campaign-screen .campaign-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.campaign-screen .campaign-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.campaign-screen .btn-compact{min-height:34px;padding:6px 11px;font-size:.76rem;font-weight:600}.campaign-screen .spin-icon{animation:1s linear infinite spin}.campaign-screen .campaign-table-shell tbody tr{cursor:pointer}.campaign-screen .campaign-table-shell tbody tr.selected{background:color-mix(in srgb, var(--accent-light) 42%, var(--surface))}.campaign-screen .badge-pill{border-radius:var(--radius-pill);gap:6px;min-height:24px;padding:3px 9px;font-size:.72rem;font-weight:650;line-height:1}.campaign-screen .badge-pill:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.campaign-screen .badge-success{color:#047857;background:var(--success-light);border-color:color-mix(in srgb, var(--success) 30%, var(--border))}.campaign-screen .badge-warning{color:#92400e;background:var(--warning-light);border-color:color-mix(in srgb, var(--warning) 36%, var(--border))}.campaign-screen .badge-error{color:#b91c1c;background:var(--danger-light);border-color:color-mix(in srgb, var(--danger) 32%, var(--border))}.campaign-screen .badge-neutral{color:var(--text-primary);background:var(--surface-muted);border-color:var(--border)}.campaign-screen .campaign-launch-summary{border-top:1px solid var(--border-color);margin-top:24px;padding-top:18px}.campaign-screen .campaign-recipient-count{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.campaign-screen .campaign-recipient-count strong{border-radius:var(--radius-md);min-width:42px;min-height:34px;color:var(--primary);background:var(--accent-light);justify-content:center;align-items:center;font-size:1.25rem;font-weight:750;display:inline-flex}@media (width<=1180px){.campaign-screen .campaign-layout{grid-template-columns:1fr}.campaign-screen .campaign-summary{position:static}}@media (width<=820px){.campaign-screen .campaign-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-screen .campaign-toolbar{flex-direction:column;align-items:stretch}.campaign-screen .campaign-toolbar .search-shell{width:100%}.campaign-screen .campaign-table-shell{max-height:360px}}@media (width<=560px){.campaign-screen .campaign-segment-grid{grid-template-columns:1fr}}.campaign-meta-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff url(/bg.png) 100% 0/auto 100% no-repeat;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;display:flex}.campaign-meta-hero .hero-content{max-width:600px}.campaign-meta-hero h2{color:var(--ink);margin:8px 0 12px;font-weight:700}.campaign-meta-hero p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.hero-action-area{justify-content:flex-end;align-items:flex-start;width:140px;height:80px;display:flex;position:relative}.hero-grid-bg{z-index:0;background-image:linear-gradient(90deg,#0064e01a 1px,#0000 1px),linear-gradient(#0064e01a 1px,#0000 1px);background-size:20px 20px;width:100px;height:100px;position:absolute;top:-10px;right:-10px}.smtp-btn{z-index:1;background:var(--surface);border:1px solid var(--ink);color:var(--ink);padding:8px 16px;font-weight:600;position:relative}.smtp-btn:hover{background:var(--surface-muted)}.campaign-segment-card{background:var(--surface-muted);border-radius:var(--radius-md);text-align:left;border:1px solid #0000;padding:16px}.campaign-segment-card.active{background:var(--surface);border:1px solid var(--primary);border-left:3px solid var(--primary)}.meta-table th{background:var(--surface-muted);color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.75rem;font-weight:700}.meta-table td{border-bottom:1px solid var(--border);padding:16px}.meta-pill{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.meta-pill .dot{border-radius:50%;width:6px;height:6px}.meta-success .dot{background:#059669}.meta-pending .dot,.meta-warning .dot{background:#d97706}.meta-neutral .dot{background:#4b5563}.meta-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.meta-pending,.meta-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.meta-neutral{border-color:var(--border);background:var(--surface-muted)}.campaign-launch-card{border-top:3px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d}.meta-toolbar-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.meta-toolbar-btn:hover{background:#f4f5f7}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.suppression-details-card{color:#1f2937;background:#fff;border-radius:14px;width:90%;max-width:480px;padding:32px 36px 36px;animation:.2s cubic-bezier(.16,1,.3,1) popIn;position:relative;box-shadow:0 20px 45px #0000002e}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.suppression-details-close{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 5px #0000000f}.suppression-details-close:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.suppression-details-title{color:#111827;letter-spacing:-.01em;margin:0 0 28px;font-size:1.35rem;font-weight:700}.suppression-details-body{flex-direction:column;gap:18px;display:flex}.suppression-details-row{justify-content:space-between;align-items:center;font-size:.93rem;line-height:1.5;display:flex}.suppression-details-label{color:#374151;min-width:150px;font-weight:600}.suppression-details-value{color:#111827;text-align:right;word-break:break-word;font-weight:500}.suppression-category-badge{color:#fff;letter-spacing:.01em;background:#0070f3;border-radius:3px;padding:3px 8px;font-size:.85rem;font-weight:600;display:inline-block}.suppression-table-row{transition:background .15s}.suppression-table-row:hover{background:#0070f30a!important}.suppression-insight-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.suppression-insight-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 22px #00000014}.audience-tracker-panel{background:var(--surface,#fff);border:1px solid var(--border,#dee3e9);border-radius:var(--radius-lg,8px);padding:20px 24px;box-shadow:0 2px 8px #00000005}.audience-tracker-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.audience-tracker-header h3{color:var(--text-primary);margin-top:2px;font-size:1.1rem;font-weight:700}.audience-tracker-header span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.audience-tracker-controls{align-items:center;gap:12px;display:flex}.bounce-type-toggle{background:var(--surface-muted,#f6f7f5);border-radius:var(--radius-md,6px);border:1px solid var(--border,#dee3e9);align-items:center;padding:3px;display:flex}.bounce-type-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.bounce-type-toggle button.active{color:var(--text-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.audience-range-select{border:1px solid var(--border,#dee3e9);border-radius:var(--radius-md,6px);color:var(--text-primary);background:#fff;padding:6px 12px;font-size:.8rem;font-weight:600}.audience-tracker-layout{align-items:center;gap:24px;display:flex}.audience-tracker-chart{flex:1;height:240px;position:relative}.audience-tracker-legend{flex-direction:column;gap:8px;min-width:180px;display:flex}.audience-tracker-legend>div{border:1px solid var(--border,#dee3e9);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.8rem;display:flex;box-shadow:0 1px 3px #00000005}.audience-tracker-legend>div span{color:var(--text-secondary);align-items:center;gap:8px;font-weight:500;display:flex}.audience-tracker-legend>div span b{border-radius:50%;width:8px;height:8px}.audience-tracker-legend>div strong{color:var(--text-primary);font-weight:700}.bounce-classification-shell{background:var(--surface,#fff);border:1px solid var(--border,#dee3e9);border-radius:var(--radius-lg,8px);gap:20px;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.bounce-category-rail{flex-direction:column;gap:8px;width:240px;display:flex}.bounce-category-rail button{border-radius:var(--radius-md,6px);border:1px solid var(--border,#dee3e9);background:var(--surface-muted,#f6f7f5);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.bounce-category-rail button.active,.bounce-category-rail button:hover{border-color:var(--primary);background:#fff;box-shadow:0 2px 6px #0000000a}.bounce-category-detail{border:1px solid var(--border,#dee3e9);border-radius:var(--radius-md,6px);background:#fff;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.bounce-detail-header{justify-content:space-between;align-items:center;display:flex}.bounce-detail-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.bounce-detail-body{align-items:center;gap:24px;display:flex}.category-donut-block{width:180px;height:180px;position:relative}.category-reason-card{background:var(--surface-muted,#f6f7f5);border:1px solid var(--border,#dee3e9);border-radius:var(--radius-md,6px);flex:1;padding:18px;box-shadow:0 1px 4px #00000008}.category-reason-card h4{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:700}.category-reason-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.reputation-tabs{border-bottom:1px solid var(--border,#dee3e9);justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:12px;margin-bottom:20px;padding-bottom:10px;display:flex}.reputation-tab-group{align-items:center;gap:28px;display:flex}.reputation-tab-group button{color:var(--text-secondary,#4b4c4f);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:.95rem;font-weight:600;transition:color .15s;position:relative}.reputation-tab-group button:hover{color:var(--text-primary,#0a1317)}.reputation-tab-group button.active{color:var(--text-primary,#0a1317);font-weight:700}.dashboard-table-wrap{border-radius:var(--radius-md,6px);max-height:340px;overflow-y:auto}.dashboard-table-wrap table thead th{z-index:2;background:var(--surface-muted,#f6f7f5);position:sticky;top:0;box-shadow:0 1px 2px #0000000a}.app-layout{background-color:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-container{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px 40px;overflow-y:auto}@media (width<=1200px){.page-container{padding:24px 28px}}@media (width<=768px){.page-container{padding:16px 20px}}.fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}