@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#0f172a,#1a1f35);display:flex;flex-direction:column;z-index:100;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:14px;padding:24px 18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand-logo{width:72px;height:72px;min-width:72px;min-height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:0 0 0 1px #ffffff14,0 4px 16px #00000040}.sidebar-brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15}.sidebar-brand-name{font-size:21px;font-weight:900;color:#fff;letter-spacing:-.02em}.sidebar-brand-sub{font-size:10px;font-weight:800;letter-spacing:.28em;color:#ffffff80;margin-top:3px;text-transform:uppercase}.sidebar-nav{flex:1;padding:12px 0 8px;overflow-y:auto}.sidebar-group{margin-bottom:6px}.sidebar-group-label{padding:8px 20px 6px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#94a3b873;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:13px;font-weight:500;color:#cbd5e1b3;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;margin:1px 8px;border-radius:8px}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;border-radius:0 2px 2px 0;background:#3b82f6;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-link:hover{color:#e2e8f0;background:#ffffff0d}.sidebar-link:hover svg{transform:scale(1.1);transition:transform .2s ease}.sidebar-link.active{color:#fff;background:#3b82f61f;font-weight:600}.sidebar-link.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-link.active svg{color:#3b82f6}.sidebar-link svg{transition:transform .2s ease,color .2s ease;flex-shrink:0}.sidebar-footer{padding:8px 12px 16px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)}.sidebar-theme-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:6px;border-radius:8px;font-size:11px;font-weight:500;color:#94a3b899;width:100%;border:none;background:none;cursor:pointer;transition:all .2s ease}.sidebar-theme-btn:hover{background:#ffffff0d;color:#cbd5e1}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px}.sidebar-user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.03em;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-size:12px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;color:#94a3b880}.sidebar-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;color:#94a3b880;border:none;background:none;cursor:pointer;transition:all .2s ease}.sidebar-logout-btn:hover{background:#ef44441a;color:#f87171}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.analytics-header h1{font-size:22px;font-weight:700;color:var(--text-primary)}.analytics-header .subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.analytics-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mode-pills{display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.mode-pill{padding:7px 14px;border:none;cursor:pointer;font-size:12px;font-weight:500;background:transparent;color:var(--text-secondary);transition:all var(--transition)}.mode-pill:hover{background:var(--bg-hover)}.mode-pill.active{background:var(--brand-light);color:var(--brand);font-weight:600}.time-browser{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.time-nav{padding:7px 12px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);font-weight:600;transition:all var(--transition)}.time-nav:hover:not(:disabled){background:var(--bg-hover)}.time-nav:disabled{opacity:.3;cursor:default}.time-label{padding:0 12px;font-size:13px;font-weight:600;color:var(--text-primary);min-width:120px;text-align:center}.chart-bar-wrap{position:relative}.chart-bar{opacity:.75;transition:opacity .2s ease,height .5s cubic-bezier(.4,0,.2,1),transform .2s ease;animation:barGrowUp .6s cubic-bezier(.4,0,.2,1) backwards}@keyframes barGrowUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.chart-bar-wrap:hover .chart-bar{opacity:1;transform:scaleY(1.05);transform-origin:bottom}.chart-bar-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;padding:6px 10px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;z-index:10;pointer-events:none}.chart-bar-wrap:hover .chart-bar-tooltip{display:block}.funnel-bars{display:flex;flex-direction:column;gap:12px}.funnel-row{display:flex;align-items:center;gap:10px}.funnel-label{font-size:12px;font-weight:500;color:var(--text-secondary);width:80px;flex-shrink:0}.funnel-track{flex:1;height:32px;background:var(--bg-hover);border-radius:8px;overflow:hidden}.funnel-fill{height:100%;border-radius:var(--radius-sm);animation:funnelGrow .6s ease backwards;min-width:2px}@keyframes funnelGrow{0%{width:0!important}}.funnel-row:nth-child(1) .funnel-fill{animation-delay:0ms}.funnel-row:nth-child(2) .funnel-fill{animation-delay:.1s}.funnel-row:nth-child(3) .funnel-fill{animation-delay:.2s}.funnel-row:nth-child(4) .funnel-fill{animation-delay:.3s}.funnel-count{font-size:13px;font-weight:700;color:var(--text-primary);min-width:50px;text-align:right}.funnel-pct{font-size:11px;color:var(--text-muted);min-width:32px;text-align:right}.funnel-dropoff{font-size:11px;color:var(--red);font-weight:600;min-width:36px;text-align:right}#budget-split .section-title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}#budget-split .text-muted{font-size:12px;line-height:1.5;letter-spacing:.01em}.budget-bars{display:flex;flex-direction:column;gap:10px}.budget-row{display:flex;align-items:center;gap:10px}.budget-tier-label{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--text-primary);width:148px;flex-shrink:0;letter-spacing:.01em}.budget-bar-track{flex:1;height:10px;background:var(--bg-hover);border-radius:5px;overflow:hidden}.budget-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.budget-pct{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:88px;text-align:right;letter-spacing:.02em}.pipeline-tracker{display:flex;gap:12px;overflow-x:auto;padding:4px 0 8px}.pipeline-step{display:flex;align-items:center;gap:8px;flex-shrink:0}.pipeline-step-number{width:28px;height:28px;border-radius:50%;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.pipeline-step-name{font-size:13px;font-weight:600;color:var(--text-primary)}.pipeline-step-detail{font-size:11px;color:var(--text-muted);max-width:120px}.pipeline-arrow{font-size:16px;color:var(--text-muted);flex-shrink:0}.delivery-stats-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.delivery-stats-chips--compact{gap:4px}.delivery-stat-chip{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-primary)}.delivery-stats-chips--compact .delivery-stat-chip{padding:2px 7px;font-size:10px}.delivery-stat-label{font-weight:500;opacity:.85;text-transform:capitalize}.delivery-stat-num{font-variant-numeric:tabular-nums;font-weight:700;font-family:JetBrains Mono,monospace}.delivery-stat-chip--sent{background:var(--blue-bg);border-color:var(--blue-bg);color:var(--blue)}.delivery-stat-chip--delivered{background:var(--cyan-bg);border-color:var(--cyan-bg);color:var(--cyan)}.delivery-stat-chip--read{background:var(--green-bg);border-color:var(--green-bg);color:var(--green)}.delivery-stat-chip--replied{background:var(--purple-bg);border-color:var(--purple-bg);color:var(--purple)}.delivery-stat-chip--converted{background:var(--green-bg);border-color:var(--green-bg);color:var(--green)}.delivery-stat-chip--failed{background:var(--red-bg);border-color:var(--red-bg);color:var(--red)}.delivery-stat-chip--pending{background:var(--amber-bg);border-color:var(--amber-bg);color:var(--amber)}.delivery-stat-chip--unknown{background:var(--bg-hover);border-color:var(--border);color:var(--text-secondary)}.meta-delivery{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:capitalize;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-delivery--empty{color:var(--text-muted);font-weight:400}.meta-delivery--sent{background:var(--blue-bg);color:var(--blue)}.meta-delivery--delivered{background:var(--cyan-bg);color:var(--cyan)}.meta-delivery--read{background:var(--green-bg);color:var(--green)}.meta-delivery--failed{background:var(--red-bg);color:var(--red)}.meta-delivery--pending{background:var(--amber-bg);color:var(--amber)}.meta-delivery:not([class*=--empty]){border:1px solid transparent}.campaigns-layout{display:grid;grid-template-columns:1fr;gap:20px}.campaigns-layout.with-form{grid-template-columns:minmax(280px,1fr) minmax(560px,760px)}.campaigns-list{display:flex;flex-direction:column;gap:14px}.campaign-help-text{margin-top:8px;font-size:12px;line-height:1.55;color:var(--text-secondary);font-weight:450;letter-spacing:.01em}.campaign-help-text strong{color:var(--text-primary);font-weight:600;margin-right:4px}.campaign-cost-block .cost-estimator-label{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}.campaign-cost-block .cost-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.campaign-cost-block .cost-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.campaign-tier-breakdown .tier-breakdown-title{font-weight:600;font-size:13px;letter-spacing:.03em;color:var(--text-primary);margin-bottom:10px}.campaign-tier-breakdown .tier-breakdown-table{width:100%;font-size:12px;border-collapse:collapse}.campaign-tier-breakdown .tier-breakdown-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.campaign-tier-breakdown .tier-breakdown-table td{font-size:12px;font-variant-numeric:tabular-nums}.campaign-card{transition:all var(--transition);border-left:3px solid var(--border)}.campaign-card:hover{box-shadow:var(--shadow-md);border-left-color:var(--brand)}.campaign-card.active{border-left-color:var(--green)}.campaign-card.completed{border-left-color:var(--blue)}.campaign-card.paused{border-left-color:var(--amber)}.campaign-card.draft{border-left-color:var(--text-muted)}.campaign-card .card-body{padding:16px}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.campaign-card-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.campaign-card-target{margin-top:2px;font-size:12px;color:var(--text-secondary)}.campaign-stats{display:flex;gap:18px;margin-bottom:12px;flex-wrap:wrap}.campaign-stat{display:flex;flex-direction:column}.campaign-stat-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.campaign-stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-top:2px}.campaign-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.campaign-filter-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.campaign-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.01em}.tier-tag,.tier-t0,.tier-t1,.tier-t2,.tier-t3,.tier-t4,.tier-t5{background:var(--blue-bg);color:var(--blue)}.domain-tag{background:var(--green-bg);color:var(--green)}.lang-tag{background:var(--purple-bg);color:var(--purple)}.tmpl-tag{background:var(--amber-bg);color:var(--amber)}.campaign-tag.template-tag{background:var(--green-bg);color:var(--green)}.campaign-tag.lang-tag{background:var(--purple-bg);color:var(--purple)}.btn-runs{border-color:var(--blue);color:var(--blue);font-weight:600}.btn-runs:hover{background:var(--blue-bg)}.campaign-form{position:sticky;top:28px;max-height:calc(100vh - 56px);overflow-y:auto}.template-select-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.template-selected-tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--green-bg);color:var(--green);border-radius:4px;font-size:12px;font-weight:600}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.campaign-launch-btn{position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 12px #00000014}.btn-danger-outline{color:var(--red);border-color:var(--red)}.btn-danger-outline:hover{background:var(--red);color:#fff}.browse-templates{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.browse-cat-group{border-bottom:1px solid var(--border)}.browse-cat-group:last-child{border-bottom:none}.browse-cat-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-primary);text-align:left;transition:background var(--transition)}.browse-cat-header:hover{background:var(--bg-hover)}.browse-cat-header.open{background:var(--brand-light);color:var(--brand)}.browse-cat-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-hover);padding:1px 8px;border-radius:10px}.browse-cat-templates{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 12px;background:var(--bg-hover)}.send-window-row{display:flex;align-items:center;gap:8px}.send-window-row .time-select{flex:1;padding:7px 10px;font-size:13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer}.time-separator{font-size:12px;color:var(--text-muted);font-weight:500;flex-shrink:0}.cost-estimator-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.cost-estimator-stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cost-label{font-size:12px;color:var(--text-muted)}.toggle-row{display:flex;gap:8px;align-items:center}.checkbox-label.compact{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);transition:all var(--transition)}.checkbox-label.compact:has(input:checked){border-color:var(--purple);background:var(--purple-bg);color:var(--purple)}.checkbox-label.compact input[type=checkbox]{accent-color:var(--purple)}.run-history-modal{max-width:1400px!important;width:95vw!important;height:92vh!important;display:flex;flex-direction:column;padding:0!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)}.run-history-modal .modal-header{padding:20px 24px;border-bottom:1px solid var(--border)}.run-history-body{display:flex;flex:1;overflow:hidden;min-height:0}.run-list{width:320px;background:var(--bg-app);border-right:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain;padding:16px 0;min-height:0}.sidebar-title{padding:0 16px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.run-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:all var(--transition)}.run-item:hover{background:var(--bg-hover)}.run-item.active{background:var(--bg-surface);border-left:3px solid var(--brand)}.run-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.run-date{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.run-id-tag{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--text-muted);background:var(--bg-hover);padding:1px 6px;border-radius:3px}.run-mini-stats{display:flex;gap:8px;font-size:11px}.run-sidebar-delivery{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.run-webhook-panel{margin-bottom:16px;padding:14px 16px;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md)}.run-webhook-panel-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 10px}.run-details{flex:1;overflow:hidden;min-height:0;background:var(--bg-surface);display:flex;flex-direction:column}.empty-run-details{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.selected-run-view{padding:24px;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.run-summary-cards{display:flex;gap:12px;margin-bottom:20px}.mini-card{flex:1;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;background:var(--bg-surface)}.mini-card .label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.mini-card .value{font-size:22px;font-weight:700;font-family:JetBrains Mono,monospace}.batch-list-container{flex:1;min-height:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow-y:auto;background:var(--bg-surface);overscroll-behavior:contain}.batch-table{width:100%;border-collapse:collapse}.batch-table th{text-align:left;padding:10px 12px;background:var(--bg-hover);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border)}.batch-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);font-size:13px}.cust-cell{display:flex;align-items:center;gap:8px}.decision-cell{display:flex;align-items:center;gap:5px;font-weight:600;font-size:12px}.decision-cell.sent{color:var(--green)}.decision-cell.throttled{color:var(--amber)}.decision-cell.no_template,.decision-cell.budget_cut,.decision-cell.failed{color:var(--red)}.reason-cell{max-width:300px;line-height:1.4}@media(max-width:1100px){.campaigns-layout.with-form{grid-template-columns:1fr}}.template-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.template-search{flex:1;max-width:280px;min-width:180px}.template-filter-select{min-width:140px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.template-card{transition:box-shadow var(--transition),border-color var(--transition)}.template-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-card-title{font-size:14px;font-weight:700;color:var(--text-primary)}.template-card-meta{display:flex;gap:6px;font-size:12px;margin-top:2px;align-items:center}.wa-bubble{background:#1fad6f;border-radius:0 12px 12px;padding:12px 14px;font-size:13px;line-height:1.5;color:#fff;margin-bottom:14px;position:relative;max-width:100%;word-wrap:break-word}.wa-bubble:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-top:8px solid #1fad6f;border-left:8px solid transparent}.template-card-stats{display:flex;gap:16px;align-items:center;margin-bottom:12px}.template-card-actions{display:flex;gap:6px;flex-wrap:wrap}.template-card-new{cursor:pointer;border:2px dashed var(--border);background:transparent;box-shadow:none;transition:all var(--transition)}.template-card-new:hover{border-color:var(--brand);background:var(--brand-light)}.template-new-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;color:var(--text-muted)}.media-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:center;font-size:13px;color:var(--text-muted);transition:all var(--transition)}.media-drop-zone:hover{border-color:var(--brand);background:var(--brand-light)}.meta-import-modal{width:720px;max-width:90vw}.meta-import-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.meta-import-category-select{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13px}.meta-import-category-select select{min-width:160px}.meta-import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:420px;overflow-y:auto;padding:2px;margin-bottom:16px}.meta-import-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;background:var(--bg-surface);transition:box-shadow var(--transition)}.meta-import-card:hover{box-shadow:var(--shadow-md)}.meta-import-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px}.meta-import-card-meta{display:flex;gap:6px;font-size:11px;color:var(--text-muted);margin-bottom:8px;align-items:center;flex-wrap:wrap}.meta-import-card-body{font-size:12px;line-height:1.4;color:var(--text-secondary);margin:0}.meta-import-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.cat-delete-btn{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:none;background:var(--text-muted);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition);padding:0;z-index:2}.cat-delete-btn:hover{background:var(--red)}div:hover>.cat-delete-btn{opacity:1}.customer-info-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--amber-bg);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;margin-bottom:16px;line-height:1.5}.customer-info-banner svg{color:var(--amber);flex-shrink:0;margin-top:1px}.customer-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.customer-search{flex:1;max-width:260px;min-width:180px}.customer-filters select{min-width:140px}.customer-name{font-weight:600;color:var(--text-primary)}.customer-phone{margin-top:1px;font-family:JetBrains Mono,monospace;font-size:11px}.test-user-row{background:var(--purple-bg)!important}.add-customer-form{margin-bottom:16px}.add-customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-customer-header h3{font-size:14px;font-weight:700;margin:0}.add-customer-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr .8fr;gap:14px;align-items:start}.add-customer-grid .form-group{margin-bottom:0}.add-customer-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light)}.phone-input-row{display:flex;gap:0}.country-code-badge{display:flex;align-items:center;justify-content:center;padding:7px 10px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-hover);border:1.5px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);white-space:nowrap;flex-shrink:0}.phone-input-row input{border-radius:0 var(--radius-md) var(--radius-md) 0!important}.inline-edit-input,.inline-edit-select{font-size:13px;padding:4px 8px;border:1.5px solid var(--brand);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;max-width:160px}.import-dropdown-wrap{position:relative}.import-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:220px;overflow:hidden}.import-dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background var(--transition);text-align:left}.import-dropdown-menu button:hover{background:var(--bg-hover)}.import-dropdown-menu button:not(:last-child){border-bottom:1px solid var(--border-light)}.import-modal{max-width:520px!important;width:90vw!important}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:40px 20px;cursor:pointer;transition:all var(--transition);background:var(--bg-hover)}.drop-zone:hover{border-color:var(--brand);background:var(--brand-light)}.drop-zone.dragging{border-color:var(--brand);background:var(--brand-light);transform:scale(1.01)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary)}@media(max-width:1000px){.add-customer-grid{grid-template-columns:1fr 1fr}}.scraper-stat-card{text-align:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--blue);background:var(--bg-surface)}.scraper-stat-card.green-border{border-left-color:var(--green)}.scraper-stat-card.orange-border{border-left-color:var(--amber)}.scraper-stat-value{font-size:28px;font-weight:700;font-family:JetBrains Mono,monospace}.scraper-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.settings-column{display:flex;flex-direction:column}.api-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;margin-top:12px}.api-status.connected{background:var(--green-bg);color:var(--green)}.test-phone-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light)}.budget-split-config{display:flex;flex-direction:column;gap:10px;margin-top:8px}.budget-split-row{display:flex;align-items:center;gap:10px}.budget-split-label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text-primary);min-width:148px}.budget-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,var(--slider-color, var(--brand)) 0%,var(--slider-color, var(--brand)) var(--slider-fill, 0%),var(--bg-hover) var(--slider-fill, 0%),var(--bg-hover) 100%);border-radius:3px;outline:none;cursor:pointer}.budget-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--slider-color, var(--brand));cursor:grab;border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition)}.budget-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.budget-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.budget-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--slider-color, var(--brand));cursor:grab;border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm)}.budget-split-pct{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-primary);min-width:36px;text-align:right}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}#logs-page .data-table th,#logs-page .data-table td{padding:12px 16px;vertical-align:middle}#logs-page .data-table tr{cursor:pointer}.logs-detail-scroll{max-height:min(420px,55vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.logs-delivery-cell{vertical-align:middle;min-width:140px}.logs-detail-heading{margin-bottom:12px;font-size:14px;font-weight:700;color:var(--text-primary)}.bg-green{background:var(--green);color:#fff}.bg-red{background:var(--red);color:#fff}.login-page{display:flex;min-height:100vh;background:#070c1a;position:relative;overflow:hidden}.login-brand{flex:0 0 58%;background:linear-gradient(160deg,#070c1a,#0c1445 40%,#070c1a);display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.login-ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.4}.orb-1{width:600px;height:600px;background:#dc26261f;top:-10%;left:10%;animation:orbFloat 15s ease-in-out infinite}.orb-2{width:400px;height:400px;background:#3b82f61a;bottom:-5%;right:10%;animation:orbFloat 18s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-15px,15px) scale(.9)}}.login-brand-content{display:flex;flex-direction:column;align-items:center;z-index:2;text-align:center}.logo-circle-wrap{margin-bottom:40px;perspective:1000px}.logo-circle{width:320px;height:320px;border-radius:50%;background:#e51e25;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 50px #0000004d,inset 0 -10px 20px #0003,inset 0 10px 20px #ffffff1a;animation:circleFloat 6s ease-in-out infinite}@keyframes circleFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(2deg)}}.logo-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid rgba(229,30,37,.15);animation:ringScale 4s ease-in-out infinite}@keyframes ringScale{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.1}}.logo-truck{width:220px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.truck-speed-lines rect{animation:speedLineShift .8s linear infinite}@keyframes speedLineShift{0%{transform:translate(0);opacity:.8}to{transform:translate(-40px);opacity:0}}.logo-wheel{animation:wheelRotation .6s linear infinite}.rear-logo-wheel{transform-origin:100px 126px}.front-logo-wheel{transform-origin:232px 126px}@keyframes wheelRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-text-block{margin-bottom:40px}.logo-main-text{font-size:52px;font-weight:900;color:#fff;letter-spacing:-.01em;margin-bottom:4px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.logo-underline{width:80px;height:4px;background:#e51e25;margin:16px auto;border-radius:2px}.logo-sub-text{font-size:14px;font-weight:700;letter-spacing:.4em;color:#ffffff80;text-transform:uppercase}.login-feature-bubbles{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:520px;margin:0 auto}.login-bubble{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:bubbleDrift 7s ease-in-out infinite}.login-bubble:nth-child(2){animation-delay:-2.3s}.login-bubble:nth-child(3){animation-delay:-4.6s}@keyframes bubbleDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-bubble-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#e51e2533;color:#fff}.login-bubble-label{font-size:13px;font-weight:600;color:#ffffffe0;letter-spacing:.02em}.login-form-side{flex:0 0 42%;display:flex;align-items:center;justify-content:center;padding:48px;position:relative;z-index:10}.login-form-side:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(229,30,37,.06),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.login-form-wrapper{width:100%;max-width:440px;background:#fffffffa;padding:56px 48px;border-radius:32px;box-shadow:0 20px 50px #0000004d,0 4px 12px #0000001a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:transform .35s ease,box-shadow .35s ease}.login-form-wrapper:hover{transform:translateY(-3px);box-shadow:0 28px 60px #00000059,0 8px 20px #0c14451f}.login-form-header{margin-bottom:40px;text-align:center}.login-form-header h2{font-size:28px;font-weight:800;color:#1e293b;letter-spacing:-.02em;margin-bottom:8px}.login-form-header p{font-size:15px;color:#64748b}.login-form{display:flex;flex-direction:column;gap:24px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{font-size:13px;font-weight:700;color:#475569;margin-left:4px}.login-input-wrap{display:flex;align-items:center;background:#f1f5f9;border:2px solid transparent;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px}.login-input-wrap:focus-within{background:#fff;border-color:#e51e25;box-shadow:0 0 0 4px #e51e2514;transform:translateY(-1px)}.login-input-icon{margin-left:12px;color:#94a3b8;transition:color .3s ease}.login-input-wrap:focus-within .login-input-icon{color:#e51e25}.login-input-wrap input{flex:1;border:none;background:transparent;padding:12px;font-size:15px;font-weight:500;color:#1e293b;outline:none}.login-input-wrap input::placeholder{color:#94a3b8;font-weight:500}.login-pw-toggle{padding:8px 12px;background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s ease}.login-pw-toggle:hover{color:#475569}.login-submit{margin-top:8px;padding:16px;background:#1e293b;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1e293b33;position:relative;overflow:hidden}.login-submit:hover{background:#e51e25;transform:translateY(-2px);box-shadow:0 8px 20px #e51e2540}.login-submit:active{transform:translateY(0) scale(.98)}.login-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.login-submit:hover:before{left:100%}.login-footer-text{margin-top:32px;font-size:12px;color:#94a3b8;text-align:center;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px}.login-footer-brand{color:#475569;letter-spacing:.12em;font-size:12px}.login-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.login-page{flex-direction:column}.login-brand{flex:0 0 45vh;padding:32px}.login-form-side{flex:1;padding:32px}.logo-circle{width:220px;height:220px}.logo-truck{width:140px}.logo-main-text{font-size:36px}.login-form-wrapper{padding:32px;border-radius:24px}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}:root{color-scheme:light;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-hover: #f1f5f9;--bg-active: #eff6ff;--border: #e2e8f0;--border-light: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--brand: #1e40af;--brand-light: #eff6ff;--brand-hover: #1a3791;--green: #16a34a;--green-bg: #dcfce7;--red: #dc2626;--red-bg: #fef2f2;--amber: #d97706;--amber-bg: #fffbeb;--blue: #2563eb;--blue-bg: #eff6ff;--purple: #7c3aed;--purple-bg: #f5f3ff;--cyan: #0891b2;--cyan-bg: #ecfeff;--tier-t0: #9333ea;--tier-t0-bg: #f3e8ff;--tier-t1: #3b82f6;--tier-t1-bg: #dbeafe;--tier-t2: #22c55e;--tier-t2-bg: #dcfce7;--tier-t3: #eab308;--tier-t3-bg: #fef9c3;--tier-t4: #475569;--tier-t4-bg: #f1f5f9;--tier-t5: #94a3b8;--tier-t5-bg: #f8fafc;--tier-test: #9333ea;--tier-test-bg:#f5f3ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 20px;--sidebar-width: 248px;--transition: .15s ease;--transition-slow: .3s ease}html[data-theme=dark]{color-scheme:dark;--bg-app: #0f172a;--bg-surface: #1e293b;--bg-hover: #334155;--bg-active: #1e3a5f;--border: #334155;--border-light: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--brand: #3b82f6;--brand-light: #1e3a5f;--brand-hover: #2563eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--tier-t0-bg: #2e1065;--tier-t1-bg: #164e63;--tier-t2-bg: #1e3a5f;--tier-t3-bg: #14532d;--tier-t4-bg: #431407;--tier-t5-bg: #1e293b;--green-bg: #14532d;--red-bg: #450a0a;--amber-bg: #451a03;--blue-bg: #1e3a5f;--purple-bg: #2e1065;--cyan-bg: #164e63}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:inherit;font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;outline:none;transition:border-color var(--transition);background:var(--bg-surface);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--brand)}table{width:100%;border-collapse:collapse}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:0;min-height:100vh;animation:pageContentFadeIn .2s ease}@keyframes pageContentFadeIn{0%{opacity:0}to{opacity:1}}.page{padding:28px 32px;animation:pageFadeIn .15s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700;color:var(--text-primary)}.page-header .subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.page-header-actions{display:flex;gap:10px;align-items:center}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 8px 24px #0000000f;border-color:#3b82f633;transform:translateY(-2px)}.card-body{padding:20px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--bg-surface);border-radius:18px;padding:24px;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:90px;height:90px;border-radius:50%;background:var(--blue);opacity:.07;transition:opacity .35s ease,transform .35s ease;pointer-events:none}.stat-card:hover{box-shadow:0 12px 28px #00000014;transform:translateY(-5px)}.stat-card:hover:after{opacity:.13;transform:scale(1.3)}.stat-card.green:after{background:var(--green)}.stat-card.orange:after{background:var(--amber)}.stat-card.purple:after{background:var(--purple)}.stat-card.red:after{background:var(--red)}.stat-card.amber:after{background:var(--amber)}.stat-card.cyan:after{background:var(--cyan)}.stat-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.stat-card-value{font-size:30px;font-weight:800;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;letter-spacing:-.02em}.stat-card-trend{font-size:12px;margin-top:6px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.stat-card-trend.up{color:var(--green)}.stat-card-trend.down{color:var(--red)}.data-table{width:100%;border-collapse:collapse}.data-table thead th{text-align:left;padding:12px 16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-hover)}.data-table tbody td{padding:11px 16px;border-top:1px solid var(--border-light);font-size:13px;color:var(--text-primary)}.data-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.data-table tbody tr:hover{background:var(--bg-hover);cursor:pointer;border-left-color:var(--brand)}.data-table tbody tr:first-child td{border-top:none}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.data-table tbody tr{animation:rowFadeIn .2s ease backwards}.data-table tbody tr:nth-child(1){animation-delay:0ms}.data-table tbody tr:nth-child(2){animation-delay:30ms}.data-table tbody tr:nth-child(3){animation-delay:60ms}.data-table tbody tr:nth-child(4){animation-delay:90ms}.data-table tbody tr:nth-child(5){animation-delay:.12s}.data-table tbody tr:nth-child(6){animation-delay:.15s}.data-table tbody tr:nth-child(7){animation-delay:.18s}.data-table tbody tr:nth-child(8){animation-delay:.21s}.data-table tbody tr:nth-child(9){animation-delay:.24s}.data-table tbody tr:nth-child(10){animation-delay:.27s}.data-table tbody tr:nth-child(n+11){animation-delay:.3s}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-completed,.badge-sent,.badge-delivered{background:var(--green-bg);color:var(--green)}.badge-active,.badge-scheduled{background:var(--blue-bg);color:var(--blue)}.badge-paused{background:var(--red-bg);color:var(--red)}.badge-draft,.badge-pending{background:var(--amber-bg);color:var(--amber)}.badge-inactive{background:var(--bg-hover);color:var(--text-muted)}.badge-churned{background:var(--red-bg);color:var(--red)}.badge-no-action{background:var(--bg-hover);color:var(--text-muted)}.badge-new-lead{background:var(--purple-bg);color:var(--purple)}.badge-at-risk{background:var(--amber-bg);color:var(--amber)}.badge-media{background:var(--purple-bg);color:var(--purple);gap:3px}.badge-outline{background:none;border:1px solid var(--border);color:var(--text-secondary)}.badge-tier{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:JetBrains Mono,monospace;color:#fff}.badge-tier.t0{background:var(--tier-t0)}.badge-tier.t1{background:var(--tier-t1)}.badge-tier.t2{background:var(--tier-t2)}.badge-tier.t3{background:var(--tier-t3)}.badge-tier.t4{background:var(--tier-t4)}.badge-tier.t5{background:var(--tier-t5)}.badge-tier.test{background:var(--tier-test)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all var(--transition);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);transition:transform .5s ease}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1e40af40}.btn-primary:hover:after{transform:translate(100%)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#15803d}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:none;border:none;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{padding:5px 10px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.btn-lg{padding:12px 24px;font-size:14px}.btn-amber{background:var(--amber);color:#fff}.btn-amber:hover{background:#b45309}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition);cursor:pointer}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tags-container{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1.5px solid var(--border);border-radius:var(--radius-md);min-height:42px;background:var(--bg-surface);cursor:text}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--brand);color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.tag .tag-remove{cursor:pointer;opacity:.7;font-size:14px}.tag .tag-remove:hover{opacity:1}.tag-input{border:none!important;padding:4px 0!important;min-width:100px;flex:1;font-size:13px}.tag-input:focus{box-shadow:none!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.progress-bar{display:flex;align-items:center;gap:4px}.progress-bar-fill{height:8px;border-radius:4px;transition:width .3s ease}.progress-bar-label{font-size:12px;font-weight:600;min-width:36px;text-align:right}.domain-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.domain-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none}.domain-pill:hover{border-color:var(--brand);color:var(--brand)}.domain-pill.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.cost-estimator{background:var(--blue-bg);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:var(--radius-md);padding:12px 16px;margin:12px 0;font-size:13px;display:flex;flex-direction:column;gap:4px}.cost-estimator .cost-value{font-weight:700;color:var(--blue);font-family:JetBrains Mono,monospace}.cost-estimator .cost-arrow{color:var(--text-muted)}.cost-estimator.over-budget{border-color:var(--red);border-left-color:var(--red);background:var(--red-bg)}.cost-estimator.over-budget .cost-value{color:var(--red)}.radio-group{display:flex;gap:12px;margin-top:6px}.radio-group label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-transform:none;letter-spacing:normal}.radio-group input[type=radio]{width:auto;accent-color:var(--brand)}.toggle-switch{position:relative;display:inline-flex;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:12px;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--transition);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--brand)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-green{color:var(--green)}.text-orange{color:var(--amber)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-danger{color:var(--red)}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-0{margin-bottom:0}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.full-width{width:100%;justify-content:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;border-radius:4px}.skeleton-heading{height:28px;width:200px;border-radius:6px}.skeleton-card{height:100px;border-radius:var(--radius-lg)}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:560px;width:90vw;max-height:90vh;overflow-y:auto;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;max-width:500px;width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.close-btn{font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition)}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.section-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--text-muted);gap:8px}.empty-state h3{color:var(--text-secondary);font-size:16px;font-weight:600}@media(max-width:768px){.main-content{margin-left:0}.page{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr}}.rfm-score{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace}.rfm-high{background:var(--green-bg);color:var(--green)}.rfm-mid{background:var(--amber-bg);color:var(--amber)}.rfm-low{background:var(--red-bg);color:var(--red)}.table-footer{padding:12px 16px;border-top:1px solid var(--border-light)}.header-actions{display:flex;gap:8px;align-items:center}.form-control{width:100%;font-family:inherit;font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;outline:none;transition:border-color var(--transition);background:var(--bg-surface);color:var(--text-primary)}.form-control:focus{border-color:var(--brand)}.inline-edit-input,.inline-edit-select{padding:4px 8px;font-size:13px;border:1.5px solid var(--brand);border-radius:var(--radius-sm);background:var(--bg-surface)}.loading-state{padding:32px;text-align:center;color:var(--text-muted)}