.home-page{padding:24px;max-width:1600px;margin:0 auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner-large{width:48px;height:48px;border:4px solid #e0e7ff;border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;align-items:flex-start}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:14px;color:#64748b;margin-bottom:4px}.metric-value{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:4px}.metric-subtext{font-size:13px;color:#94a3b8}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.view-all-link{font-size:14px;color:#0ea5e9;text-decoration:none;font-weight:500}.view-all-link:hover{color:#0284c7}.card-content{min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;gap:12px}.campaigns-list,.followups-list{display:flex;flex-direction:column;gap:12px}.campaign-item,.followup-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s}.campaign-item:hover,.followup-item:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.campaign-item{cursor:pointer}.campaign-info,.followup-info{flex:1}.campaign-name,.followup-name{font-weight:500;color:#1e293b;margin-bottom:4px}.campaign-meta,.followup-meta{font-size:13px;color:#64748b}.status-badge,.stage-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.status-draft{background:#f1f5f9;color:#475569}.status-badge.status-active{background:#dbeafe;color:#1e40af}.status-badge.status-in_production{background:#fef3c7;color:#92400e}.status-badge.status-completed{background:#dcfce7;color:#166534}.stage-badge.stage-lead{background:#f3f4f6;color:#374151}.stage-badge.stage-contacted{background:#dbeafe;color:#1e40af}.stage-badge.stage-qualified{background:#fef3c7;color:#92400e}.stage-badge.stage-proposal_sent{background:#fce7f3;color:#9f1239}.stage-badge.stage-active{background:#dcfce7;color:#166534}.pipeline-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.pipeline-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 24px}.pipeline-stages{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-x:auto;padding:12px 0}.pipeline-stage{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.stage-count{width:56px;height:56px;border-radius:50%;background:#0ea5e9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.stage-label{font-size:13px;color:#64748b;font-weight:500;text-align:center}.pipeline-arrow{color:#cbd5e1;font-size:24px;flex-shrink:0}@media (max-width: 768px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.pipeline-stages{justify-content:flex-start}}.dev-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #fde047;border-radius:8px;margin-bottom:20px;color:#92400e}.dev-notice-content{display:flex;flex-direction:column;gap:4px;flex:1}.dev-notice-content strong{font-weight:600;font-size:14px}.dev-notice-content span{font-size:13px;line-height:1.5}.dev-notice-content code{padding:2px 6px;background:#fde68a;border-radius:3px;font-family:monospace;font-size:12px}.page-shell{width:100%;max-width:1200px;margin:0 auto;padding:32px 20px 48px;box-sizing:border-box}.page-shell.page-shell--fullwidth{max-width:none;margin:0;padding:32px 40px 48px}.page-shell.page-shell--fullwidth .page-shell-header,.page-shell.page-shell--fullwidth .page-shell-content{width:100%;max-width:none}.page-shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:32px}.page-shell-title-block h1{font-size:32px;line-height:1.2;margin:0;color:#0f172a}.page-shell-title-block h1+.page-shell-subtitle{margin-top:4px}.page-shell-subtitle{margin:0;color:#475569;font-size:15px;line-height:1.4}.page-shell-actions{display:flex;gap:12px;align-items:center}.page-shell-content{width:100%}@media (max-width: 640px){.page-shell,.page-shell.page-shell--fullwidth{padding:24px 16px 40px}.page-shell-header{flex-direction:column;align-items:flex-start}.page-shell-actions{width:100%;justify-content:flex-start}}:root{--routes-bg: #f4f6fb;--routes-card: rgba(255, 255, 255, .95);--routes-border: rgba(15, 23, 42, .08);--routes-shadow: 0 25px 45px rgba(15, 23, 42, .15);--routes-accent: #0ea5e9;--routes-accent-strong: #0c4a6e;--routes-muted: #55607d}.routes-page{width:100%;min-height:calc(100vh - 88px);padding:2rem clamp(1rem,4vw,3rem);display:flex;flex-direction:column;gap:2rem;background:linear-gradient(180deg,#f8f9fc,#eef2ff)}.routes-data-management{width:100%;border-radius:1.35rem;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fffffffa,#f9fafff2);box-shadow:0 28px 50px #0f172a26;padding:0;overflow:hidden}.data-management-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:1.25rem;padding:0 1.2rem 1.2rem}.data-management-section{display:flex;flex-direction:column;gap:.75rem;height:100%}.data-management-section:first-child{min-height:350px}.data-management-section-title{margin:0;font-size:.9rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.collapsible-section{display:flex;flex-direction:column}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease;border-bottom:1px solid transparent}.collapsible-header:hover{background-color:#8b5cf608}.collapsible-header h2,.collapsible-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2a44;letter-spacing:-.02em}.collapsible-header h3{font-size:1.125rem}.collapsible-content{max-height:5000px;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,padding .25s cubic-bezier(.4,0,.2,1);opacity:1}.collapsible-content.collapsed{max-height:0;opacity:0;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .15s ease-in,padding .25s cubic-bezier(.4,0,.2,1)}.routes-data-management .collapsible-content.collapsed{padding:0 1.4rem}.route-analysis-row{position:relative}.routes-table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:flex-start;gap:1.5rem;width:100%;padding:1.2rem 1.2rem 1rem}.routes-optimization-controls{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;max-width:580px;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:1.5rem;padding:.75rem 1rem;box-shadow:0 8px 20px #7c3aed59}.routes-optimization-icon{width:2.25rem;height:2.25rem;background:#fff3;border-radius:.625rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.routes-optimization-toggle{display:flex;flex-direction:column;align-items:center;gap:.375rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem .75rem;transition:all .15s ease}.routes-optimization-toggle-input{position:absolute;opacity:0;width:0;height:0}.routes-optimization-toggle-wrapper{position:relative;width:2rem;height:1rem;flex-shrink:0}.routes-optimization-toggle-slider{position:relative;width:100%;height:100%;background:#ffffff4d;border-radius:9999px;transition:background-color .2s}.routes-optimization-toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:.75rem;height:.75rem;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.routes-optimization-toggle-input:checked~.routes-optimization-toggle-wrapper .routes-optimization-toggle-slider{background:#22c55ee6}.routes-optimization-toggle-input:checked~.routes-optimization-toggle-wrapper .routes-optimization-toggle-slider:before{transform:translate(1rem)}.routes-optimization-toggle-label{font-size:.625rem;color:#ffffffd9;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .15s;white-space:nowrap}.routes-optimization-toggle:hover .routes-optimization-toggle-label{color:#fff}.routes-optimization-segmented{position:relative;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:.625rem;padding:.25rem;flex:1;min-width:0}.routes-optimization-segmented-bg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;min-height:2.5rem}.routes-optimization-segmented-indicator{position:absolute;top:.25rem;bottom:.25rem;background:#fffffff2;border-radius:.375rem;box-shadow:0 2px 8px #00000026,0 1px 2px #0000000d;transition:left .3s cubic-bezier(.34,1.56,.64,1);z-index:1;pointer-events:none}.routes-optimization-segmented-buttons{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;z-index:2}.routes-optimization-segmented-btn{position:relative;padding:.375rem .5rem;border-radius:.375rem;text-align:center;background:transparent;border:none;cursor:pointer;transition:color .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}.routes-optimization-segmented-btn.active{color:#0891b2}.routes-optimization-segmented-btn:not(.active){color:#ffffffd9}.routes-optimization-segmented-btn:not(.active):hover{color:#fff}.routes-optimization-segmented-value{font-size:.8125rem;font-weight:700;line-height:1;letter-spacing:-.01em}.routes-optimization-segmented-unit{font-size:.625rem;text-transform:uppercase;letter-spacing:.03em;opacity:.85;font-weight:600}.routes-optimization-segmented-btn.active .routes-optimization-segmented-unit{opacity:.95}.routes-optimization-segmented-btn:not(.active) .routes-optimization-segmented-unit{color:#ffffffb3}.routes-batch-details{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start;align-items:center}.batch-detail-card-compact{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-radius:.5rem;padding:.5rem .75rem;border:1px solid #bfdbfe;display:flex;flex-direction:column;gap:2px;min-width:100px;animation:slideInLeft .2s ease-out both}.batch-detail-compact-label{font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.batch-detail-compact-value{font-size:1.25rem;font-weight:700;color:#111827;line-height:1}.batch-detail-compact-meta{font-size:.7rem;color:#64748b}.batch-inactive{position:relative;opacity:.5;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.batch-inactive:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#94a3b8;transform:translateY(-50%)}.batch-inactive .batch-detail-compact-label,.batch-inactive .batch-detail-compact-value,.batch-inactive .batch-detail-compact-meta{color:#94a3b8}.routes-table-card .routes-table-body{padding:0 1.2rem 1.2rem}.routes-table-card{background:linear-gradient(180deg,#fffffffa,#f9fafff2);border:1px solid rgba(15,23,42,.08);border-radius:1.35rem;box-shadow:0 28px 50px #0f172a26;padding:0;display:flex;flex-direction:column;gap:0}.routes-table-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.routes-table-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2a44;letter-spacing:-.02em}.routes-table-subtitle{margin-top:.375rem;color:#64748b;font-size:.9375rem;font-weight:500;min-width:8rem;display:inline-block}.routes-table-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.saved-action-button{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:.75rem;border-radius:.5rem;border:1px solid transparent;font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;letter-spacing:.01em;min-width:2.75rem;min-height:2.75rem}.saved-action-copy{background:#f1f5f9cc;color:#475569;border-color:#cbd5e180}.saved-action-copy:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #47556926;background:#f1f5f9}.saved-action-save{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:transparent;box-shadow:0 8px 16px #7c3aed4d}.saved-action-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #7c3aed66}.print-config-options{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.print-config-footer{padding-top:.75rem;border-top:1px solid #f1f5f9}.print-confirm-button{width:100%;padding:.65rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #7c3aed4d;letter-spacing:.01em}.routes-table-body{padding:0 1.4rem 1.4rem}.routes-print-summary{display:none}.routes-table-body .data-table-container{margin-right:0}@media (max-width: 1200px){.data-management-grid{grid-template-columns:1fr}.routes-table-card{padding:1.1rem}.routes-table-header{grid-template-columns:1fr;gap:1rem}.routes-optimization-controls{order:2;max-width:100%;flex-wrap:wrap;gap:.75rem}.routes-optimization-segmented{flex:1;min-width:240px}.routes-batch-details{order:3;justify-content:flex-start}.routes-table-actions{order:4;justify-content:flex-start}}@media (max-width: 768px){.routes-page{padding:20px}.routes-table-actions{justify-content:flex-start}}@media print{html,body{background:#fff;color:#0f172a;margin:0;padding:0;height:100%;width:100%;overflow:hidden}.page-shell-header,.page-shell-sidebar,.page-shell-footer,.routes-page>*:not(.routes-print-summary){display:none!important}.page-shell,.page-shell-content,.routes-page{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}.routes-print-summary{display:flex;flex-direction:column;gap:1rem;font-size:9pt;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1e293b;width:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:.5in}.print-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.print-summary-kicker{display:none}.print-summary-header h3{margin:0;font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.03em}.print-summary-meta{display:flex;gap:1.5rem;align-items:center;font-size:.75rem;color:#64748b;font-weight:500}.print-summary-meta span{display:flex;align-items:center;gap:.5rem}.print-summary-meta span:before{content:"";width:4px;height:4px;border-radius:50%;background-color:#cbd5e1}.print-summary-meta span:first-child:before{display:none}.print-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.25rem}.print-hero-stat{background:#fff!important;color:#0f172a!important;padding:1rem;border:1px solid #cbd5e1;border-radius:6px;display:flex;flex-direction:column;justify-content:center}.print-hero-label{margin:0 0 .2rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#64748b!important}.print-hero-value{margin:0;font-size:2rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#0f172a!important}.print-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.print-detail-stat{background:#f8fafc!important;border:1px solid #e2e8f0;border-radius:4px;padding:.6rem;display:flex;flex-direction:column;justify-content:space-between;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-stat-label{margin:0 0 .5rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-stat-value{margin:0;font-size:1.1rem;font-weight:700;color:#334155;letter-spacing:-.01em}.print-summary-batches{display:none}.print-summary-batch-heading{display:flex;justify-content:space-between;align-items:baseline}.print-summary-batch-heading .print-stat-label{letter-spacing:.15em;font-size:.65rem;margin-bottom:6px}.print-summary-batch-subtitle{margin:0;font-size:.8rem;color:#64748b;font-weight:500}.print-summary-batch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.print-batch-card{border-radius:10px;border:1px dashed rgba(100,116,139,.3);padding:.75rem;background:#fffc}.print-batch-label{margin:0;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#64748b;font-weight:600}.print-batch-value{margin:6px 0;font-size:1.2rem;font-weight:700;color:#0f172a}.print-batch-sub{margin:0;font-size:.75rem;color:#64748b;font-weight:500}.print-summary-table-wrapper{margin-top:.25rem;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.print-summary-table{width:100%;border-collapse:collapse;font-size:7.5pt;table-layout:fixed}.print-summary-table thead{background:#f1f5f9!important;border-bottom:1px solid #e2e8f0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-summary-table th{padding:.5rem .4rem;text-align:left;font-weight:700;font-size:.6rem;text-transform:uppercase;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-summary-table th:nth-child(1){width:18%}.print-summary-table th:nth-child(2){width:10%}.print-summary-table th:nth-child(3){width:8%}.print-summary-table th:nth-child(4){width:10%}.print-summary-table th:nth-child(5){width:10%}.print-summary-table th:nth-child(6){width:10%}.print-summary-table th:nth-child(7){width:10%}.print-summary-table th:nth-child(8){width:12%}.print-summary-table th:nth-child(9){width:12%;text-align:right}.print-summary-table th:first-child{padding-left:.75rem}.print-summary-table th:last-child{padding-right:.75rem}.print-summary-table tbody tr{border-bottom:1px solid #f8fafc}.print-summary-table tbody tr:nth-child(2n){background-color:#f8fafc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-summary-table td{padding:.4rem;color:#334155;font-weight:500;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-summary-table td:first-child{padding-left:.75rem;font-weight:600;color:#0f172a;font-family:Courier New,monospace}.print-summary-table td:last-child{padding-right:.75rem;text-align:right;font-weight:600;color:#0f172a}.print-summary-table th:not(:first-child),.print-summary-table td:not(:first-child){font-variant-numeric:tabular-nums}@page{size:Letter;margin:0}}.import-panel{background:linear-gradient(180deg,#fffffffa,#f9fafff2);border:1px solid rgba(15,23,42,.08);border-radius:1.35rem;padding:1.2rem;box-shadow:0 28px 50px #0f172a26;display:flex;flex-direction:column;height:100%}.import-textarea-container{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;overflow:hidden;margin-bottom:1rem;flex:1;display:flex;background:#ffffffe6;transition:border-color .2s ease}.import-textarea-container:focus-within{border-color:#7c3aed66;box-shadow:0 0 0 3px #7c3aed1a}.import-textarea{width:100%;min-height:280px;padding:1rem;border:none;font-family:Courier New,monospace;font-size:.8125rem;resize:vertical;outline:none;flex:1;background:transparent;color:#1f2a44}.import-textarea::-moz-placeholder{color:#94a3b8}.import-textarea::placeholder{color:#94a3b8}.data-table-container{background:#fff;border-radius:.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05;overflow:hidden;overflow-x:auto;flex:1;margin:0}.data-table{width:100%;border-collapse:collapse;border-spacing:0}.data-table thead{background:linear-gradient(to bottom,#f9fafbf2,#ffffffe6);border-bottom:2px solid rgba(139,92,246,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.data-table th{padding:.875rem 1rem;text-align:left;font-size:.6875rem;font-weight:600;color:#64748b;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.data-table th.sortable:hover{background:#8b5cf60a}.data-table th.sortable:hover .th-label{color:#0891b2}.data-table th.sortable:hover .th-metric{color:#0891b2;transform:scale(1.02)}.data-table th.sortable:hover .sort-icon{color:#0891b2}.th-content{display:flex;flex-direction:column;gap:.375rem;align-items:flex-start;width:100%}.th-label{display:block;font-size:.6875rem;font-weight:600;color:#64748b;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;transition:color .2s ease}.th-metric{display:inline-flex;align-items:baseline;font-size:1.125rem;font-weight:700;color:#1e293b;letter-spacing:-.01em;text-transform:none;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.2;font-variant-numeric:tabular-nums}.th-label-row{display:flex;align-items:center;gap:.375rem}.sort-icon{font-size:.625rem;color:#cbd5e1;flex-shrink:0;line-height:1;transition:color .2s ease;font-weight:700}.data-table th.sortable{position:relative}.data-table tbody tr{border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover{background:#8b5cf608}.data-table tbody tr.selected{background:#8b5cf60f;border-bottom-color:#8b5cf626}.data-table tbody tr.selected:hover{background:#8b5cf614}.data-table td{padding:.875rem 1rem;font-size:.8125rem;color:#334155;vertical-align:middle;font-weight:500}.data-table tbody tr:not(.empty-row) td:first-child{width:44px}.data-table th:first-child{width:44px;padding-left:1.25rem}.data-table td:first-child{padding-left:1.25rem}.data-table input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#0891b2;border-radius:.25rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:#94a3b8;font-size:.875rem;font-weight:500}.batch-select{padding:.375rem .5rem;border:1.5px solid rgba(226,232,240,.8);border-radius:.375rem;font-size:.8125rem;font-weight:600;background:#fff;color:#334155;cursor:pointer;min-width:3.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.batch-select:hover:not(:disabled){border-color:#7c3aed66;background:#f9fafb;box-shadow:0 0 0 3px #7c3aed14}.batch-select:focus{outline:none;border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed1f}.batch-select:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:.5;border-color:#e2e8f099}@media (max-width: 720px){.data-table-container{border-radius:.75rem;box-shadow:0 1px 2px #0f172a0a}.data-table th,.data-table td{padding:.75rem .875rem}.data-table th:first-child,.data-table td:first-child{padding-left:1rem}.th-metric{font-size:1rem}}.saved-routes{background:linear-gradient(180deg,#fffffffa,#f9fafff2);border:1px solid rgba(15,23,42,.08);border-radius:1.35rem;padding:1.2rem;box-shadow:0 28px 50px #0f172a26;width:100%;display:flex;flex-direction:column;gap:.75rem;height:100%}.saved-routes-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.saved-routes-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2a44}.compare-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #7c3aed4d}.compare-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.compare-button:active{transform:translateY(0)}.saved-routes-body{flex:1;overflow-y:auto;padding-right:0;max-height:280px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.saved-routes-body::-webkit-scrollbar{display:none}.loading-message,.empty-message{color:#94a3b8;font-size:.875rem;text-align:center;padding:3rem 1rem;font-style:italic}.routes-list{display:flex;flex-direction:column;gap:.75rem}.saved-route-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffffb3;border-radius:.75rem;border:1px solid rgba(148,163,184,.25);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.saved-route-item.clickable{cursor:pointer}.saved-route-item.clickable:hover{border-color:#7c3aed66;background:#8b5cf614;transform:translateY(-2px);box-shadow:0 8px 16px #7c3aed26}.saved-route-content{flex:1}.saved-route-name{font-weight:700;color:#1f2a44;margin-bottom:.25rem;font-size:.9375rem;letter-spacing:-.01em}.saved-route-info{font-size:.8125rem;color:#64748b;display:flex;align-items:center;gap:.5rem;font-weight:500;flex-wrap:wrap}.saved-route-zip{font-weight:600;color:#1f2a44;background:#8b5cf61a;padding:3px 8px;border-radius:6px;font-size:.75rem;letter-spacing:.02em}.locked-badge{display:inline-flex;padding:3px 8px;background:#fef3c7;color:#92400e;border-radius:999px;font-size:11px;font-weight:500}.saved-route-actions{display:flex;gap:8px;flex-shrink:0}.saved-route-actions button{width:2.25rem;height:2.25rem;padding:0;border-radius:999px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center}.saved-route-actions button:focus-visible{outline:2px solid rgba(124,58,237,.8);outline-offset:2px}.edit-button{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 8px 16px #7c3aed4d}.edit-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #7c3aed66}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 16px #ef44444d}.delete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #ef444466}.delete-button:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6;box-shadow:none}@media (max-width: 640px){.saved-route-actions button{width:34px;height:34px}}.route-comparison-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.route-comparison-modal{background:linear-gradient(180deg,#fffffffa,#f9fafff2);border-radius:1.5rem;box-shadow:0 28px 50px #0f172a33;border:1px solid rgba(15,23,42,.08);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.route-comparison-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(226,232,240,.8);background:#ffffff80}.route-comparison-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.route-comparison-modal-close{background:#fffc;border:1px solid rgba(226,232,240,.8);cursor:pointer;padding:10px;border-radius:10px;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.route-comparison-modal-close:hover{background:#f8fafc;border-color:#cbd5e1;color:#1f2a44;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a1a}.route-comparison-modal-content{padding:28px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.route-comparison-modal-content::-webkit-scrollbar{width:6px}.route-comparison-modal-content::-webkit-scrollbar-track{background:transparent}.route-comparison-modal-content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.route-comparison-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b880}.route-comparison-selection{margin-bottom:28px;padding:20px;background:#ffffffb3;border-radius:1rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 12px #0f172a0f}.route-comparison-selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(226,232,240,.6)}.route-comparison-select-all{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border:1px solid rgba(139,92,246,.2);cursor:pointer;padding:10px 16px;border-radius:10px;color:#0891b2;font-weight:600;font-size:.875rem;transition:all .2s ease}.route-comparison-select-all:hover{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border-color:#8b5cf64d;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed26}.route-comparison-selection-count{font-size:.875rem;color:#64748b;font-weight:500;padding:8px 12px;background:#f8fafccc;border-radius:8px}.route-comparison-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.route-comparison-checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px 16px;border-radius:12px;background:#fffc;border:1px solid rgba(226,232,240,.6);transition:all .2s ease}.route-comparison-checkbox-item:hover{background:#f8fafce6;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.route-comparison-checkbox-item.checked{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border-color:#8b5cf666;box-shadow:0 4px 12px #7c3aed26}.route-comparison-checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#06b6d4;flex-shrink:0}.route-comparison-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:#1f2a44;font-weight:500;flex:1}.locked-badge-small{display:inline-flex;padding:3px 8px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:999px;font-size:10px;font-weight:600;box-shadow:0 2px 4px #92400e1a}.route-comparison-table-wrapper{overflow-x:auto;border-radius:1rem;background:#ffffffb3;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 12px #0f172a0f;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.route-comparison-table-wrapper::-webkit-scrollbar{height:6px}.route-comparison-table-wrapper::-webkit-scrollbar-track{background:transparent}.route-comparison-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.route-comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.route-comparison-table thead{background:linear-gradient(180deg,#f8fafcf2,#f1f5f9e6);border-bottom:2px solid rgba(226,232,240,.8)}.route-comparison-table th{padding:16px 20px;text-align:left;font-weight:700;color:#0f172a;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;position:relative}.route-comparison-table th:first-child{position:sticky;left:0;background:linear-gradient(180deg,#f8fafcf2,#f1f5f9e6);z-index:2;border-right:1px solid rgba(226,232,240,.6);padding-left:24px}.route-comparison-table th:not(:first-child){border-left:1px solid rgba(226,232,240,.4)}.route-comparison-table tbody tr{border-bottom:1px solid rgba(226,232,240,.5);transition:all .2s ease;background:#ffffff80}.route-comparison-table tbody tr:hover{background:#f8fafccc;transform:scale(1.001);box-shadow:0 2px 8px #0f172a0a}.route-comparison-table tbody tr:last-child{border-bottom:none}.route-comparison-table td{padding:16px 20px;font-size:.9375rem;color:#1f2a44;font-weight:500}.route-comparison-table td:first-child{position:sticky;left:0;background:#ffffff80;z-index:1;font-weight:600;color:#475569;padding-left:24px;border-right:1px solid rgba(226,232,240,.6)}.route-comparison-table tbody tr:hover td:first-child{background:#f8fafccc}.route-comparison-table td:not(:first-child){border-left:1px solid rgba(226,232,240,.3);text-align:right;font-variant-numeric:tabular-nums}.metric-label{font-weight:600;color:#475569;font-size:.9375rem}.route-comparison-empty{text-align:center;padding:80px 20px;color:#64748b;background:#ffffff80;border-radius:1rem;border:2px dashed rgba(226,232,240,.8)}.route-comparison-empty p{margin:0;font-size:1rem;font-weight:500;color:#94a3b8}@media (max-width: 768px){.route-comparison-modal{max-width:100%;max-height:100vh;border-radius:0}.route-comparison-modal-header,.route-comparison-modal-content{padding:20px}.route-comparison-checkboxes{grid-template-columns:1fr}.route-comparison-table{font-size:.875rem}.route-comparison-table th,.route-comparison-table td{padding:12px 16px}.route-comparison-selection-header{flex-direction:column;align-items:flex-start;gap:12px}}.contacts-page{padding:0;width:100%;max-width:100%;margin:0;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#0284c7}.btn-sm{padding:6px 12px;font-size:14px}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.contacts-filters-v2{background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:20px;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.filters-main-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filters-left-group{display:flex;align-items:center;gap:12px;flex:1;min-width:0;flex-wrap:wrap}.search-container-v2{position:relative;display:flex;align-items:center;min-width:240px;flex:0 1 280px}.search-icon-v2{position:absolute;left:12px;color:#9ca3af;pointer-events:none;z-index:1}.search-input-v2{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;font-size:14px;color:#111827;transition:all .2s;outline:none}.search-input-v2:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.search-input-v2::-moz-placeholder{color:#9ca3af}.search-input-v2::placeholder{color:#9ca3af}.search-clear-btn{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.search-clear-btn:hover{background:#d1d5db;color:#374151}.quick-filters-v2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-filter-item{position:relative}.quick-filter-item.active:before{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#0ea5e9;border-radius:50%;border:2px solid #ffffff;z-index:1}.quick-filter-select{padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;min-width:120px}.quick-filter-item.active .quick-filter-select{border-color:#0ea5e9;background-color:#eff6ff;color:#1e40af;font-weight:600}.quick-filter-select:hover{border-color:#9ca3af}.quick-filter-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.temp-filter-v2{display:flex;align-items:center;gap:4px;padding:4px;background:#f3f4f6;border-radius:8px;border:1px solid #d1d5db}.temp-filter-v2.active{border-color:#0ea5e9;background:#eff6ff}.temp-btn-v2{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;font-size:14px;cursor:pointer;transition:all .2s;padding:0}.temp-btn-v2:hover{background:#fffc;transform:scale(1.1)}.temp-btn-v2.active{background:#fff;box-shadow:0 1px 3px #0000001a;transform:scale(1.05)}.temp-btn-v2.hot.active{background:#fee2e2}.temp-btn-v2.warm.active{background:#fef3c7}.temp-btn-v2.cold.active{background:#dbeafe}.clear-filters-btn-v2{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.clear-filters-btn-v2:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.filters-right-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.view-toggle-v2{display:flex;align-items:center;gap:4px;padding:4px;background:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb}.view-btn-v2{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s;padding:0}.view-btn-v2:hover{background:#fffc;color:#374151}.view-btn-v2.active{background:#0ea5e9;color:#fff;box-shadow:0 1px 3px #3b82f64d}.results-summary-v2{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.results-count-v2{font-size:14px;font-weight:600;color:#111827}.results-total{font-size:13px;font-weight:500;color:#6b7280}.selected-badge-v2{display:inline-flex;align-items:center;padding:2px 8px;background:#0ea5e9;color:#fff;border-radius:6px;font-size:11px;font-weight:600}.stage-filters-v2{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.stage-filter-badge-v2{font-size:12px;font-weight:600;color:#0ea5e9;padding:4px 10px;background:#eff6ff;border-radius:6px;border:1px solid #bfdbfe}.stage-pills-v2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.stage-pill-v2{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s;position:relative}.stage-pill-v2:hover{border-color:var(--stage-color, #9ca3af);background:var(--stage-color-lighter, #f9fafb);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.stage-pill-v2.active{background:var(--stage-color, #0ea5e9);border-color:var(--stage-color, #0ea5e9);box-shadow:0 2px 6px #00000026}.stage-pill-v2.all-pill-v2{border-color:#d1d5db;background:#f9fafb}.stage-pill-v2.all-pill-v2:hover{border-color:#9ca3af;background:#f3f4f6}.stage-pill-v2.all-pill-v2.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.stage-label-v2{font-size:12px;font-weight:600;color:var(--stage-color, #6b7280);transition:color .2s}.stage-pill-v2.active .stage-label-v2{color:#fff}.stage-pill-v2.all-pill-v2 .stage-label-v2{color:#374151}.stage-pill-v2.all-pill-v2.active .stage-label-v2{color:#fff}.stage-count-v2{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--stage-color-light, #f3f4f6);border-radius:10px;font-size:11px;font-weight:700;color:var(--stage-color, #6b7280);transition:all .2s}.stage-pill-v2.active .stage-count-v2{background:#ffffff4d;color:#fff}.stage-pill-v2.all-pill-v2 .stage-count-v2{background:#e5e7eb;color:#6b7280}.stage-pill-v2.all-pill-v2.active .stage-count-v2{background:#ffffff4d;color:#fff}@media (max-width: 1024px){.filters-main-bar{flex-direction:column;align-items:stretch;gap:12px}.filters-left-group{width:100%}.filters-right-group{width:100%;justify-content:space-between}.search-container-v2{min-width:100%;flex:1 1 100%}.quick-filters-v2{width:100%;justify-content:flex-start}}@media (max-width: 768px){.contacts-filters-v2{padding:10px 12px}.filters-main-bar{gap:10px}.filters-left-group{flex-direction:column;align-items:stretch;gap:10px}.search-container-v2{min-width:100%}.quick-filters-v2{width:100%;flex-wrap:wrap;gap:6px}.quick-filter-select{min-width:100px;flex:1}.temp-filter-v2{width:100%;justify-content:space-between}.temp-btn-v2{flex:1}.filters-right-group{flex-direction:row;justify-content:space-between;width:100%}.view-toggle-v2{flex:1;justify-content:center}.results-summary-v2{flex:0 0 auto}.stage-filters-v2{flex-direction:column;align-items:stretch;gap:10px}.stage-pills-v2{width:100%}}.contacts-grid.list-view{display:block}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;width:100%;box-sizing:border-box}.contacts-kanban{width:100%;height:calc(100vh - 320px);min-height:500px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;flex-shrink:0}.pipeline-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.contacts-kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:16px;padding-bottom:16px;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.contacts-kanban-board::-webkit-scrollbar{display:none}.contacts-kanban-column{background:#fff;border-radius:12px;padding:0;border:2px solid #e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s}.contacts-kanban-column-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:2px solid;background:linear-gradient(135deg,var(--stage-color-light),var(--stage-color-lighter));position:relative}.contacts-kanban-column-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stage-color)}.contacts-kanban-column-header h3{margin:0;font-size:16px;color:var(--stage-color-dark);font-weight:600}.contacts-kanban-column-header p{margin:4px 0 0;font-size:12px;color:var(--stage-color);font-weight:500}.contacts-kanban-column-count{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;background:var(--stage-color)!important;color:#fff!important;box-shadow:0 2px 4px #0000001a}.contacts-kanban-column-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;min-height:100px;max-height:100%;padding:16px;transition:background-color .2s;background:#fafafa;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 #fafafa}.contacts-kanban-column-body::-webkit-scrollbar{width:6px}.contacts-kanban-column-body::-webkit-scrollbar-track{background:#fafafa}.contacts-kanban-column-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.contacts-kanban-column-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contacts-kanban-column-body.dragging-over{background:var(--stage-color-lighter);box-shadow:inset 0 0 0 2px var(--stage-color)}.contacts-kanban-column-empty{text-align:center;color:var(--stage-color);font-size:13px;padding:24px 20px;background:var(--stage-color-lighter);border:2px dashed var(--stage-color-light);border-radius:8px;font-weight:500}.contact-kanban-card{border:1px solid #e2e8f0;border-left:3px solid var(--stage-color);border-radius:10px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:grab;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 3px #00000014}.contact-kanban-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-2px);border-left-width:4px;background:var(--stage-color-lighter)}.contact-kanban-card.dragging{opacity:.9;cursor:grabbing;transform:rotate(2deg) scale(1.05);box-shadow:0 12px 24px #00000040;border-left-color:var(--stage-color);border-left-width:4px;background:#fff}.contact-kanban-card__content{display:flex;flex-direction:column;gap:8px}.contact-kanban-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.contact-kanban-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.contact-kanban-business{font-weight:600;color:#0f172a;font-size:15px;line-height:1.4;flex:1}.contact-kanban-temperature{font-size:18px;line-height:1;flex-shrink:0;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s}.contact-kanban-temperature:hover{transform:scale(1.2)}.contact-kanban-niche{display:inline-block;padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:12px;color:#475569;font-weight:500;width:-moz-fit-content;width:fit-content}.contact-kanban-tag{display:inline-block;padding:3px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;font-size:11px;color:#1e40af;font-weight:500;width:-moz-fit-content;width:fit-content}.contact-kanban-location{font-size:13px;color:#475569;margin-top:4px}@media (max-width: 768px){.contacts-kanban{height:calc(100vh - 280px);min-height:400px}.contacts-kanban-board{grid-auto-columns:minmax(220px,1fr)}}.contact-card-redesigned{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;position:relative;display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;min-width:0;width:100%}.contact-card-redesigned:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;transform:translateY(-2px)}.contact-card-header-redesigned{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;min-width:0;width:100%}.contact-avatar-redesigned{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.contact-business-info-redesigned{flex:1;min-width:0;padding-top:2px;padding-right:8px}.contact-business-name-redesigned{margin:0 0 2px;font-size:14px;font-weight:600;color:#111827;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-owner-name-redesigned{margin:0;font-size:12px;color:#6b7280;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card-controls-redesigned{display:flex;align-items:center;gap:4px;flex-shrink:0}.contact-checkbox-redesigned{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;border:none;background:#f3f4f6;box-shadow:0 0 0 1px #e5e7eb;padding:0}.contact-checkbox-redesigned:hover{background:#e5e7eb}.contact-checkbox-redesigned.checked{background:#0ea5e9;box-shadow:0 0 0 2px #3b82f633}.contact-checkbox-redesigned .checkmark-icon{width:10px;height:10px;color:#fff}.contact-favorite-btn-redesigned{padding:2px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#9ca3af;display:flex;align-items:center;justify-content:center}.contact-favorite-btn-redesigned:hover{color:#f59e0b;background:#f59e0b1a}.contact-favorite-btn-redesigned.active{color:#f59e0b}.contact-tags-row-redesigned{display:flex;align-items:center;gap:4px;margin-bottom:10px;flex-wrap:wrap;min-width:0;width:100%}.contact-niche-tag-redesigned{display:inline-flex;align-items:center;padding:2px 8px;background:#8b5cf61a;color:#6d28d9;border-radius:6px;border:1px solid rgba(139,92,246,.2);font-size:10px;font-weight:500;letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(50% - 2px);min-width:0}.contact-stage-badge-redesigned{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:500;letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid;max-width:calc(50% - 2px);min-width:0}.contact-card-divider-redesigned{height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent);margin-bottom:10px}.contact-details-redesigned{display:flex;align-items:flex-start;gap:8px}.contact-temperature-icon-redesigned{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.contact-temperature-icon-redesigned .temperature-emoji{font-size:16px;line-height:1}.contact-info-redesigned{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.contact-info-row-redesigned{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b5563}.contact-info-icon-redesigned{color:#9ca3af;flex-shrink:0}.contact-info-text-redesigned{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.contact-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #e5e7eb;position:relative;display:flex;flex-direction:column;gap:12px}.contact-card-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;align-items:center;z-index:10}.contact-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9}.contact-favorite-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s;color:#94a3b8;box-shadow:0 2px 4px #0000001a}.contact-favorite-btn:hover{background:#fef3c7;color:#f59e0b;transform:scale(1.1)}.contact-favorite-btn.active{background:#fef3c7;color:#f59e0b}.contact-header,.contact-details,.contact-tags,.contact-footer,.contact-card:hover .contact-header,.contact-card:hover .contact-details,.contact-card:hover .contact-footer{cursor:pointer}.contact-card:hover{box-shadow:0 4px 6px #0000001a}.contact-card-top{display:flex;flex-direction:column;gap:8px;margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.contact-niche-top{padding:6px 12px;background:#f1f5f9;border-radius:8px;font-size:12px;color:#475569;font-weight:500;text-align:center;width:100%;box-sizing:border-box}.contact-top-row{display:flex;align-items:center;gap:8px;position:relative}.contact-top-left{flex-shrink:0}.contact-top-middle{flex:1;display:flex;justify-content:center}.contact-header{display:flex;gap:12px;margin-bottom:0}.contact-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-name{font-weight:600;color:#1e293b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-owner{font-size:14px;color:#64748b}.contact-details{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.contact-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.contact-niche{display:inline-block;padding:4px 12px;background:#f1f5f9;border-radius:12px;font-size:12px;color:#475569;font-weight:500}.contacts-grid .contact-details .contact-niche{display:none}.contact-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}.contact-tag{display:inline-block;padding:3px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;font-size:11px;color:#1e40af;font-weight:500}.contact-footer{display:none}.contact-stage{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.contact-temperature{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;white-space:nowrap;display:inline-block}.contact-temperature--hot{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.contact-temperature--warm{background:#fef3c7;color:#92400e;border-color:#fcd34d}.contact-temperature--cold{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.contact-list-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;overflow:hidden}.contact-list-header-modern{display:grid;grid-template-columns:80px 2.2fr 1.5fr 1fr 1.3fr 1.2fr;gap:16px;padding:14px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748b;align-items:center}.contact-list-header-checkbox-modern{display:flex;align-items:center;justify-content:center}.contact-list-header-business,.contact-list-header-contact,.contact-list-header-niche,.contact-list-header-location,.contact-list-header-stage{display:flex;align-items:center}.contact-list-body-modern{display:flex;flex-direction:column}.contact-list-row-modern{display:grid;grid-template-columns:80px 2.2fr 1.5fr 1fr 1.3fr 1.2fr;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f5f9;transition:all .2s cubic-bezier(.4,0,.2,1);align-items:center;cursor:pointer;position:relative}.contact-list-row-modern:last-child{border-bottom:none}.contact-list-row-modern:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all .2s}.contact-list-row-modern:hover{background:linear-gradient(90deg,#f8fafc,#fff);box-shadow:inset 0 0 0 1px #3b82f61a}.contact-list-row-modern:hover:before{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.contact-list-row-modern.selected{background:linear-gradient(90deg,#eff6ff,#fff);box-shadow:inset 0 0 0 1px #3b82f633}.contact-list-row-modern.selected:before{background:linear-gradient(180deg,#0ea5e9,#0284c7)}.contact-list-cell-checkbox-modern{display:flex;align-items:center;justify-content:center;gap:8px;cursor:default}.contact-checkbox-modern{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9}.contact-checkbox-modern-btn{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;border:2px solid #d1d5db;background:#fff;padding:0;flex-shrink:0}.contact-checkbox-modern-btn:hover{border-color:#0ea5e9;background:#eff6ff}.contact-checkbox-modern-btn.checked{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.contact-checkbox-modern-btn .checkmark-icon-modern{width:12px;height:12px;color:#fff}.contact-favorite-btn-modern{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;color:#94a3b8;box-shadow:0 1px 2px #0000000d;padding:0}.contact-favorite-btn-modern:hover{background:#fef3c7;color:#f59e0b;transform:scale(1.1);box-shadow:0 2px 4px #f59e0b33}.contact-favorite-btn-modern.active{background:#fef3c7;color:#f59e0b;box-shadow:0 2px 6px #f59e0b4d}.contact-list-cell-business-modern{display:flex;align-items:center;gap:12px;min-width:0}.contact-avatar-modern{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.contact-business-info-modern{flex:1;min-width:0}.contact-business-name-modern{font-size:15px;font-weight:600;color:#111827;line-height:1.4;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-owner-name-modern{font-size:13px;color:#6b7280;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-list-cell-contact-modern{display:flex;flex-direction:column;gap:6px;min-width:0}.contact-info-item-modern{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;min-width:0}.contact-info-icon-modern{color:#9ca3af;flex-shrink:0}.contact-info-text-modern{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.contact-empty-state{color:#d1d5db;font-size:13px;font-style:italic}.contact-list-cell-niche-modern{display:flex;align-items:center}.contact-niche-badge-modern{display:inline-flex;align-items:center;padding:4px 12px;background:#8b5cf61a;color:#6d28d9;border-radius:8px;border:1px solid rgba(139,92,246,.2);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.contact-list-cell-location-modern{display:flex;align-items:center;min-width:0}.contact-list-cell-stage-modern{display:flex;align-items:center}.contact-stage-group-modern{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-stage-badge-modern{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid;white-space:nowrap;transition:all .2s}.contact-temperature-badge-modern{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:16px;line-height:1;transition:all .2s;flex-shrink:0}.contact-temperature-badge-modern--hot{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 4px #ef444433}.contact-temperature-badge-modern--warm{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 4px #facc1533}.contact-temperature-badge-modern--cold{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 4px #60a5fa33}@media (max-width: 1200px){.contact-list-header-modern,.contact-list-row-modern{grid-template-columns:70px 2fr 1.3fr .9fr 1.1fr 1fr;gap:12px;padding-left:16px;padding-right:16px}}@media (max-width: 1024px){.contact-list-header-modern,.contact-list-row-modern{grid-template-columns:60px 2fr 1.2fr .8fr 1fr .9fr;gap:10px;padding:12px 14px}.contact-avatar-modern{width:36px;height:36px;font-size:14px}.contact-business-name-modern{font-size:14px}.contact-owner-name-modern{font-size:12px}}@media (max-width: 768px){.contact-list-modern{border-radius:8px}.contact-list-header-modern{display:none}.contact-list-row-modern{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:2px solid #f1f5f9}.contact-list-cell-checkbox-modern{position:absolute;top:16px;right:16px;gap:6px}.contact-list-cell-business-modern{width:100%;padding-right:80px}.contact-list-cell-contact-modern,.contact-list-cell-niche-modern,.contact-list-cell-location-modern,.contact-list-cell-stage-modern{width:100%;padding-top:8px;border-top:1px solid #f1f5f9}.contact-list-cell-contact-modern:before{content:"Contact:";font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.contact-list-cell-niche-modern:before{content:"Niche:";font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.contact-list-cell-location-modern:before{content:"Location:";font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.contact-list-cell-stage-modern:before{content:"Stage:";font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;min-height:600px;overflow:hidden;display:flex;flex-direction:column}.contact-modal{max-width:1200px;width:95%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-close:hover{background:#e2e8f0}.settings-tabs-combined{display:flex;gap:6px;padding:12px 18px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1.5px solid #e5e7eb;flex-wrap:wrap;align-items:center}.settings-tab{padding:8px 14px;border:1.5px solid #e5e7eb;background:#fff;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.settings-tab:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1;transform:translateY(-1px)}.settings-tab.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-color:#0ea5e9;box-shadow:0 2px 6px #0ea5e94d}.modal-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid #e2e8f0}.tab{padding:12px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#0ea5e9}.tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.modal-body{flex:1;overflow-y:auto;padding:18px 20px;min-height:400px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contact-form{display:flex;flex-direction:column;gap:20px}.form-section-compact{animation:slideInFade .3s ease-out}@keyframes slideInFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 10px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field>span{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.form-field input,.form-field select,.form-field textarea{padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:13px;transition:all .2s;background:#fff;color:#1e293b;font-weight:500}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#cbd5e1}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e914;background:#fff}.form-field-compact{gap:3px}.form-field-compact>span{font-size:9px;font-weight:700}.form-field-compact input,.form-field-compact select,.form-field-compact textarea{padding:6px 9px;font-size:12px;border-radius:5px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.form-actions{display:flex;gap:10px;padding-top:14px;border-top:1.5px solid #e5e7eb;margin-top:6px}.ads-tab,.activity-tab{display:flex;flex-direction:column;gap:20px}.tab-header{display:flex;justify-content:space-between;align-items:center}.tab-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.ad-uploader-section{padding:20px;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ad-card{position:relative;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.ad-card:hover{box-shadow:0 4px 6px #0000001a}.ad-delete-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;transition:all .2s;z-index:10;padding:0;color:#64748b;box-shadow:0 2px 4px #0000001a}.ad-delete-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1);box-shadow:0 3px 6px #00000026}.ad-card img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.ad-image-placeholder{width:100%;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8;gap:8px}.ad-info{padding:12px}.ad-name{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;text-transform:capitalize}.approval-status.status-pending{color:#f59e0b}.approval-status.status-approved{color:#22c55e}.approval-status.status-rejected{color:#ef4444}.details-sub-tabs{display:flex;gap:8px;padding:16px 20px 0;border-bottom:2px solid #e2e8f0;margin:-24px -24px 24px;background:#f8fafc;flex-wrap:wrap}.details-sub-tab{padding:10px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative;top:2px}.details-sub-tab:hover{color:#0ea5e9;background:#3b82f60d}.details-sub-tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9;font-weight:600;background:#fff}.notes-tab{display:flex;flex-direction:column;gap:20px}.notes-add-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1}.note-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.note-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.notes-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.notes-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.note-item{padding:16px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #0ea5e9;border-radius:8px;transition:all .2s}.note-item:hover{box-shadow:0 2px 8px #00000014;transform:translate(2px)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-date{font-size:12px;color:#64748b;font-weight:500}.note-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .2s}.note-delete-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.note-content{font-size:14px;color:#1e293b;line-height:1.6;white-space:pre-wrap;word-break:break-word}.activities-tab{display:flex;flex-direction:column;gap:16px}.activities-empty{text-align:center;padding:64px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-item{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.activity-type{display:inline-block;padding:2px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.activity-subject{font-weight:500;color:#1e293b;margin-bottom:4px}.activity-description{font-size:14px;color:#64748b;margin-bottom:8px}.activity-date{font-size:12px;color:#94a3b8}.activity-form{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.upload-modal{max-width:1000px;max-height:90vh;overflow-y:auto}.upload-quick-start{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;padding:24px;margin-bottom:24px}.quick-start-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.quick-start-header h3{margin:0;font-size:18px;font-weight:600;color:#1e40af}.quick-start-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.step-item{display:flex;align-items:center;gap:12px}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0ea5e9;color:#fff;border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0}.step-text{color:#1e293b;font-size:14px}.download-template-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#0ea5e9;color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;border:none}.download-template-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.upload-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.instruction-header{display:flex;align-items:center;gap:10px;color:#0ea5e9;margin-bottom:16px}.instruction-header h3{margin:0;font-size:18px;font-weight:600}.instruction-intro{margin:0 0 20px;color:#475569;font-size:14px;line-height:1.6}.column-category{margin-bottom:24px}.column-category:last-child{margin-bottom:0}.category-label{margin:0 0 12px;font-size:15px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.columns-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.column-item{padding:12px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;transition:all .2s}.column-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.column-item.required{border-color:#0ea5e9;background:#eff6ff}.column-item.required:hover{border-color:#0284c7;box-shadow:0 2px 8px #3b82f626}.column-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.column-name{color:#1e293b;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;font-weight:600;background:#f1f5f9;padding:2px 6px;border-radius:4px}.column-item.required .column-name{background:#dbeafe;color:#1e40af}.column-description{margin:0;font-size:12px;color:#64748b;line-height:1.5}.badge-required{display:inline-block;padding:3px 8px;background:#0ea5e9;color:#fff;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.format-tips{margin-top:24px;padding-top:20px;border-top:2px solid #e2e8f0}.tips-header{margin:0 0 12px;font-size:15px;font-weight:600;color:#1e293b}.tips-list{margin:0;padding-left:20px;list-style:none}.tips-list li{margin-bottom:8px;color:#475569;font-size:13px;line-height:1.6;position:relative;padding-left:8px}.tips-list li:before{content:"•";position:absolute;left:-16px;color:#0ea5e9;font-weight:700}.tips-list li strong{color:#1e293b;font-weight:600}.upload-section{margin-bottom:24px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s;position:relative}.upload-dropzone:hover{border-color:#0ea5e9;background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a}.upload-dropzone:active{transform:translateY(0)}.upload-dropzone svg{color:#94a3b8;margin-bottom:16px;transition:color .2s}.upload-dropzone:hover svg{color:#0ea5e9}.upload-text{margin:0;font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.upload-subtext{margin:8px 0 0;font-size:13px;color:#64748b}.upload-preview{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:20px;margin-bottom:20px}.preview-header{display:flex;align-items:center;gap:10px;color:#16a34a;margin-bottom:16px}.preview-header h3{margin:0;font-size:16px;font-weight:600}.preview-table{overflow-x:auto;border-radius:8px;border:1px solid #bbf7d0}.preview-table table{width:100%;border-collapse:collapse;background:#fff}.preview-table th{background:#f0fdf4;padding:12px;text-align:left;font-size:12px;font-weight:600;color:#166534;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #86efac;white-space:nowrap}.preview-table td{padding:12px;font-size:13px;color:#1e293b;border-bottom:1px solid #dcfce7}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table tbody tr:hover{background:#f0fdf4}.upload-errors{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;padding:20px;margin-bottom:20px}.errors-header{display:flex;align-items:center;gap:10px;color:#dc2626;margin-bottom:12px}.errors-header h4{margin:0;font-size:16px;font-weight:600}.errors-list{margin:0;padding-left:20px;list-style:none}.errors-list li{margin-bottom:8px;color:#991b1b;font-size:13px;line-height:1.6;position:relative;padding-left:8px}.errors-list li:before{content:"⚠";position:absolute;left:-18px;font-size:14px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.upload-errors ul{margin:0;padding-left:20px}.upload-errors li{color:#991b1b;font-size:13px;margin-bottom:4px}.bulk-edit-panel-compact{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-left:4px solid #0ea5e9;border-radius:10px;padding:12px 16px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;animation:slideDown .3s ease-out;flex-wrap:wrap}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-edit-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.bulk-edit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#0ea5e9;color:#fff;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #3b82f64d}.bulk-edit-label{font-size:14px;font-weight:600;color:#475569}.bulk-edit-controls{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.bulk-edit-select,.bulk-edit-input{padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:13px;color:#1e293b;cursor:pointer;transition:all .2s;outline:none;min-width:120px;flex:1;max-width:180px}.bulk-edit-input{cursor:text}.bulk-edit-select:hover,.bulk-edit-input:hover{border-color:#94a3b8}.bulk-edit-select:focus,.bulk-edit-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.bulk-edit-actions-compact{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-apply{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #22c55e4d}.btn-apply:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 8px #22c55e66}.btn-apply:active{transform:translateY(0)}.btn-delete-bulk{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#dc2626;border:1px solid #fca5a5;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-bulk:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-delete-bulk:active{transform:translateY(0)}.btn-clear{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;color:#64748b;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#f1f5f9;color:#475569;border-color:#94a3b8;transform:scale(1.05)}.tag-input-container{min-height:36px;padding:5px 8px;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;cursor:text;transition:all .2s}.tag-input-container:hover{border-color:#cbd5e1}.tag-input-container:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e914;background:#fff}.tag-input-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 6px 3px 9px;border-radius:6px;font-size:11px;font-weight:600;transition:all .15s;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1.5px solid #bfdbfe}.tag-pill:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 1px 3px #3b82f626}.tag-pill-text{line-height:1}.tag-pill-remove{display:flex;align-items:center;justify-content:center;width:15px;height:15px;border:none;background:#1e40af26;border-radius:4px;font-size:13px;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:all .15s;color:#1e40af}.tag-pill-remove:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.tag-input-field{flex:1;min-width:100px;border:none;outline:none;padding:4px;font-size:12px;background:transparent;color:#1e293b;font-weight:500}.tag-input-field::-moz-placeholder{color:#94a3b8;font-weight:400}.tag-input-field::placeholder{color:#94a3b8;font-weight:400}.temperature-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.temperature-selector-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.temperature-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.temperature-selector-compact .temperature-option{padding:8px 6px;gap:4px;border-radius:8px;border-width:1.5px}.temperature-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.temperature-selector-compact .temperature-option:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.temperature-icon{font-size:32px;line-height:1}.temperature-selector-compact .temperature-icon{font-size:22px}.temperature-label{font-size:14px;font-weight:600}.temperature-selector-compact .temperature-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.temperature-option--hot{border-color:#fecaca;color:#991b1b}.temperature-option--hot:hover{background:#fef2f2;border-color:#fca5a5}.temperature-option--hot.active{background:#fee2e2;border-color:#b91c1c;color:#7f1d1d;box-shadow:0 0 0 3px #ef44441a}.temperature-option--warm{border-color:#fcd34d;color:#854d0e}.temperature-option--warm:hover{background:#fefce8;border-color:#fbbf24}.temperature-option--warm.active{background:#fef3c7;border-color:#ca8a04;color:#713f12;box-shadow:0 0 0 3px #f59e0b1a}.temperature-option--cold{border-color:#bfdbfe;color:#1e40af}.temperature-option--cold:hover{background:#eff6ff;border-color:#93c5fd}.temperature-option--cold.active{background:#dbeafe;border-color:#0284c7;color:#1e3a8a;box-shadow:0 0 0 3px #3b82f61a}.stage-editor-modal{max-width:700px}.stage-editor-instructions{padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;font-size:14px;margin-bottom:20px}.stage-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.stage-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:move;transition:all .2s}.stage-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.stage-item.dragging{opacity:.5;transform:scale(.98)}.stage-item-drag{color:#94a3b8;cursor:grab;display:flex;align-items:center}.stage-item-drag:active{cursor:grabbing}.stage-color-input{width:40px;height:40px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.stage-color-input:hover{border-color:#cbd5e1;transform:scale(1.05)}.stage-label-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s}.stage-label-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.stage-delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;cursor:pointer;transition:all .2s}.stage-delete-btn:hover{background:#fecaca;transform:scale(1.1)}.stage-item.has-contacts{background:#f8fafc}.stage-item.has-contacts .stage-color-input:disabled,.stage-item.has-contacts .stage-label-input:disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.stage-item.has-contacts .stage-color-input:disabled:hover{transform:none;border-color:#e2e8f0}.stage-contact-count{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:13px;font-weight:600;transition:all .2s}.stage-contact-count:hover{background:#bfdbfe;transform:scale(1.05)}.contacts-spreadsheet-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;overflow:hidden;width:100%;max-width:100%}.contacts-spreadsheet-wrapper{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 300px);position:relative;width:100%}.contacts-spreadsheet-table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;table-layout:fixed}.contacts-spreadsheet-table thead{position:sticky;top:0;z-index:10;background:#f8f9fa;border-bottom:2px solid #e5e7eb}.contacts-spreadsheet-table th{padding:8px 12px;text-align:left;font-weight:600;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#f8f9fa;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.contacts-spreadsheet-table th:last-child{border-right:none}.spreadsheet-row-header{width:40px;min-width:40px;text-align:center;background:#f1f5f9!important;border-right:2px solid #cbd5e1!important}.spreadsheet-row-number{width:50px;min-width:50px;text-align:center;background:#f1f5f9!important;border-right:2px solid #cbd5e1!important;color:#64748b;font-weight:500;font-size:12px}.spreadsheet-header-cell.sortable{cursor:pointer;transition:background-color .2s}.spreadsheet-header-cell.sortable:hover{background:#e5e7eb}.spreadsheet-sort-icon{margin-left:6px;font-size:10px;color:#9ca3af;display:inline-block}.contacts-spreadsheet-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.contacts-spreadsheet-table tbody tr:hover{background:#f9fafb}.contacts-spreadsheet-table tbody tr.selected{background:#eff6ff}.contacts-spreadsheet-table tbody tr.selected:hover{background:#dbeafe}.contacts-spreadsheet-table td{padding:8px 12px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;vertical-align:middle;position:relative}.contacts-spreadsheet-table tbody td:last-child{border-right:none}.spreadsheet-checkbox-cell{width:40px;min-width:40px;text-align:center;background:#f8fafc;border-right:2px solid #e5e7eb!important;padding:8px!important}.spreadsheet-checkbox-cell input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0ea5e9}.spreadsheet-cell{cursor:cell;min-width:100px;position:relative}.spreadsheet-cell:hover{background:#f3f4f6}.spreadsheet-cell-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937}.spreadsheet-cell-input{width:100%;min-width:100px;padding:4px 8px;border:2px solid #0ea5e9;border-radius:4px;font-size:13px;font-family:inherit;background:#fff;outline:none;box-shadow:0 0 0 3px #3b82f61a}.spreadsheet-empty{color:#d1d5db;font-style:italic}.spreadsheet-empty-state{text-align:center;padding:48px;color:#9ca3af;font-style:italic}.spreadsheet-temperature{font-size:16px;line-height:1}.spreadsheet-stage-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap}.contacts-spreadsheet-table thead th:first-child,.contacts-spreadsheet-table thead th:nth-child(2),.contacts-spreadsheet-table tbody td:first-child,.contacts-spreadsheet-table tbody td:nth-child(2){position:sticky;z-index:5}.contacts-spreadsheet-table thead th:first-child,.contacts-spreadsheet-table tbody td:first-child{left:0}.contacts-spreadsheet-table thead th:nth-child(2),.contacts-spreadsheet-table tbody td:nth-child(2){left:40px}.mb-6{margin-bottom:0}.contacts-spreadsheet-wrapper::-webkit-scrollbar{width:12px;height:12px}.contacts-spreadsheet-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.contacts-spreadsheet-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #f1f5f9}.contacts-spreadsheet-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spreadsheet-toolbar{padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:relative}.spreadsheet-toolbar-left{display:flex;align-items:center;gap:8px}.spreadsheet-column-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.spreadsheet-column-toggle-btn:hover{background:#f3f4f6;border-color:#9ca3af}.spreadsheet-column-menu{position:absolute;top:100%;left:12px;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:200px;max-height:400px;overflow-y:auto}.spreadsheet-column-menu-header{padding:10px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.spreadsheet-column-menu-list{padding:4px 0}.spreadsheet-column-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#374151;cursor:pointer;transition:background-color .15s}.spreadsheet-column-menu-item:hover{background:#f3f4f6}.spreadsheet-column-menu-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0ea5e9}.spreadsheet-column-resizer{position:absolute;right:-2px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:10;background:transparent;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spreadsheet-column-resizer:hover{background:#3b82f64d}.spreadsheet-header-cell:hover .spreadsheet-column-resizer{background:#3b82f633}.spreadsheet-header-cell{-webkit-user-select:none;-moz-user-select:none;user-select:none}.spreadsheet-temperature.clickable{cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s;display:inline-block}.spreadsheet-temperature.clickable:hover{background:#f3f4f6}.temperature-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:transparent}.temperature-dialog{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10001;padding:3px}.temperature-dialog-title{display:none}.temperature-dialog-options{display:flex;flex-direction:column;gap:2px}.temperature-dialog-option{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;width:32px;height:32px}.temperature-dialog-option:hover{background:#f3f4f6}.temperature-dialog-option.selected{background:#e0e7ff;border:2px solid #6366f1}.temperature-dialog-option.selected.temperature-option--hot{background:#ef444426;border-color:#dc2626}.temperature-dialog-option.selected.temperature-option--warm{background:#facc1526;border-color:#ca8a04}.temperature-dialog-option.selected.temperature-option--cold{background:#60a5fa26;border-color:#0284c7}.temperature-dialog-option .temperature-emoji{font-size:18px;line-height:1;display:block}.temperature-option--hot:hover{background:#ef44441a;color:#dc2626}.temperature-option--warm:hover{background:#facc151a;color:#ca8a04}.temperature-option--cold:hover{background:#60a5fa1a;color:#0284c7}.temperature-dropdown-overlay,.stage-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:transparent}.temperature-dropdown-menu,.stage-dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:180px;max-width:250px;z-index:10000}.temperature-dropdown-menu-icons-only{min-width:auto;max-width:none;padding:3px}.temperature-dropdown-menu-icons-only .dropdown-menu-options{padding:0}.temperature-options-icons-only{display:flex;flex-direction:column;gap:2px}.temperature-dropdown-menu-icons-only .dropdown-menu-option{width:32px;height:32px;padding:0;justify-content:center;align-items:center;min-width:32px}.temperature-dropdown-menu-icons-only .temperature-emoji{font-size:18px;line-height:1;display:block}.dropdown-menu-title{padding:10px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.dropdown-menu-options{display:flex;flex-direction:column;padding:4px}.dropdown-menu-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;width:100%;border-left:3px solid transparent}.dropdown-menu-option:hover{background:#f3f4f6}.dropdown-menu-option.selected{background:#eff6ff;font-weight:600}.dropdown-menu-label{font-size:14px;color:#374151;flex:1}.dropdown-menu-option.selected .dropdown-menu-label{color:#1e40af}.dropdown-menu-option.temperature-option{justify-content:flex-start}.dropdown-menu-option.temperature-option .temperature-emoji{font-size:20px;line-height:1;width:24px;text-align:center}.temperature-dropdown-menu-icons-only .dropdown-menu-option.temperature-option{justify-content:center;gap:0;border-left:none;border-radius:4px}.temperature-dropdown-menu-icons-only .dropdown-menu-option.temperature-option.temperature-option--hot.selected{background:#ef444426;border:2px solid #dc2626}.temperature-dropdown-menu-icons-only .dropdown-menu-option.temperature-option.temperature-option--warm.selected{background:#facc1526;border:2px solid #ca8a04}.temperature-dropdown-menu-icons-only .dropdown-menu-option.temperature-option.temperature-option--cold.selected{background:#60a5fa26;border:2px solid #0284c7}.dropdown-menu-option.temperature-option.temperature-option--hot.selected{background:#ef44441a;border-left-color:#dc2626}.dropdown-menu-option.temperature-option.temperature-option--hot.selected .dropdown-menu-label{color:#991b1b}.dropdown-menu-option.temperature-option.temperature-option--warm.selected{background:#facc151a;border-left-color:#ca8a04}.dropdown-menu-option.temperature-option.temperature-option--warm.selected .dropdown-menu-label{color:#854d0e}.dropdown-menu-option.temperature-option.temperature-option--cold.selected{background:#60a5fa1a;border-left-color:#0284c7}.dropdown-menu-option.temperature-option.temperature-option--cold.selected .dropdown-menu-label{color:#1e40af}.dropdown-menu-option.stage-option{justify-content:flex-start}.dropdown-menu-option.stage-option .stage-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.dropdown-menu-option.stage-option.selected{background:inherit}@media (max-width: 1024px){.contacts-spreadsheet-table{font-size:12px}.contacts-spreadsheet-table th,.contacts-spreadsheet-table td{padding:7px 10px}}@media (max-width: 768px){.contacts-page{padding:0}.contacts-filters-v2{border-radius:0;margin-bottom:0;padding:10px 12px}.contacts-grid{grid-template-columns:1fr;padding:0 12px}.form-grid-compact{grid-template-columns:1fr;gap:8px}.form-field-compact input,.form-field-compact select{font-size:13px;padding:7px 10px}.temperature-selector-compact{grid-template-columns:1fr;gap:6px}.temperature-selector-compact .temperature-option{flex-direction:row;justify-content:center;padding:10px}.temperature-selector-compact .temperature-icon{font-size:20px}.contacts-spreadsheet-container{border-radius:0;border-left:none;border-right:none}.contacts-spreadsheet-wrapper{max-height:calc(100vh - 250px)}.contacts-spreadsheet-table{font-size:11px}.contacts-spreadsheet-table th,.contacts-spreadsheet-table td{padding:6px}.spreadsheet-row-header,.spreadsheet-checkbox-cell{width:30px;min-width:30px;padding:6px 4px!important}.spreadsheet-row-number{width:35px;min-width:35px;font-size:11px}.spreadsheet-header-cell{font-size:10px;padding:6px}.spreadsheet-cell-content{font-size:11px}.search-and-view-row{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.view-toggle{justify-content:center}.filter-controls-row{flex-direction:column}.filter-group{width:100%;min-width:100%}.temperature-filter-buttons{width:100%}.temp-filter-btn{flex:1}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.form-row,.temperature-selector{grid-template-columns:1fr}.stage-list{max-height:300px}.stage-item{flex-wrap:wrap}.stage-label-input{min-width:100%}.bulk-edit-panel-compact{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.bulk-edit-info{justify-content:space-between;width:100%}.bulk-edit-controls{flex-direction:column;width:100%}.bulk-edit-select,.bulk-edit-input{max-width:100%;width:100%}.bulk-edit-actions-compact{width:100%;flex-wrap:wrap}.btn-apply,.btn-delete-bulk{flex:1;min-width:120px}.btn-clear{width:44px;height:44px}}@media (max-width: 640px){.contacts-spreadsheet-table{font-size:10px}.contacts-spreadsheet-table th,.contacts-spreadsheet-table td{padding:5px 4px}.spreadsheet-row-header,.spreadsheet-checkbox-cell{width:28px;min-width:28px;padding:5px 3px!important}.spreadsheet-row-number{width:32px;min-width:32px;font-size:10px}.spreadsheet-header-cell{font-size:9px;padding:5px 4px}.spreadsheet-cell-content{font-size:10px}}.image-uploader{width:100%;position:relative;display:inline-block}.upload-area{position:relative;border:2px dashed #cbd5e1;border-radius:8px;overflow:hidden;transition:all .2s;background:#f8fafc;width:100%;max-width:100%;box-sizing:border-box}.upload-area:hover{border-color:#0ea5e9;background:#eff6ff}.upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;cursor:pointer;color:#64748b;gap:8px}.upload-prompt svg{color:#94a3b8}.upload-label{font-weight:500;color:#334155}.dimensions,.upload-hint{font-size:12px;color:#94a3b8}.uploading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#0ea5e9}.spinner{width:32px;height:32px;border:3px solid #e0e7ff;border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}.preview-container{position:relative;width:100%;height:100%}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s}.preview-container:hover .preview-overlay{opacity:1}.remove-button,.change-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.remove-button{background:#ef4444;color:#fff}.remove-button:hover{background:#dc2626}.change-button{background:#fff;color:#334155}.change-button:hover{background:#f1f5f9}.remove-button:disabled,.change-button:disabled{opacity:.5;cursor:not-allowed}.file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;z-index:-1;pointer-events:none}.upload-error{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.upload-progress{margin-top:8px}.progress-bar{height:4px;background:#e0e7ff;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#0ea5e9;animation:progress 1.5s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.contact-detail-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.contact-detail-backdrop.visible{opacity:1;pointer-events:auto}.contact-detail-panel{position:fixed;top:0;right:0;bottom:0;width:100vw;max-width:920px;background:#fff;z-index:1001;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px #00000026}.contact-detail-panel.open{transform:translate(0)}.contact-modal-redesigned{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.contact-modal-top-bar{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;gap:16px}.contact-header-compact{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.contact-avatar-compact{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #0ea5e94d}.contact-header-info{flex:1;min-width:0}.contact-business-name-compact{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-name-input-compact{width:100%;font-size:20px;font-weight:700;color:#1e293b;border:2px solid #e2e8f0;border-radius:8px;padding:6px 10px;background:#fff;transition:all .2s}.business-name-input-compact:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.contact-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-pill-compact{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .2s;font-size:12px;font-weight:600;color:#475569;white-space:nowrap}.meta-pill-compact:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.temp-emoji-compact{font-size:14px;line-height:1;display:flex;align-items:center}.temperature-pill{text-transform:capitalize;padding:6px 10px}.temperature-pill .meta-value-compact{display:none}.temperature-pill[data-temperature=hot]{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.temperature-pill[data-temperature=warm]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#854d0e}.temperature-pill[data-temperature=cold]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.niche-pill{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:#8b5cf633;color:#6d28d9}.stage-dot-compact{width:8px;height:8px;border-radius:50%;flex-shrink:0}.meta-value-compact{font-size:12px;font-weight:600;color:#475569}.dropdown-wrapper{position:relative;display:inline-block}.meta-dropdown-compact{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:1000;max-height:250px;overflow-y:auto;padding:4px}.dropdown-option-compact{width:100%;padding:8px 10px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s;font-size:13px;font-weight:500;color:#1e293b;display:flex;align-items:center;gap:8px;border-left:3px solid transparent}.dropdown-option-compact:hover{background:#f8fafc}.dropdown-option-compact.selected{background:#eff6ff;color:#0ea5e9;font-weight:600;border-left-color:#0ea5e9}.dropdown-option-compact.temperature-option{display:flex;align-items:center;gap:8px}.dropdown-option-compact.temperature-option.temperature-hot.selected{background:#fee2e2;border-left-color:#dc2626;color:#991b1b;font-weight:600}.dropdown-option-compact.temperature-option.temperature-warm.selected{background:#fef3c7;border-left-color:#ca8a04;color:#854d0e;font-weight:600}.dropdown-option-compact.temperature-option.temperature-cold.selected{background:#dbeafe;border-left-color:#0284c7;color:#1e40af;font-weight:600}.temperature-dropdown-icons{padding:2px;min-width:auto}.temperature-dropdown-icons .dropdown-option-compact{width:32px;height:32px;padding:0;justify-content:center;align-items:center;border-left:none;border-radius:6px;margin:1px;min-width:32px}.temperature-dropdown-icons .dropdown-option-compact.temperature-hot.selected{background:#fee2e2;border:2px solid #dc2626}.temperature-dropdown-icons .dropdown-option-compact.temperature-warm.selected{background:#fef3c7;border:2px solid #ca8a04}.temperature-dropdown-icons .dropdown-option-compact.temperature-cold.selected{background:#dbeafe;border:2px solid #0284c7}.temperature-dropdown-icons .temp-emoji-compact{font-size:18px;line-height:1}.contact-actions-compact{display:flex;gap:6px;flex-shrink:0}.modal-edit-btn-compact,.modal-close-compact{width:32px;height:32px;border-radius:8px;border:none;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 3px #0000001a}.modal-edit-btn-compact:hover{background:#0ea5e9;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #0ea5e94d}.modal-close-compact:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}.stage-timeline-compact{display:flex;align-items:center;gap:6px;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;min-height:36px}.stage-timeline-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:1.5px solid var(--stage-color, #e2e8f0);border-radius:16px;font-size:11px;font-weight:600;color:var(--stage-color, #64748b);transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #00000014}.stage-timeline-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.stage-timeline-pill.current{background:var(--stage-color, #0ea5e9);border-color:var(--stage-color, #0ea5e9);color:#fff;box-shadow:0 2px 8px #00000026;font-weight:700}.stage-pill-label{font-size:11px;font-weight:inherit;line-height:1.2}.stage-pill-days{font-size:10px;font-weight:700;opacity:.8;padding:2px 4px;background:#0000001a;border-radius:8px;line-height:1}.stage-timeline-pill.current .stage-pill-days{background:#ffffff40;opacity:1}.stage-timeline-empty{font-size:12px;color:#94a3b8;font-style:italic}.contact-details-compact{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.detail-item-compact{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;min-width:0}.detail-icon{color:#94a3b8;flex-shrink:0}.detail-label-compact{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-item-compact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.detail-display-compact{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.contact-name-inline-compact{font-weight:600;color:#1e293b;flex:1;min-width:0;margin-right:4px}.contact-name-input{min-width:120px;flex:1}.contact-actions-inline{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.contact-edit-btn-inline{width:20px;height:20px;border:none;border-radius:4px;background:#e0f2fe;color:#0ea5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0}.contact-edit-btn-inline:hover{background:#0ea5e9;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0ea5e94d}.contact-item-compact{width:100%}.contact-item-separator{border-top:1px solid #e5e7eb}.contact-main-row{display:flex;align-items:start;gap:8px;padding:12px}.contact-add-btn-new{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:#06b6d4;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.contact-add-btn-new:hover{background:#0891b2}.contact-name-group{display:flex;align-items:center;gap:8px;min-width:180px}.contact-name-icon{color:#9ca3af;flex-shrink:0}.contact-name-input-new{width:100%;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-name-input-new:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-divider{width:1px;height:28px;background:#e5e7eb;flex-shrink:0}.contact-phones-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.contact-phone-item{display:flex;align-items:center;gap:4px}.contact-emails-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.contact-email-item{display:flex;align-items:center;gap:4px}.contact-type-select{height:28px;padding:0 6px;font-size:12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;outline:none;cursor:pointer}.contact-type-select:focus{border-color:#06b6d4}.contact-phone-input{width:120px;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-phone-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-email-input{width:160px;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-email-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-add-small-btn{width:24px;height:24px;border-radius:6px;background:#06b6d4;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.contact-add-small-btn:hover{background:#0891b2}.contact-remove-small-btn{width:24px;height:24px;border-radius:6px;background:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.contact-remove-small-btn:hover{background:#dc2626}.contact-address-row{display:flex;align-items:start;gap:8px;padding:0 12px 12px}.contact-spacer{width:28px;flex-shrink:0}.contact-addresses-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.contact-address-item{display:flex;align-items:start;gap:8px}.contact-address-fields{display:flex;flex-direction:column;gap:6px;flex:1}.contact-address-street-row{display:flex;align-items:center;gap:6px}.contact-address-street-input{flex:1;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-address-street-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-address-city-row{display:flex;align-items:center;gap:6px;margin-left:76px}.contact-address-city-input{flex:1;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-address-city-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-address-state-input{width:80px;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-address-state-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-address-zip-input{width:80px;height:28px;padding:0 8px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;outline:none}.contact-address-zip-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d4}.contact-address-actions{display:flex;gap:4px;flex-shrink:0;padding-top:2px}.contact-name-row-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-info-inline-compact{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.contact-info-item-inline-compact{display:flex;align-items:center;gap:4px;min-width:0;flex:0 0 auto}.contact-info-item-inline-compact.empty{opacity:.6}.contact-info-item-inline-compact .address-inputs-compact-wrapper{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.address-group-inline .contact-info-item-inline-compact{flex-direction:column;align-items:flex-start;width:100%}.address-detail-row-compact{width:100%;grid-column:1 / -1;margin-top:8px}.contact-info-row-compact{display:flex;flex-direction:row;gap:16px;align-items:flex-start;width:100%;margin-bottom:12px}.contact-info-group-compact{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.contact-info-items-compact{display:flex;flex-direction:column;gap:6px;flex:1}.contact-info-item-compact{display:flex;align-items:center;gap:6px;min-width:0}.contact-info-item-compact.empty{opacity:.6}.contact-info-item-compact.address-item-full{width:100%;flex-direction:column;align-items:stretch}.contact-info-add-btn-compact{width:24px;height:24px;border:none;border-radius:6px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;padding:0}.contact-info-add-btn-compact:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e966}.contact-info-add-btn-compact:active{transform:translateY(0);box-shadow:0 2px 4px #0ea5e94d}.contact-separator-compact{height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin:12px 0}.contact-add-btn-fixed{width:24px;height:24px;border:none;border-radius:6px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0;box-shadow:0 2px 4px #0ea5e94d}.contact-add-btn-fixed:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e966}.detail-icon-spacer{width:24px;flex-shrink:0}.phone-item-compact{margin-left:0}.phone-type-select-compact{padding:6px 8px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:11px;font-weight:600;color:#475569;background:#fff;cursor:pointer;transition:all .2s;min-width:80px;flex-shrink:0}.phone-type-select-compact:hover{border-color:#cbd5e1}.phone-type-select-compact:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.phone-type-badge-compact{padding:2px 4px;background:#f1f5f9;border-radius:4px;font-size:10px;font-weight:600;min-width:auto;width:-moz-fit-content;width:fit-content;max-width:60px;color:#64748b;text-transform:capitalize;flex-shrink:0}.btn-add-phone-compact{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:6px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-add-phone-compact:hover{background:#e2e8f0;border-color:#94a3b8;color:#475569}.detail-input-group-compact{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.detail-remove-btn-compact{width:20px;height:20px;border:none;border-radius:4px;background:#fee2e2;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0}.detail-remove-btn-compact:hover{background:#dc2626;color:#fff}.btn-add-detail-compact{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:6px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.btn-add-detail-compact:hover{background:#e2e8f0;border-color:#94a3b8;color:#475569}.address-inputs-compact-wrapper{display:flex;flex-direction:column;gap:6px;flex:1;position:relative}.address-inputs-compact{display:flex;flex-direction:row;gap:6px;flex:1;align-items:center}.address-type-group{flex-shrink:0}.address-row-compact{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px}.address-actions-compact{display:flex;align-items:center;gap:6px;margin-top:4px}.address-city,.address-state,.address-zip{min-width:0}.detail-input-compact{flex:1;padding:6px 10px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;transition:all .2s}.detail-input-compact:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.contact-tabs-compact{display:flex;gap:4px;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto}.contact-tab-compact{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.contact-tab-compact:hover{background:#e2e8f0;color:#475569}.contact-tab-compact.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 6px #0ea5e94d}.tab-content-compact{flex:1;overflow-y:auto;padding:20px;background:#fff;min-height:200px}.contact-tab-content-compact{display:flex;flex-direction:column;gap:20px}.section-compact{display:flex;flex-direction:column;gap:10px}.section-header-compact{display:flex;align-items:center;gap:8px;margin-bottom:4px}.section-header-compact h3{font-size:14px;font-weight:700;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:.5px}.section-header-compact svg{color:#64748b}.tags-container-compact{display:flex;flex-wrap:wrap;gap:6px;align-items:center;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tag-pill-compact{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;font-size:11px;font-weight:600;color:#1e40af;transition:all .2s;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.tag-text-compact{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;cursor:text}.tag-pill-compact:hover{transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.tag-remove-compact{width:16px;height:16px;border-radius:50%;border:none;background:#1e40af33;color:#1e40af;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;transition:all .2s;padding:0}.tag-remove-compact:hover{background:#ef4444;color:#fff}.tag-input-wrapper-compact{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;transition:all .2s;min-width:200px}.tag-input-wrapper-compact:focus-within{border-color:#0ea5e9;border-style:solid;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.tag-input-compact{flex:1;padding:0;border:none;border-radius:0;font-size:12px;font-weight:500;background:transparent;outline:none;min-width:150px;color:#1e293b;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.tag-input-compact::-moz-placeholder{color:#94a3b8;font-weight:400}.tag-input-compact::placeholder{color:#94a3b8;font-weight:400}.tag-input-add-btn,.tag-input-cancel-btn{width:20px;height:20px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.tag-input-add-btn{background:#0ea5e9;color:#fff}.tag-input-add-btn:hover{background:#0284c7}.tag-input-cancel-btn{background:#e2e8f0;color:#64748b}.tag-input-cancel-btn:hover{background:#cbd5e1}.btn-add-tag-compact{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0ea5e9;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto}.btn-add-tag-compact:hover{background:#0284c7;transform:translateY(-1px)}.notes-section-compact{flex:1}.btn-add-note-compact{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto;box-shadow:0 2px 6px #0ea5e94d}.btn-add-note-compact:hover{background:linear-gradient(135deg,#0284c7,#0c4a6e);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.btn-add-note-compact:active{transform:translateY(0);box-shadow:0 2px 6px #0ea5e94d}.btn-add-note-compact svg{width:14px;height:14px;stroke-width:2.5;color:#ffffffb3;opacity:.8}.add-note-section-compact{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.btn-save-note-compact{margin-top:8px;padding:8px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #22c55e4d}.btn-save-note-compact:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 8px #22c55e66}.notes-list-compact{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.note-item-compact{background:#f8fafc;padding:10px 12px;border-radius:8px;border-left:3px solid #0ea5e9;transition:all .2s}.note-item-compact:hover{box-shadow:0 2px 6px #00000014;transform:translate(2px)}.note-content-compact{font-size:13px;color:#1e293b;line-height:1.5;margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.note-meta-compact{display:flex;justify-content:space-between;align-items:center}.note-date-compact{font-size:10px;color:#94a3b8;font-weight:600}.note-delete-compact{padding:4px;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.note-delete-compact:hover{background:#fee2e2;color:#dc2626}.note-textarea-compact{width:100%;padding:10px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;transition:all .2s;background:#fff}.note-textarea-compact:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.invoices-tab-content-compact{display:flex;flex-direction:column;gap:16px}.campaigns-list-compact{display:flex;flex-direction:column;gap:12px}.campaign-card-compact{position:relative;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0;border-radius:12px;padding:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0f172a14}.campaign-card-compact:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#06b6d4);opacity:0;transition:opacity .3s ease}.campaign-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1f;border-color:#cbd5e1}.campaign-card-compact:hover:before{opacity:1}.campaign-header-compact{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9}.campaign-info-compact{flex:1;min-width:0}.campaign-name-compact{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 10px;letter-spacing:-.01em;line-height:1.3}.campaign-meta-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,auto));gap:8px 12px;font-size:11px;align-items:center}.campaign-location-compact{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#475569}.campaign-status-compact{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#e2e8f0;color:#475569;box-shadow:inset 0 1px 2px #0000000d}.campaign-status-compact[data-status=active]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 1px 3px #1e40af26}.campaign-status-compact[data-status=in_production]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 1px 3px #92400e26}.campaign-status-compact[data-status=completed]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 1px 3px #065f4626}.campaign-status-compact[data-status=draft]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;box-shadow:0 1px 3px #4755691a}.campaign-status-compact[data-status=cancelled]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 1px 3px #991b1b26}.campaign-revenue-compact{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:10px;font-size:18px;font-weight:800;color:#065f46;flex-shrink:0;box-shadow:0 2px 6px #0596691f;border:1px solid rgba(5,150,105,.1)}.campaign-revenue-compact svg{width:18px;height:18px;stroke-width:2.5}.campaign-actions-compact{padding:12px 16px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:8px}.btn-assign-to-slot-compact{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0ea5e933}.btn-assign-to-slot-compact:hover{background:linear-gradient(135deg,#0284c7,#0c4a6e);transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e94d}.btn-assign-to-slot-compact:active{transform:translateY(0);box-shadow:0 2px 4px #0ea5e933}.btn-assign-to-slot-compact svg{width:14px;height:14px;stroke-width:2.5;opacity:.8}.campaign-card-compact-new{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;height:56px;gap:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s}.campaign-card-compact-new:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stage-color, #0ea5e9);border-radius:8px 0 0 8px}.campaign-card-compact-new:hover{box-shadow:0 2px 4px #0000001a;border-color:#d1d5db}.campaign-card-left{display:flex;align-items:center;gap:16px;min-width:0;flex-shrink:0}.campaign-title-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.campaign-title-new{font-size:14px;font-weight:700;color:#111827;margin:0;line-height:1}.campaign-status-badge-new{padding:2px 6px;font-size:10px;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.campaign-status-badge-new[data-status=active]{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.campaign-status-badge-new[data-status=in_production]{color:#d97706;background:#fef3c7;border-color:#fde68a}.campaign-status-badge-new[data-status=completed]{color:#059669;background:#d1fae5;border-color:#a7f3d0}.campaign-status-badge-new[data-status=draft]{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.campaign-status-badge-new[data-status=cancelled]{color:#dc2626;background:#fee2e2;border-color:#fecaca}.campaign-divider-vertical{height:16px;width:1px;background:#e5e7eb;flex-shrink:0}.campaign-date-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;flex-shrink:0}.campaign-date-text{font-weight:500;color:#111827}.campaign-date-separator{color:#9ca3af}.campaign-days-text{color:#d97706;font-weight:500}.campaign-card-middle{display:none;align-items:center;gap:24px;flex:1;justify-content:center;min-width:0;padding:0 16px}@media (min-width: 768px){.campaign-card-middle{display:flex}}.campaign-metrics-group{display:flex;align-items:center;gap:16px;font-size:12px}.campaign-metric-item{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.campaign-metric-label{font-size:9px;color:#9ca3af;text-transform:uppercase;font-weight:600}.campaign-metric-value{font-weight:500;color:#374151}.campaign-metric-value.profit{color:#059669}.campaign-divider-small{width:1px;height:24px;background:#f3f4f6}.campaign-status-indicators{display:flex;align-items:center;gap:12px;font-size:12px;background:#f9fafb;padding:4px 12px;border-radius:9999px;border:1px solid #f3f4f6}.campaign-status-item{display:flex;align-items:center;gap:4px}.campaign-margin-value{color:#059669;font-weight:700}.campaign-margin-label{font-size:10px;color:#9ca3af;text-transform:uppercase}.campaign-status-separator{color:#e5e7eb}.campaign-paid-status{font-weight:700}.campaign-paid-status.paid{color:#059669}.campaign-paid-status.unpaid{color:#ef4444}.campaign-card-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.campaign-ad-slot-badge{display:none;align-items:center;gap:8px;font-size:12px;background:#3b82f60d;padding:4px 8px;border-radius:4px;border:1px solid rgba(59,130,246,.1)}@media (min-width: 1024px){.campaign-ad-slot-badge{display:flex}}.campaign-ad-slot-badge svg{color:#3b82f6;width:12px;height:12px}.campaign-ad-slot-badge span{font-weight:500;color:#1e40af}.campaign-divider-vertical-small{height:32px;width:1px;background:#e5e7eb;display:none}@media (min-width: 640px){.campaign-divider-vertical-small{display:block}}.campaign-action-group{display:flex;align-items:center;gap:12px}.campaign-total-revenue{font-size:18px;font-weight:700;color:#059669}.btn-assign-new{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#06b6d4;color:#fff;font-size:12px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-assign-new:hover{background:#0891b2;box-shadow:0 2px 4px #0000001a}.btn-assign-new svg{width:12px;height:12px}.campaign-niche-count-compact{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;white-space:nowrap;box-shadow:0 1px 2px #3730a31a}.campaign-slot-info-group-compact{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.campaign-slot-label-compact{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.campaign-mail-date-compact{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:11px;font-weight:600;color:#475569;white-space:nowrap}.campaign-mail-date-compact svg{width:11px;height:11px;stroke-width:2.5}.campaign-days-until-compact{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;white-space:nowrap;box-shadow:0 1px 2px #92400e1a}.campaign-slot-option-compact{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#334155;white-space:nowrap;border:1px solid rgba(51,65,85,.08)}.campaign-slot-price-compact{font-size:12px;font-weight:700;color:#0ea5e9;white-space:nowrap}.campaign-slot-discount-compact{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:700;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;white-space:nowrap;box-shadow:0 1px 2px #991b1b1a}.campaign-slot-final-compact{font-size:12px;font-weight:800;color:#059669;white-space:nowrap}.campaign-slot-profit-compact{font-size:12px;font-weight:800;color:#16a34a;white-space:nowrap}.campaign-slot-margin-compact{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;white-space:nowrap;box-shadow:0 1px 2px #065f461a}.campaign-slot-paid-compact{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.campaign-slot-paid-compact[data-paid=true]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 1px 2px #065f461a}.campaign-slot-paid-compact[data-paid=false]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 1px 2px #991b1b1a}.campaign-slot-empty{color:#cbd5e1;font-weight:500}.campaign-slot-empty{color:#94a3b8!important;background:#f1f5f9!important;font-weight:400!important}.ad-slots-list-compact{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.ad-slots-header-compact{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ad-slot-item-compact{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:6px}.slot-info-compact{display:flex;align-items:center;gap:8px}.slot-size-compact{font-size:12px;font-weight:600;color:#475569;padding:2px 6px;background:#f1f5f9;border-radius:4px}.slot-status-compact{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize;background:#e2e8f0;color:#475569}.slot-status-compact[data-status=booked]{background:#dbeafe;color:#1e40af}.slot-status-compact[data-status=reserved]{background:#fef3c7;color:#854d0e}.slot-price-compact{font-size:13px;font-weight:600;color:#22c55e}.ads-tab-content-compact{display:flex;flex-direction:column;gap:16px}.ads-tab-header-compact{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-add-ad-compact{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0ea5e94d}.btn-add-ad-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.ads-upload-section-compact{margin-bottom:12px}.btn-upload-ad-compact{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0ea5e94d}.btn-upload-ad-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.ad-status-compact{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;margin-top:4px;display:inline-block;background:#e2e8f0;color:#475569}.ad-status-compact[data-status=approved]{background:#d1fae5;color:#065f46}.ad-status-compact[data-status=pending]{background:#fef3c7;color:#854d0e}.ad-status-compact[data-status=rejected]{background:#fee2e2;color:#991b1b}.ads-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ad-card-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s;cursor:pointer}.ad-card-compact:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ad-image-compact{width:100%;height:100px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-image-compact img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ad-placeholder-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:#f1f5f9}.ad-info-compact{padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.ad-name-compact{font-size:12px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ad-delete-compact{padding:4px;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ad-delete-compact:hover{background:#fee2e2;color:#dc2626}.activities-tab-content-compact{display:flex;flex-direction:column;gap:16px}.activities-tab-header-compact{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-add-activity-compact{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0ea5e94d}.btn-add-activity-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.activities-list-compact{display:flex;flex-direction:column;gap:10px}.activity-item-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;transition:all .2s}.activity-item-compact:hover{box-shadow:0 2px 6px #00000014;border-color:#cbd5e1}.activity-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.activity-type-compact{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;background:#e2e8f0;color:#475569}.activity-type-compact[data-type=call]{background:#dbeafe;color:#1e40af}.activity-type-compact[data-type=meeting]{background:#fef3c7;color:#854d0e}.activity-type-compact[data-type=email]{background:#e0e7ff;color:#4338ca}.activity-type-compact[data-type=task]{background:#fce7f3;color:#9f1239}.activity-completed-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;background:#d1fae5;color:#065f46}.activity-subject-compact{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:6px}.activity-description-compact{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:8px}.activity-meta-compact{display:flex;align-items:center;gap:12px}.activity-date-compact{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.empty-state-compact{color:#94a3b8;font-style:italic;font-size:13px;padding:12px;text-align:center}.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#94a3b8}.tab-empty-state svg{margin-bottom:12px;opacity:.5}.tab-empty-state h3{font-size:16px;font-weight:600;color:#64748b;margin:0 0 6px}.tab-empty-state p{font-size:13px;color:#94a3b8;margin:0}.modal-footer-compact{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-save-compact{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #22c55e4d}.btn-save-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-cancel-compact{padding:10px 20px;background:#fff;color:#64748b;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-compact:hover{background:#f8fafc;border-color:#cbd5e1}.modal-body-redesigned{flex:1;overflow-y:auto;display:flex;flex-direction:column}.modal-body-redesigned::-webkit-scrollbar,.tab-content-compact::-webkit-scrollbar,.notes-list-compact::-webkit-scrollbar{width:6px}.modal-body-redesigned::-webkit-scrollbar-track,.tab-content-compact::-webkit-scrollbar-track,.notes-list-compact::-webkit-scrollbar-track{background:transparent}.modal-body-redesigned::-webkit-scrollbar-thumb,.tab-content-compact::-webkit-scrollbar-thumb,.notes-list-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body-redesigned::-webkit-scrollbar-thumb:hover,.tab-content-compact::-webkit-scrollbar-thumb:hover,.notes-list-compact::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width: 768px){.contact-detail-panel{width:95vw;max-width:920px}}@media (min-width: 1024px){.contact-detail-panel{width:90vw;max-width:920px}}@media (min-width: 1280px){.contact-detail-panel{width:85vw;max-width:920px}}@media (max-width: 768px){.contact-detail-panel{width:100vw;max-width:100vw}.contact-info-row-compact{flex-direction:column;gap:12px}.contact-info-group-compact{width:100%}.contact-modal-redesigned{width:100%;max-height:100vh;border-radius:0}.contact-modal-top-bar{flex-direction:column;gap:12px}.contact-header-compact{width:100%}.contact-actions-compact{align-self:flex-end}.contact-details-compact{grid-template-columns:1fr;gap:10px}.contact-tabs-compact{padding:8px 12px;gap:4px}.contact-tab-compact{padding:6px 10px;font-size:12px}.tab-content-compact{padding:16px}.ads-grid-compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.invoices-tab-header-compact{display:flex;justify-content:flex-end;margin-bottom:16px}.btn-add-campaign-compact{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0ea5e94d}.btn-add-campaign-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.btn-add-campaign-compact:active{transform:translateY(0)}.campaign-selection-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.campaign-selection-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.campaign-selection-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.campaign-selection-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.campaign-selection-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.campaign-selection-modal-close:hover{background:#f1f5f9;color:#1e293b}.campaign-selection-modal-content{padding:24px;overflow-y:auto;flex:1}.campaign-selection-loading,.campaign-selection-empty{text-align:center;padding:40px 20px;color:#64748b}.campaign-selection-empty-hint{font-size:13px;color:#94a3b8;margin-top:8px}.campaign-selection-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.campaign-selection-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.campaign-selection-item:hover{background:#f1f5f9;border-color:#cbd5e1}.campaign-selection-item.selected{background:#eff6ff;border-color:#0ea5e9}.campaign-selection-item-info{flex:1;min-width:0}.campaign-selection-item-name{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:6px}.campaign-selection-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#64748b}.campaign-selection-item-location{display:flex;align-items:center;gap:4px}.campaign-selection-item-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.campaign-selection-item-status[data-status=draft]{background:#f1f5f9;color:#64748b}.campaign-selection-item-status[data-status=active]{background:#dcfce7;color:#166534}.campaign-selection-item-status[data-status=completed]{background:#dbeafe;color:#1e40af}.campaign-selection-item-check{color:#0ea5e9;flex-shrink:0;margin-left:12px}.campaign-selection-modal-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}.campaign-selection-btn-cancel,.campaign-selection-btn-add{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.campaign-selection-btn-cancel{background:#f1f5f9;color:#475569}.campaign-selection-btn-cancel:hover{background:#e2e8f0}.campaign-selection-btn-add{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 6px #0ea5e94d}.campaign-selection-btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.campaign-selection-btn-add:disabled{opacity:.6;cursor:not-allowed}.schedule-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.schedule-modal-backdrop.visible{opacity:1;pointer-events:auto}.schedule-modal-container{position:fixed;top:0;right:0;bottom:0;width:100vw;background:#fff;z-index:1001;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:row;overflow:hidden;box-shadow:-4px 0 24px #00000026}.schedule-modal-container.open{transform:translate(0)}.schedule-modal-content{display:flex;width:100%;height:100%;flex-direction:row}.schedule-modal-left{width:480px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;background:#fff;scrollbar-width:none;-ms-overflow-style:none}.schedule-modal-left::-webkit-scrollbar{display:none}.schedule-modal-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#f8fafc);scrollbar-width:none;-ms-overflow-style:none}.schedule-modal-right::-webkit-scrollbar{display:none}.schedule-modal-calendar-content{flex:1;overflow:hidden;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.schedule-modal-calendar-content::-webkit-scrollbar{display:none}.schedule-modal-calendar-content .calendar-day-view{height:100%;background:#fff}.schedule-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-bottom:none;box-shadow:0 2px 8px #0ea5e926}.schedule-modal-header h2{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.schedule-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fff3;border-radius:8px;cursor:pointer;color:#fff;transition:all .2s}.schedule-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.schedule-form{padding:16px;display:flex;flex-direction:column;gap:12px}.schedule-form-group{display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a}.schedule-subject-input{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-weight:600;color:#1e293b;transition:all .2s;background:#fff}.schedule-subject-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.schedule-activity-types{display:flex;gap:6px;flex-wrap:wrap}.schedule-type-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;color:#64748b;box-shadow:0 1px 2px #0000000d}.schedule-type-button:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.schedule-type-button.active{border-color:transparent;color:#fff;box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.schedule-form-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0f9ff;border-radius:8px;border:1px solid #e0f2fe;transition:all .2s}.schedule-form-row:hover{background:#e0f2fe;border-color:#bae6fd}.schedule-form-icon{color:#0ea5e9;flex-shrink:0;opacity:.8}.schedule-date-time-group{display:flex;gap:6px;flex:1}.schedule-date-input{flex:1;padding:8px 10px;border:1px solid #bae6fd;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;font-weight:500;transition:all .2s}.schedule-date-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.schedule-time-input{width:90px;padding:8px 10px;border:1px solid #bae6fd;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;font-weight:500;transition:all .2s;position:relative}.schedule-time-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.schedule-to{color:#0ea5e9;font-size:13px;font-weight:600}.schedule-label{color:#0ea5e9;font-size:13px;font-weight:600;min-width:45px;flex-shrink:0}.schedule-form-row:has(button[style*=background]),.schedule-form-row:has(button[style*=bgColor]){background:#fffbeb;border-color:#fef3c7}.schedule-form-row:has(button[style*=background]):hover,.schedule-form-row:has(button[style*=bgColor]):hover{background:#fef3c7;border-color:#fde68a}.schedule-form-row:has(button[style*=background]) .schedule-form-icon,.schedule-form-row:has(button[style*=bgColor]) .schedule-form-icon{color:#f59e0b}.schedule-form-row:has(.schedule-link-button),.schedule-form-row:has(input[placeholder="Enter location"]){background:#f0fdf4;border-color:#dcfce7}.schedule-form-row:has(.schedule-link-button):hover,.schedule-form-row:has(input[placeholder="Enter location"]):hover{background:#dcfce7;border-color:#bbf7d0}.schedule-form-row:has(.schedule-link-button) .schedule-form-icon,.schedule-form-row:has(input[placeholder="Enter location"]) .schedule-form-icon{color:#10b981}.schedule-notes-row{align-items:flex-start;background:#faf5ff;border-color:#f3e8ff}.schedule-notes-row:hover{background:#f3e8ff;border-color:#e9d5ff}.schedule-notes-row .schedule-form-icon{color:#a855f7;margin-top:2px}.schedule-notes-textarea{flex:1;min-height:100px;padding:10px 12px;border:1px solid #e9d5ff;border-radius:8px;font-size:13px;color:#1e293b;font-family:inherit;resize:vertical;background:#fff;transition:all .2s;line-height:1.5}.schedule-notes-textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.schedule-notes-textarea::-moz-placeholder{color:#94a3b8;font-size:12px}.schedule-notes-textarea::placeholder{color:#94a3b8;font-size:12px}.schedule-form-row:has(.schedule-select),.schedule-form-row:has(.schedule-input[placeholder="Add contact"]),.schedule-form-row:has(.schedule-contact-dropdown-container){background:#f8fafc;border-color:#f1f5f9}.schedule-form-row:has(.schedule-select):hover,.schedule-form-row:has(.schedule-input[placeholder="Add contact"]):hover,.schedule-form-row:has(.schedule-contact-dropdown-container):hover{background:#f1f5f9;border-color:#e2e8f0}.schedule-form-row:has(.schedule-select) .schedule-form-icon,.schedule-form-row:has(.schedule-input[placeholder="Add contact"]) .schedule-form-icon,.schedule-form-row:has(.schedule-contact-dropdown-container) .schedule-form-icon{color:#64748b}.schedule-select{flex:1;padding:8px 32px 8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2364748b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .2s;font-weight:500}.schedule-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.schedule-link-button{flex:1;padding:0;border:none;background:transparent;color:#10b981;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.schedule-link-button svg{flex-shrink:0;color:inherit}.schedule-link-button:hover{color:#059669}.schedule-info-icon{color:#94a3b8;cursor:help}.schedule-input{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;transition:all .2s;font-weight:500}.schedule-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.schedule-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border-top:1px solid #e2e8f0;margin-top:auto;box-shadow:0 -2px 8px #0000000a}.schedule-footer-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.schedule-footer-icon-button:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.05)}.schedule-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.schedule-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0ea5e9}.schedule-footer-actions{display:flex;gap:8px;margin-left:auto}.schedule-cancel-button{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.schedule-cancel-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.schedule-save-button{padding:8px 20px;border:none;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:8px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0ea5e94d;letter-spacing:-.01em}.schedule-save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966;background:linear-gradient(135deg,#0284c7,#0891b2)}@media (min-width: 768px){.schedule-modal-container{width:95vw}}@media (min-width: 1024px){.schedule-modal-container{width:90vw}}@media (min-width: 1280px){.schedule-modal-container{width:85vw}}.calendar-day-view{display:flex;flex-direction:column;height:100%;background:#fff;overflow:hidden}.calendar-day-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0}.calendar-day-header-date{font-size:16px;font-weight:600;color:#1e293b}.calendar-day-nav-buttons{display:flex;gap:0}.calendar-day-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;color:#0891b2;cursor:pointer;transition:all .2s;padding:0}.calendar-day-nav-btn--first{border-top-left-radius:6px;border-bottom-left-radius:6px;border-right:none}.calendar-day-nav-btn--last{border-top-right-radius:6px;border-bottom-right-radius:6px}.calendar-day-nav-btn:hover{background:#f8fafc;border-color:#0891b2}.calendar-allday{position:relative;overflow-y:visible;border-bottom:1px solid #e2e8f0}.calendar-allday-background{display:flex;width:100%;height:40px;position:relative}.calendar-allday-left-aside{width:80px;flex-shrink:0;border-right:1px solid #e2e8f0}.calendar-allday-day{flex:1;position:relative}.calendar-allday-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.calendar-allday-placeholder-content{font-size:12px;color:#94a3b8;cursor:pointer}.calendar-allday-activities-wrapper{position:relative;height:24px}.calendar-allday-activities-inner{position:relative;width:100%;height:100%}.calendar-day-grid{position:relative;flex:1;display:flex;overflow:hidden}.calendar-hour-labels{width:80px;flex-shrink:0;border-right:1px solid #e2e8f0;position:relative;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;height:100%}.calendar-hour-labels-spacer{height:1152px;width:1px;pointer-events:none}.calendar-hour-labels::-webkit-scrollbar{display:none}.calendar-hour-label{position:absolute;left:12px;font-size:12px;color:#64748b;pointer-events:none;line-height:1;transform:translateY(-50%)}.calendar-current-time-marker{position:absolute;right:0;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;gap:6px;transform:translateY(-50%);padding:4px 8px;background:#0891b2;border-radius:6px;box-shadow:0 2px 4px #00000026}.calendar-current-time-text-marker{font-size:11px;font-weight:600;color:#fff;white-space:nowrap;line-height:1;font-variant-numeric:tabular-nums}.calendar-current-time-dot-marker{width:6px;height:6px;background:#fff;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #ffffff4d}.calendar-day-wrapper{flex:1;position:relative;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.calendar-day-wrapper::-webkit-scrollbar{display:none}.calendar-day-column{position:relative;min-height:1152px;height:1152px}.calendar-hour-slot{height:48px;border-bottom:1px solid #e2e8f0;position:relative;display:flex;flex-direction:column}.calendar-15min-slot{height:12px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s;position:relative;flex:1}.calendar-15min-slot:hover{background:#0891b20d}.calendar-day-activities-wrapper{position:absolute;top:0;left:0;right:0;height:1152px;min-height:1152px;pointer-events:none;overflow:visible;transform:translateZ(0)}.calendar-day-activity-item{position:absolute;left:0;right:0;min-height:22px;pointer-events:auto;cursor:pointer;border-radius:4px;margin:0 4px;overflow:hidden;z-index:5;box-sizing:border-box}.calendar-day-activity-item--slot{margin:0;border-radius:0;min-height:12px;transform:translateZ(0);will-change:transform}.calendar-activity-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;height:100%;padding:4px 8px;color:#fff;gap:8px;overflow:hidden;min-height:22px;box-sizing:border-box}.calendar-day-activity-item--slot .calendar-activity-container{padding:0 8px;min-height:12px;align-items:center}.calendar-day-activity-item--slot .calendar-activity-subject-inner{font-size:11px;line-height:12px}.calendar-day-activity-item--slot .calendar-activity-duration-time{font-size:10px;line-height:12px}.calendar-day-activity-item--slot .calendar-activity-icon{width:12px;height:12px}.calendar-activity-subject-container{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.calendar-activity-icon{flex-shrink:0;width:16px;height:16px}.calendar-activity-subject{flex:1;min-width:0;text-align:left}.calendar-activity-subject-inner{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.calendar-activity-duration-container{flex-shrink:0}.calendar-activity-duration{display:flex;flex-direction:row;align-items:center;gap:4px}.calendar-activity-duration-time{font-size:11px;opacity:.9;white-space:nowrap}.calendar-activity-resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize;z-index:10;background:transparent;transition:background .2s}.calendar-activity-resize-handle:hover{background:#ffffff4d}.calendar-activity-resize-handle:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#fff9;border-radius:2px;transition:background .2s}.calendar-activity-resize-handle:hover:after{background:#ffffffe6}.campaign-canvas-tab{min-height:100%;background:#f9fafb}.canvas-progress-header{background:#fff;padding:.5rem 1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10;width:100%;display:flex;flex-direction:column;gap:.5rem}.progress-stats{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.progress-stat{display:flex;flex-direction:column;gap:.0625rem}.progress-stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;font-weight:500;line-height:1.2}.progress-stat-value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1.2}.progress-bar-container{width:100%}.progress-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:#374151;font-weight:600}.progress-percentage{font-weight:600;color:#0ea5e9;font-size:.875rem}.progress-bar-track{height:1rem;background-color:#e5e7eb;border-radius:.5rem;overflow:hidden;display:flex}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#0284c7);transition:width .3s ease}.canvas-loading{padding:4rem;text-align:center;color:#6b7280}.canvas-content{padding:2rem;max-width:1400px;margin:0 auto}.canvas-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;position:relative}.canvas-orientation-toggle{display:flex;gap:8px;padding:8px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;width:-moz-fit-content;width:fit-content;order:1}.canvas-side-toggle{display:flex;gap:8px;padding:8px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;width:-moz-fit-content;width:fit-content;order:2;position:absolute;left:50%;transform:translate(-50%)}.canvas-clear-controls{display:flex;align-items:center;margin-left:auto;order:3}.canvas-clear-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.canvas-clear-btn:hover{background:#fecaca;border-color:#fca5a5;color:#b91c1c}.side-toggle-btn{padding:12px 32px;border:2px solid transparent;border-radius:8px;background:transparent;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.side-toggle-btn:hover:not(:disabled){background:#fff;color:#475569}.side-toggle-btn.active{background:#fff;border-color:#0ea5e9;color:#1e40af;box-shadow:0 2px 8px #3b82f626}.side-toggle-btn:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8}.orientation-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid transparent;border-radius:8px;background:transparent;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.orientation-toggle-btn:hover{background:#fff;color:#475569}.orientation-toggle-btn.active{background:#fff;border-color:#06b6d4;color:#6b21a8;box-shadow:0 2px 8px #8b5cf626}.orientation-toggle-btn svg{flex-shrink:0}.orientation-toggle-btn span{font-size:13px}.canvas-layout-container{width:100%;perspective:1200px;perspective-origin:center center}.canvas-flip-wrapper{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;width:100%;min-height:500px}.canvas-flip-wrapper.flipped{transform:rotateY(180deg)}.canvas-flip-side{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.canvas-flip-front{transform:rotateY(0);position:relative;z-index:2}.canvas-flip-back{transform:rotateY(180deg);position:absolute;top:0;left:0;width:100%;z-index:1}.canvas-flip-wrapper.flipped .canvas-flip-front{z-index:1}.canvas-flip-wrapper.flipped .canvas-flip-back{z-index:2}.canvas-layout-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.5rem;text-align:center;transition:opacity .3s ease}.canvas-layout-title.flipping{opacity:.5}.canvas-container{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.canvas-no-design{padding:4rem;text-align:center;color:#6b7280;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.canvas-container{margin-top:8px;border:1px dashed #cbd5e1;border-radius:16px;padding:24px;background:#f8fafc;position:relative;display:flex;flex-direction:column;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.canvas-sections{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.canvas-section{width:100%;display:flex;justify-content:center;align-items:center}.canvas-grid-positioned{width:100%;max-width:100%;position:relative;background:#fff;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 4px 12px #00000014;background-image:linear-gradient(rgba(226,232,240,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.3) 1px,transparent 1px);background-size:25% 12.5%;transition:aspect-ratio .3s ease}.canvas-grid-positioned.canvas-grid-portrait{aspect-ratio:3 / 4}.canvas-grid-positioned.canvas-grid-landscape{aspect-ratio:4 / 3}.canvas-slot-positioned{border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000014;overflow:hidden;position:relative}.canvas-slot-positioned:hover{transform:scale(1.03);box-shadow:0 6px 16px #0000001f;z-index:10;border-color:#0003}.canvas-slot-positioned.available{border-style:solid}.canvas-slot-positioned.booked{border-color:#22c55e;border-width:3px}.canvas-slot-image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.canvas-slot-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.canvas-slot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#0009;padding:12px;text-align:center;width:100%;height:100%}.canvas-slot-label{font-size:2rem;font-weight:700;color:#000000b3;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-slot-booked-badge{position:absolute;top:8px;right:8px;color:#22c55e;background:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:2}.canvas-slot-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 70%,transparent 100%);padding:10px 12px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease;z-index:1;pointer-events:none}.canvas-slot-positioned:hover .canvas-slot-info-overlay{opacity:1}.canvas-slot-info-top,.canvas-slot-info-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.canvas-slot-position{font-size:.75rem;font-weight:600;color:#fff}.canvas-slot-size{font-size:.625rem;color:#fffc;background:#fff3;padding:2px 6px;border-radius:4px}.canvas-slot-advertiser{font-size:.625rem;color:#fff;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.canvas-slot-price{font-size:.75rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:2px;background:#22c55ee6;padding:2px 8px;border-radius:6px}.canvas-side{margin-bottom:3rem}.canvas-side-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.canvas-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.slot-card{border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s;border:2px solid transparent;box-shadow:0 1px 3px #0000001a}.slot-card.available{cursor:pointer}.slot-card.available:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.slot-card.booked{border-color:#22c55e}.slot-card-header{display:flex;justify-content:space-between;align-items:flex-start}.slot-card-position{display:flex;flex-direction:column;gap:.25rem}.slot-position-label{font-size:.875rem;font-weight:600;color:#374151}.slot-size-badge{font-size:.75rem;color:#6b7280;background:#0000000d;padding:.125rem .5rem;border-radius:.25rem;width:-moz-fit-content;width:fit-content}.slot-booked-badge{color:#22c55e;display:flex;align-items:center}.slot-card-content{aspect-ratio:16 / 9;border-radius:.5rem;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.slot-card-content:hover{opacity:.9}.slot-image-container{width:100%;height:100%}.slot-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slot-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9ca3af;padding:1rem;text-align:center}.slot-upload-placeholder span{font-size:.875rem}.slot-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.slot-advertiser-info{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;flex:1;min-width:0}.slot-advertiser-name{font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-no-advertiser{font-style:italic;color:#9ca3af}.slot-price-section{flex-shrink:0}.slot-price-display{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#0000000d;border-radius:.375rem;cursor:pointer;transition:all .2s}.slot-price-display:hover{background:#0000001a}.slot-price-value{font-size:.875rem;font-weight:600;color:#374151}.slot-price-input{width:70px;padding:.375rem .5rem;border:1px solid #0ea5e9;border-radius:.375rem;font-size:.875rem;font-weight:600}.slot-price-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.assign-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.assign-modal{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.assign-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.assign-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.assign-modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.assign-modal-close:hover{background:#f3f4f6;color:#111827}.assign-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.assign-form-group{margin-bottom:1.5rem}.assign-form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.assign-select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s}.assign-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.assign-loading,.assign-no-ads{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem}.assign-ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.assign-ad-card{border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.5rem}.assign-ad-card:hover{border-color:#0ea5e9}.assign-ad-card.selected{border-color:#0ea5e9;background:#eff6ff}.assign-ad-card img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:.375rem}.assign-ad-placeholder{width:100%;aspect-ratio:16 / 9;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border-radius:.375rem;color:#9ca3af}.assign-ad-name{font-size:.75rem;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e5e7eb;gap:1rem}.assign-modal-actions{display:flex;gap:.75rem}.btn-cancel,.btn-assign,.btn-remove{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#f9fafb}.btn-assign{background:#0ea5e9;color:#fff}.btn-assign:hover:not(:disabled){background:#0284c7}.btn-assign:disabled{opacity:.5;cursor:not-allowed}.btn-remove{background:#ef4444;color:#fff}.btn-remove:hover:not(:disabled){background:#dc2626}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.clear-canvas-modal{max-width:500px}.clear-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.clear-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:center}.clear-option-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.clear-option-btn.active{background:#fee2e2;border-color:#dc2626;color:#b91c1c}.clear-option-btn:disabled{opacity:.4;cursor:not-allowed}.clear-option-label{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.clear-option-count{font-size:.75rem;color:#6b7280}.clear-option-btn.active .clear-option-count{color:#991b1b}@media (max-width: 768px){.canvas-progress-header{padding:.625rem 1rem}.progress-stats{gap:1rem;flex-wrap:wrap}.progress-stat-value{font-size:.875rem}.progress-stat-label{font-size:.625rem}.canvas-content{padding:1rem}.canvas-controls{flex-direction:column;gap:1rem}.canvas-side-toggle{position:static;transform:none;width:100%;order:2}.canvas-orientation-toggle{width:100%;order:1}.canvas-clear-controls{margin-left:0;width:100%;order:3}.canvas-clear-btn{width:100%;justify-content:center}.clear-options-grid{grid-template-columns:repeat(2,1fr)}.canvas-side-toggle{width:100%}.side-toggle-btn{flex:1;padding:10px 16px}.canvas-orientation-toggle{width:100%}.orientation-toggle-btn{flex:1;padding:10px 12px;justify-content:center}.orientation-toggle-btn span{font-size:12px}.canvas-container{width:100%;padding:16px;max-width:100%}.canvas-grid-positioned.canvas-grid-portrait{aspect-ratio:3 / 4;min-height:unset}.canvas-grid-positioned.canvas-grid-landscape{aspect-ratio:4 / 3;min-height:unset}.canvas-slot-positioned{min-width:40px;min-height:40px;border-radius:8px}.canvas-slot-placeholder{gap:4px;padding:8px}.canvas-slot-label{font-size:1.25rem}.canvas-slot-booked-badge{width:24px;height:24px;top:6px;right:6px}.canvas-slot-placeholder{padding:6px}.canvas-slot-info-overlay{padding:6px 8px}.canvas-slots-grid{grid-template-columns:1fr}.assign-modal-footer{flex-direction:column;align-items:stretch}.assign-modal-actions{width:100%}.btn-cancel,.btn-assign{flex:1}}.invoice-modal{max-width:900px}.activities-page{display:flex;flex-direction:column;gap:1.5rem;min-height:calc(100vh - 200px)}.activities-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0f172a0a}.activities-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.activities-toolbar-left{display:flex;align-items:center;gap:.75rem;flex:1}.activities-toolbar-right{display:flex;align-items:center;gap:.75rem}.activities-view-switcher{display:flex;align-items:center;gap:.125rem;background:#f8fafc;border-radius:.5rem;padding:.125rem}.view-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:.375rem;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.view-btn:hover{background:#fff;color:#0891b2}.view-btn.active{background:#fff;color:#0891b2;box-shadow:0 1px 2px #0f172a14}.activities-search{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;min-width:240px;transition:all .2s}.activities-search:focus-within{background:#fff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.activities-search svg{color:#94a3b8;flex-shrink:0}.activities-search input{flex:1;border:none;background:transparent;font-size:.8125rem;color:#0f172a;outline:none}.activities-search input::-moz-placeholder{color:#94a3b8}.activities-search input::placeholder{color:#94a3b8}.activities-count-badge{padding:.3125rem .625rem;background:linear-gradient(135deg,#0891b21a,#06b6d41a);border-radius:.5rem;font-size:.8125rem;font-weight:600;color:#0891b2;white-space:nowrap}.activities-filters-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.filter-group-inline{display:flex;align-items:center;gap:.5rem}.filter-group-inline:first-child{flex:1}.filter-group-inline:last-child{margin-left:auto}.filter-label-inline{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-buttons-compact{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.filter-btn-compact{display:flex;align-items:center;gap:.3125rem;padding:.3125rem .625rem;border:1px solid #e2e8f0;background:#fff;border-radius:.375rem;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-btn-compact:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.filter-btn-compact.active{background:linear-gradient(135deg,#0891b2,#06b6d4);border-color:#0891b2;color:#fff;box-shadow:0 1px 4px #0891b233}.filter-btn-compact svg{width:12px;height:12px;flex-shrink:0}.activities-content{flex:1;background:#fff;border-radius:.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.activities-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#64748b;font-size:.875rem}.loading-spinner{width:2rem;height:2rem;border:3px solid #f1f5f9;border-top-color:#0891b2;border-radius:50%;animation:spin .8s linear infinite}.activities-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem;text-align:center}.activities-empty-state .empty-icon{color:#cbd5e1;margin-bottom:1rem}.activities-empty-state h3{font-size:1.125rem;font-weight:600;color:#334155;margin:0 0 .5rem}.activities-empty-state p{font-size:.875rem;color:#64748b;margin:0 0 1.5rem;max-width:400px}.activities-list{display:flex;flex-direction:column;padding:1rem;gap:.75rem}.activity-card{display:flex;flex-direction:column;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-card:hover{background:#8b5cf605;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.activity-card.selected{background:#0891b20a;border-color:#0891b2}.activity-card.done{opacity:.6}.activity-card.done .activity-subject{text-decoration:line-through;color:#94a3b8}.activity-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.activity-card-left{display:flex;align-items:center;gap:.75rem;flex:1}.activity-card-right{display:flex;align-items:center;gap:.5rem}.activity-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:#0891b2;border-radius:.25rem}.activity-done-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:2px solid #cbd5e1;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s}.activity-done-btn:hover{border-color:#0891b2;background:#0891b20d}.activity-done-btn.checked{border-color:#0891b2;background:#0891b2}.activity-done-btn .checkmark{color:#fff;font-size:.75rem;font-weight:700}.activity-type-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#0891b21a,#06b6d41a);border-radius:.5rem;color:#0891b2}.activity-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.activity-subject{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#64748b}.meta-item svg{width:14px;height:14px;flex-shrink:0}.priority-badge{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.priority-high{background:#ef44441a;color:#dc2626}.priority-medium{background:#f59e0b1a;color:#d97706}.priority-low{background:#22c55e1a;color:#16a34a}.activities-calendar-wrapper{background:#fff;border-radius:.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0891b240}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0891b259}@media (max-width: 768px){.activities-toolbar{padding:.625rem .75rem}.activities-toolbar-top{flex-wrap:wrap}.activities-toolbar-left{flex-wrap:wrap;gap:.5rem}.activities-search{min-width:0;flex:1;min-width:200px}.activities-filters-row{flex-direction:column;align-items:stretch;gap:.75rem;padding-top:.625rem}.filter-group-inline{flex-direction:column;align-items:flex-start;gap:.375rem;width:100%}.filter-group-inline:last-child{margin-left:0}.filter-buttons-compact{width:100%}.activity-card-header{flex-direction:column;align-items:flex-start}.activity-card-left{width:100%}.activity-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}.calendar-week-view{display:flex;flex-direction:column;height:100%;background:#fff}.calendar-week-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0}.calendar-week-nav{display:flex;align-items:center;gap:8px}.calendar-week-range{font-size:14px;font-weight:600;color:#1e293b}.calendar-week-grid{display:flex;flex:1;overflow:hidden}.calendar-time-column{width:80px;border-right:1px solid #e2e8f0;flex-shrink:0}.calendar-time-header{height:60px;border-bottom:1px solid #e2e8f0}.calendar-time-slot{height:60px;padding:8px 12px;font-size:12px;color:#64748b;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start}.calendar-days-container{flex:1;display:flex;flex-direction:column;overflow-x:auto}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;height:60px}.calendar-day-header{padding:16px 12px;font-size:14px;font-weight:600;color:#64748b;text-align:center;border-right:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.calendar-day-header.today{background:#0891b21a;color:#0891b2;position:relative}.calendar-day-header.today:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#0891b2}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;overflow-y:auto}.calendar-day-column{border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.calendar-slot{min-height:60px;border-bottom:1px solid #f1f5f9;padding:2px;cursor:pointer;transition:background .2s;position:relative}.calendar-slot:hover{background:#667eea0d}.calendar-activity-block{padding:4px 8px;border-radius:4px;margin-bottom:2px;color:#fff;font-size:12px;cursor:pointer;overflow:hidden}.activity-block-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-block-time{font-size:11px;opacity:.9;margin-top:2px}.calendar-month-view{display:flex;flex-direction:column;height:100%;background:#fff}.calendar-month-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0}.calendar-month-nav{display:flex;align-items:center;gap:8px}.calendar-nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;color:#475569}.calendar-nav-button:hover{background:#f8fafc;border-color:#0891b2;color:#0891b2}.calendar-today-button{padding:6px 12px;border:1px solid #0891b2;background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0891b240}.calendar-today-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0891b259}.calendar-month-title{font-size:18px;font-weight:600;color:#1e293b}.calendar-month-grid{flex:1;display:flex;flex-direction:column;overflow:hidden}.calendar-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:2px solid #e2e8f0}.calendar-weekday-header{padding:12px;text-align:center;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.calendar-month-days{flex:1;display:flex;flex-direction:column;overflow-y:auto}.calendar-month-week{display:grid;grid-template-columns:repeat(7,1fr);flex:1;border-bottom:1px solid #e2e8f0}.calendar-month-day{min-height:100px;padding:8px;border-right:1px solid #e2e8f0;cursor:pointer;transition:background .2s;display:flex;flex-direction:column}.calendar-month-day:hover:not(.empty){background:#0891b20d}.calendar-month-day.empty{background:#f8fafc;cursor:default}.calendar-month-day.today{background:#0891b21a}.calendar-month-day.today .calendar-day-number{background:#0891b2;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:600}.calendar-day-number{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:4px}.calendar-day-activities{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.calendar-day-activity{padding:2px 6px;border-radius:4px;font-size:11px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day-more{font-size:10px;color:#64748b;font-weight:500;padding:2px 6px}.design-builder{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px;align-items:flex-start}.ad-slot-panel,.template-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0f172a14;display:flex;flex-direction:column;gap:12px}.ad-slot-panel header h2,.template-panel h2{margin:0;font-size:22px;color:#0f172a}.ad-slot-panel header p{margin:0;font-size:14px;color:#475569}.slot-options-list{display:grid;grid-template-columns:1fr;gap:10px}.slot-option{border:1px solid #e2e8f0;border-radius:16px;padding:5px 10px;cursor:grab;background:#fff;min-height:70px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:80%;margin:0 auto;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 6px 16px #0f172a14}.slot-option:active{cursor:grabbing}.slot-option--dragging{border-color:#0284c7;box-shadow:0 0 0 2px #2563eb2e}.slot-option:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0f172a1f}.slot-option-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.slot-option-left{display:flex;align-items:center;gap:8px;flex:1;width:100%}.slot-option-title{display:flex;flex-direction:column;gap:1px}.slot-plus{width:36px;height:36px;border-radius:12px;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;color:#0284c7;font-weight:700;font-size:20px}.slot-option-label{margin:0;font-weight:700;color:#0f172a;font-size:16px}.slot-option-price-input{width:100px;padding:4px 6px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px}.slot-option-price-group{display:flex;align-items:center;gap:6px}.slot-option-price{font-weight:600;color:#1e3a8a}.slot-option-price-edit-btn{border:none;background:#1d4ed8;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #1d4ed859}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;gap:16px}.template-header-left,.template-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-slots-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0ea5e9;font-size:13px;font-weight:600}.template-slots-badge svg{flex-shrink:0}.template-slots-count{font-size:15px;font-weight:700;color:#0284c7}.template-slots-label{color:#64748b;font-weight:500}.template-name-input-wrapper{position:relative}.template-name-input{width:180px;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13px;color:#1e293b;transition:all .2s;outline:none}.template-name-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.template-name-input::-moz-placeholder{color:#94a3b8}.template-name-input::placeholder{color:#94a3b8}.template-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}.designs-tab-button{display:flex;align-items:center;justify-content:center;padding:6px 14px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.designs-tab-button:hover{background:#fffc;color:#475569}.designs-tab-button--active{background:#fff;color:#0ea5e9;box-shadow:0 1px 3px #0000001a}.template-actions{display:flex;align-items:center;gap:8px}.template-action-btn{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.template-action-btn--cancel{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.template-action-btn--cancel:hover{background:#e2e8f0;color:#334155}.template-action-btn--clear{background:#fff;color:#64748b;border-color:#e2e8f0}.template-action-btn--clear:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1}.template-action-btn--save{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;box-shadow:0 2px 4px #0ea5e933}.template-action-btn--save:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-1px)}.template-action-btn--save:disabled{opacity:.5;cursor:not-allowed;transform:none}.canvas-container{margin-top:8px;border:1px dashed #cbd5e1;border-radius:16px;padding:16px;background:#f8fafc;position:relative;min-height:520px;height:auto;display:flex;flex-direction:column;width:90%;max-width:100%;margin-left:auto;margin-right:auto}.canvas-sections{flex:1;display:flex;flex-direction:column;gap:60px;position:relative;z-index:1}.canvas-section{flex:1;display:flex}.canvas-grid{width:100%;flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(70px,auto);row-gap:5px;-moz-column-gap:8px;column-gap:8px;position:relative;z-index:1}.canvas-cell{border:1px dashed #cbd5e1;border-radius:16px;padding:5px 10px;min-height:70px;width:100%;margin:0 auto;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.canvas-cell--targetable{border-color:#4c1d95;background:#eef2ff;cursor:pointer}.canvas-cell--highlighted{border-color:#0284c7;box-shadow:inset 0 0 0 2px #2563eb33}.canvas-cell--filled{border-style:solid}.canvas-cell-hint{color:#94a3b8;font-weight:600}.canvas-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.canvas-slot-inner{width:100%;height:100%;padding:5px 10px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-slot p{margin:0;font-weight:600}.canvas-slot--secondary{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.canvas-slot--secondary .canvas-slot-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.canvas-slot-secondary-label{font-size:12px;font-weight:600;color:#475569}.canvas-slot-delete{border:none;background:#ef4444;border-radius:999px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 6px #ef444459}.canvas-helper-text{font-size:12px;margin:12px 0;color:#1e3a8a;font-weight:600;text-align:center}.template-footer{margin-top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#475569;font-size:13px}.template-footer-left{margin:0;flex-shrink:0}.template-footer-center{margin:0;text-align:center;flex:1}.saved-templates{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.saved-templates-header h3{margin:0;font-size:16px;color:#0f172a}.saved-templates-header p{margin:4px 0 0;font-size:13px;color:#64748b}.saved-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:#94a3b8;margin-top:12px}.saved-list{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.saved-template-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:12px;position:relative}.saved-template-preview{width:100%;aspect-ratio:3 / 2;background:#f8fafc;border-radius:8px;padding:8px;border:1px solid #e2e8f0}.saved-template-info{flex:1}.saved-template-info strong{display:block;font-size:14px;color:#0f172a;margin-bottom:4px}.saved-template-info p{margin:0;font-size:12px;color:#64748b}.saved-template-delete{position:absolute;top:8px;right:8px;border:none;background:#fee2e2;border-radius:8px;padding:6px 8px;cursor:pointer;color:#b91c1c;display:inline-flex;align-items:center;transition:background .2s}.saved-template-delete:hover{background:#fecaca}.btn-outline,.btn-primary{border-radius:999px;padding:10px 20px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity .2s,transform .2s}.btn-outline{background:#fff;border-color:#cbd5e1;color:#0f172a}.btn-primary{background:#16a34a;color:#fff;border-color:transparent}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1100px){.design-builder,.template-header{grid-template-columns:1fr}.template-header-actions{justify-content:flex-start;flex-wrap:wrap}.template-name-field--center{align-items:flex-start;text-align:left}.template-name-field input{width:100%}.template-tabs{flex-wrap:wrap}}@media (max-width: 768px){.canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-name-field input{width:100%}}@media (max-width: 520px){.canvas-grid{grid-template-columns:1fr}.canvas-container{padding:12px}}.campaigns-page{width:100%}.campaigns-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.campaigns-loading-spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.campaigns-header-actions{display:flex;align-items:center;gap:12px}.campaigns-new-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.campaigns-new-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.campaigns-filters{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.campaigns-filters-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.campaigns-filters-label{font-size:14px;font-weight:600;color:#1e293b}.campaigns-count{font-size:13px;color:#64748b;margin:0}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.campaigns-empty{text-align:center;padding:48px 24px;color:#64748b}.campaigns-empty p{margin:0;font-size:14px}.status-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.status-filter{padding:6px 16px;border:2px solid #e2e8f0;border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.status-filter:hover{border-color:#cbd5e1;background:#f8fafc}.status-filter.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.campaigns-list{display:flex;flex-direction:column;gap:16px}.campaign-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer;position:relative}.campaign-card__status-select{width:180px;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;color:#0f172a;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.campaign-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.campaign-card__stat{padding:12px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;gap:6px}.campaign-card__stat span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.campaign-card__stat strong{font-size:16px;color:#0f172a}.campaign-card__stat small{color:#475569;font-size:12px}.campaign-card:hover{box-shadow:0 4px 6px #0000001a}.campaign-card:focus-visible{outline:2px solid #0ea5e9;outline-offset:4px}.campaign-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.campaign-card__status-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.campaign-name{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.campaign-meta{font-size:14px;color:#64748b}.campaign-status{padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;text-transform:capitalize}.campaign-card__pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;padding-top:12px;border-top:1px solid #e2e8f0;margin-bottom:16px}.header-action-buttons{display:flex;gap:8px}.header-action-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#475569}.header-action-btn:hover:not(:disabled){border-color:#cbd5e1;color:#1f2a44;background:#f8fafc}.header-action-btn--success:hover:not(:disabled){color:#16a34a;border-color:#a7f3d0;background:#d1fae5}.header-action-btn--danger:hover:not(:disabled){color:#dc2626;border-color:#fecaca;background:#fee2e2}.header-action-btn:disabled{opacity:.4;cursor:not-allowed}.price-item{display:flex;flex-direction:column;gap:4px}.price-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:600}.price-value{font-size:18px;font-weight:700;color:#1e293b}.route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.route-preview-grid{display:flex;flex-direction:column;gap:16px;margin-top:24px}.pricing-panel__header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:center}.pricing-panel__header h3{margin:0;font-size:20px;font-weight:600;color:#0f172a}.pricing-panel__header p{margin:0;color:#64748b;font-size:14px}.pricing-grid--auto{display:flex;flex-direction:column;gap:20px;margin-top:24px}.pricing-card{border:1px solid #e2e8f0;border-radius:10px;padding:20px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;gap:16px}.pricing-card__title{font-size:14px;font-weight:600;color:#0f172a}.pricing-card__subtitle{margin:0;font-size:12px;color:#475569}.slot-assignment-block{margin:16px 24px 0;border:1px solid #dfe3ea;border-radius:12px;padding:18px;background:#f8fafc}.slot-assignment-block h4{margin:0 0 12px;color:#1e293b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;min-height:600px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.campaign-modal{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(to bottom,#f9fafbf2,#ffffffe6)}.modal-header h2{font-size:24px;font-weight:600;color:#1e293b;margin:0}.modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;font-size:24px;color:#64748b;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#1e293b}.campaign-modal__body{padding:32px 48px;min-height:400px;max-height:calc(100vh - 300px);overflow-y:auto}.campaign-modal__step-content{max-width:600px;margin:0 auto}.section-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;text-align:center}.section-heading h3{margin:0;font-size:18px;font-weight:600;color:#0f172a}.section-heading p{margin:0;color:#64748b;font-size:13px}.campaign-modal__form-grid{display:flex;flex-direction:column;gap:12px}.checkbox-label{margin-left:8px;font-weight:500;color:#0f172a}.advertiser-roster{display:flex;flex-direction:column;gap:12px}.advertiser-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:14px;background:#f8fafc}.advertiser-row__meta strong{display:block;font-size:16px;color:#0f172a}.slot-size-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.advertiser-row__pricing{display:flex;gap:8px;align-items:center}.price-cell{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}.price-cell strong{font-size:16px;color:#0f172a}.price-cell input{width:70px;padding:6px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px}.advertiser-row__ad{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:6px}.advertiser-row__ad img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.advertiser-row__ad-placeholder{width:100%;height:100px;border:1px dashed #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px}.mock-display{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#f8fafc}.mock-display__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.mock-display__side{border:1px solid #dfe3ea;border-radius:10px;padding:12px;background:#fff}.mock-display__side-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.mock-display__body{display:flex;flex-direction:column;gap:10px}.mock-display__row{display:flex;justify-content:space-between;align-items:center}.mock-display__controls{display:flex;align-items:center;gap:8px}.mock-display__controls button{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-size:18px}.mock-display__controls button:disabled{opacity:.4;cursor:not-allowed}.mock-display__hint{margin:0;font-size:12px;color:#64748b}@media (max-width: 768px){.campaign-modal__body{padding:24px}.template-select-grid,.template-preview-grid{grid-template-columns:1fr}}.modal-steps{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(to bottom,#f9fafbf2,#ffffffe6)}.step{padding:10px 20px;border-radius:8px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.step:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc;color:#475569;transform:translateY(-1px)}.step.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0ea5e9;color:#fff;box-shadow:0 2px 8px #667eea33}.step.active:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.step:disabled{cursor:not-allowed;opacity:.5;background:#f1f5f9}.template-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.template-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.template-preview-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#f8fafc;display:flex;flex-direction:column;gap:6px;font-size:14px}.template-preview-card strong{font-size:14px;color:#475569;text-transform:uppercase;letter-spacing:.08em}.template-preview-card span{font-size:16px;color:#0f172a;font-weight:600}.route-preview,.design-preview{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;display:flex;flex-direction:column;gap:8px}.route-preview strong,.design-preview strong{color:#0f172a;font-size:15px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.price-input{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;width:100%;min-width:140px}.price-input span{font-weight:600;color:#64748b;font-size:16px}.price-input input{flex:1;border:none;outline:none;font-size:18px;font-weight:600;color:#0f172a;min-width:0}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e2e8f0}.modal-footer__navigation{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.modal-footer__step-hint{font-size:13px;color:#64748b}.btn-back,.btn-draft,.btn-next,.btn-create{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-back{background:#64748b;color:#fff}.btn-back:hover:not(:disabled){background:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #64748b4d}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-draft{background:#f59e0b;color:#fff}.btn-draft:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-draft:disabled{opacity:.5;cursor:not-allowed}.btn-next{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.btn-next:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6b3fa0);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-create{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.btn-create:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6b3fa0);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-create:disabled{opacity:.5;cursor:not-allowed}.contacts-redesign{display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto}.contacts-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.contacts-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.contacts-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contacts-card-header h4{margin:0 0 2px;font-size:16px;font-weight:600;color:#0f172a}.contacts-card-header p{margin:0;font-size:13px;color:#64748b}.contacts-selection-method{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.selection-method-btn{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.selection-method-btn:hover{border-color:#cbd5e1;background:#f8fafc}.selection-method-btn.active{border-color:#0ea5e9;background:#eff6ff;color:#1e40af}.selection-method-btn.active svg{stroke:#1e40af}.contacts-input-section{margin-top:16px}.contacts-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.contacts-select,.contacts-input,.contacts-textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .2s}.contacts-select:focus,.contacts-input:focus,.contacts-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.contacts-textarea{resize:vertical;font-family:inherit}.contacts-hint{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#64748b}.contacts-hint svg{flex-shrink:0}.contacts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;text-align:center;gap:12px}.contacts-empty-state p{margin:0;font-size:13px;color:#64748b}.contacts-list-redesign{display:flex;flex-direction:column;gap:8px;max-height:650px;overflow-y:auto;padding:4px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.contacts-list-redesign::-webkit-scrollbar{width:8px}.contacts-list-redesign::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.contacts-list-redesign::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.contacts-list-redesign::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contact-card-item{display:flex;align-items:center;gap:10px;padding:4px 8px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;min-height:32px}.contact-card-item:hover{border-color:#cbd5e1;background:#f8fafc}.contact-card-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.contact-card-item input[type=checkbox]:checked~.contact-card-content{opacity:1}.contact-card-content{display:flex;align-items:center;gap:12px;flex:1;opacity:.7;transition:opacity .2s}.contact-card-item:hover .contact-card-content{opacity:1}.contact-avatar{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.contact-info{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.contact-info strong{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info span{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-selected-count{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:13px;font-weight:600;color:#15803d}.contacts-selected-count svg{flex-shrink:0}@media (max-width: 768px){.contacts-redesign{max-width:100%}.contacts-selection-method{grid-template-columns:1fr}.contacts-list-redesign{max-height:500px}}.slot-assignment{display:grid;grid-template-columns:2fr 1fr;gap:24px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.slot-item{padding:16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.slot-item:hover{border-color:#cbd5e1;background:#f8fafc}.slot-item.selected{border-color:#0ea5e9;background:#eff6ff}.slot-item.available{background:#fff}.slot-item.booked{background:#dcfce7;border-color:#86efac}.slot-item.reserved{background:#fef3c7;border-color:#fde047}.slot-position{font-weight:700;color:#1e293b;margin-bottom:4px}.slot-size{font-size:12px;color:#64748b;text-transform:uppercase;margin-bottom:8px}.slot-contact{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-panel{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.assignment-panel h4{margin:0 0 20px;color:#1e293b}.ads-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.ad-option{border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.ad-option:hover{border-color:#cbd5e1}.ad-option.selected{border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.ad-option img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.ad-option .ad-name{padding:8px;font-size:12px;color:#64748b;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-section{display:flex;flex-direction:column;gap:16px;width:100%}.form-group{display:flex;flex-direction:column;gap:2px}.form-group label{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:2px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.form-hint{font-size:12px;color:#64748b;margin:0}.email-outreach{display:flex;flex-direction:column;gap:24px}.email-outreach__header{text-align:center;margin-bottom:8px}.email-outreach__header h4{margin:0 0 8px;font-size:20px;font-weight:600;color:#0f172a}.email-outreach__header p{margin:0;color:#64748b;font-size:14px}.email-radio-group{display:flex;gap:24px;flex-wrap:wrap}.email-radio-group label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#0f172a}.email-radio-group input{margin:0}.email-contact-list{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.email-contact-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;border:1px solid transparent;transition:all .2s;cursor:pointer}.email-contact-item:hover{border-color:#cbd5e1;background:#f8fafc}.email-contact-item strong{font-size:14px;color:#1e293b}.email-contact-item span{display:block;font-size:12px;color:#64748b}@media (max-width: 768px){.pricing-grid,.slot-assignment{grid-template-columns:1fr}.campaign-card__pricing-grid{grid-template-columns:1fr;gap:12px}}.template-selection-heading{margin-bottom:32px}.template-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.template-selection-grid.transitioning{opacity:0;transform:scale(.95)}.template-thumbnail-card{border:2px solid #e2e8f0;border-radius:16px;padding:16px;background:#fff;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:12px;position:relative;box-shadow:0 2px 8px #0000000a}.template-thumbnail-card:hover:not(.disabled){border-color:#0ea5e9;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.template-thumbnail-card.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.template-thumbnail-card.selected{border-color:#0ea5e9;background:#eff6ff;box-shadow:0 0 0 4px #3b82f61a}.template-thumbnail-card.selected:after{content:"✓";position:absolute;top:12px;right:12px;width:32px;height:32px;background:#0ea5e9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 2px 8px #3b82f64d}.template-thumbnail-preview{width:100%;aspect-ratio:3 / 2;background:#f8fafc;border-radius:12px;padding:12px;border:1px solid #e2e8f0;overflow:hidden}.template-thumbnail-info{flex:1;display:flex;flex-direction:column;gap:6px}.template-thumbnail-info strong{display:block;font-size:16px;font-weight:600;color:#0f172a;line-height:1.3}.template-thumbnail-info p{margin:0;font-size:13px;color:#64748b;font-weight:500}.template-preview-card--selected{position:relative;padding-bottom:52px}.template-change-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 20px;border:1px solid #0ea5e9;background:#fff;color:#0ea5e9;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.template-change-btn:hover{background:#0ea5e9;color:#fff}.saved-template-grid{width:100%;height:100%;position:relative;background:#fff;border-radius:4px}.saved-template-slot-block{box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s}.saved-template-slot-block:hover{transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.route-stats-container{margin-top:24px;padding:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.route-stats-header{margin-bottom:20px;text-align:center}.route-stats-header h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#0f172a}.route-stats-header p{margin:0;font-size:13px;color:#64748b}.route-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.route-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s}.route-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.route-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.route-stat-content{display:flex;flex-direction:column;gap:4px;flex:1}.route-stat-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.route-stat-value{font-size:20px;font-weight:700;color:#0f172a}.route-location-info{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#475569;font-weight:500}.route-location-info svg{color:#64748b;flex-shrink:0}.route-additional-details{margin-top:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:12px}.route-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.route-detail-row:last-child{border-bottom:none}.route-detail-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.route-detail-value{font-size:14px;font-weight:500;color:#0f172a;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.pricing-panel__header-compact{margin-bottom:12px}.pricing-panel__header-compact h3{margin:0;font-size:18px;font-weight:700;color:#0f172a}.financial-summary-compact{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.financial-row-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.financial-item-compact{display:flex;flex-direction:column;gap:2px}.financial-label-compact{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.financial-value-compact{font-size:16px;font-weight:700;line-height:1.2}.financial-breakdown-compact{font-size:9px;color:#94a3b8;text-align:center;line-height:1.3;padding-top:4px;border-top:1px solid #e2e8f0}.ad-slot-pricing-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.ad-slot-card-modern{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ad-slot-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--slot-color),var(--slot-color-dark));opacity:.8;transition:opacity .3s ease}.ad-slot-card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a,0 0 0 1px #0000000d;border-color:var(--slot-color)}.ad-slot-card-modern:hover:before{opacity:1}.ad-slot-header-modern{display:flex;align-items:center;gap:10px}.ad-slot-badge-modern{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--slot-color),var(--slot-color-dark));box-shadow:0 3px 8px #0000001f;position:relative;overflow:hidden;flex-shrink:0}.ad-slot-badge-modern:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);pointer-events:none}.ad-slot-number-modern{font-size:18px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}.ad-slot-stats-inline-modern{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.ad-slot-stat-inline-modern{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.ad-slot-stat-value-inline-modern{font-size:14px;font-weight:700;color:#0f172a;line-height:1.2}.ad-slot-stat-label-inline-modern{font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ad-slot-price-section-modern{display:flex;flex-direction:column;gap:8px}.ad-slot-price-label-modern{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ad-slot-price-input-wrapper-modern{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .2s ease}.ad-slot-price-input-wrapper-modern:focus-within{border-color:var(--slot-color);box-shadow:0 0 0 2px #00000008,0 0 0 1px var(--slot-color)}.ad-slot-currency-modern{font-size:14px;font-weight:600;color:#64748b;margin-right:6px}.ad-slot-price-input-modern{flex:1;border:none;outline:none;padding:10px 0;font-size:16px;font-weight:700;color:#0f172a;background:transparent;min-width:0}.ad-slot-price-input-modern::-moz-placeholder{color:#cbd5e1;font-weight:500}.ad-slot-price-input-modern::placeholder{color:#cbd5e1;font-weight:500}.ad-slot-cost-per-piece-modern{font-size:10px;font-weight:600;color:#64748b;padding:5px 8px;background:linear-gradient(135deg,#64748b14,#64748b0a);border-radius:6px;text-align:center;border:1px solid rgba(100,116,139,.15)}.ad-slot-price-per-piece-modern{font-size:10px;font-weight:600;color:#0ea5e9;padding:5px 8px;background:linear-gradient(135deg,#0ea5e91a,#0ea5e90d);border-radius:6px;text-align:center;border:1px solid rgba(14,165,233,.2)}.ad-slot-total-revenue-modern{font-size:11px;font-weight:600;color:#059669;padding:6px 10px;background:linear-gradient(135deg,#0596691a,#0596690d);border-radius:6px;text-align:center;border:1px solid rgba(5,150,105,.2)}.ad-slot-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.ad-slot-pricing-card{border:2px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;transition:all .2s;background:#fff}.ad-slot-pricing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ad-slot-pricing-info{display:flex;align-items:center;gap:12px}.ad-slot-pricing-badge{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000000d}.ad-slot-number{font-size:20px;font-weight:700;color:#0f172a}.ad-slot-pricing-label{font-size:15px;font-weight:600;color:#0f172a}.ad-slot-pricing-price-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.price-per-piece{font-size:12px;color:#64748b;font-weight:500;text-align:right;white-space:nowrap}.contacts-step-with-tabs{display:flex;flex-direction:column;gap:24px;width:100%}.contacts-tabs{display:flex;gap:8px;padding:8px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.contacts-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid transparent;border-radius:8px;background:transparent;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.contacts-tab:hover{background:#fff;color:#475569}.contacts-tab.active{background:#fff;border-color:#0ea5e9;color:#1e40af;box-shadow:0 2px 8px #3b82f626}.contacts-tab.active svg{stroke:#1e40af}.contacts-tab svg{flex-shrink:0}.contacts-tab span{white-space:nowrap}.contacts-tab-content{width:100%}@media (max-width: 768px){.contacts-tabs{flex-direction:column;gap:8px}.contacts-tab{justify-content:flex-start}}@media (max-width: 768px){.template-selection-grid{grid-template-columns:1fr}.campaign-modal__body{padding:24px 20px}.ad-slot-pricing-grid{grid-template-columns:1fr}}.campaign-config-tab{padding:1rem;max-width:1400px;margin:0 auto}.config-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-section-sleek,.slot-rates-section-sleek,.analytics-section-sleek,.route-info-section-sleek,.danger-zone-sleek{margin-bottom:.875rem}.config-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.route-info-section{margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb}.route-info-section .config-section-title{display:flex;align-items:center;color:#0f172a}.route-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;margin-top:1rem}.route-info-card{display:flex;align-items:center;gap:.875rem;padding:1rem;border-radius:.625rem;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.route-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.route-info-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.route-info-content{flex:1;min-width:0}.route-info-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}.route-info-value{font-size:1.125rem;font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:.125rem;word-break:break-word}.route-info-sublabel{font-size:.75rem;color:#94a3b8;line-height:1.4}.slot-rates-section{margin-bottom:1.5rem;padding:1.5rem}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-action .config-section-title{font-size:1.125rem;margin:0}.btn-edit-rates{display:flex;align-items:center;gap:.5rem;background:#0ea5e9;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit-rates:hover{background:#0284c7}.rates-actions{display:flex;gap:.75rem}.btn-cancel-action,.btn-save-action{display:flex;align-items:center;gap:.5rem;border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-action{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel-action:hover{background:#f9fafb}.btn-save-action{background:#22c55e;color:#fff}.btn-save-action:hover:not(:disabled){background:#16a34a}.btn-save-action:disabled{opacity:.5;cursor:not-allowed}.slot-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.slot-option-card{border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d;transition:all .2s;border:1px solid rgba(0,0,0,.05)}.slot-option-card:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.slot-option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.slot-option-badge{min-width:2.25rem;height:2.25rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot-number{font-size:1.125rem;font-weight:700;color:#111827}.slot-option-info{flex:1}.slot-option-info h4{margin:0 0 .125rem;font-size:.9375rem;font-weight:600;color:#111827}.slot-option-info p{margin:0;font-size:.75rem;color:#6b7280}.slot-option-rate{padding-top:.75rem}.rate-display{display:flex;flex-direction:column;gap:.25rem}.rate-label{font-size:.6875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.rate-value{font-size:1.25rem;font-weight:700;color:#111827}.rate-input-wrapper{display:flex;flex-direction:column;gap:.375rem}.rate-input-wrapper label{font-size:.6875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.rate-input-group{display:flex;align-items:center;gap:.375rem;background:#fff;border:2px solid #0ea5e9;border-radius:.375rem;padding:.375rem .625rem}.rate-icon{color:#6b7280;flex-shrink:0}.rate-input{flex:1;border:none;outline:none;font-size:1rem;font-weight:600;color:#111827;min-width:0}.rate-input::-moz-placeholder{color:#9ca3af}.rate-input::placeholder{color:#9ca3af}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem}.analytics-card{display:flex;gap:.75rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s;background:#fff}.analytics-card:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px);border-color:#d1d5db}.analytics-card-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-card-content{flex:1;min-width:0}.analytics-card-label{font-size:.75rem;color:#6b7280;margin-bottom:.125rem;font-weight:500}.analytics-card-value{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.125rem;line-height:1.2}.analytics-card-detail{font-size:.6875rem;color:#9ca3af;margin-bottom:.5rem}.analytics-progress-bar{height:.375rem;background-color:#e5e7eb;border-radius:.25rem;overflow:hidden;margin-top:.5rem}.analytics-progress-fill{height:100%;transition:width .3s ease;border-radius:.25rem}.config-form{display:flex;flex-direction:column;gap:1.5rem}.config-form--compact{gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group--flex-2{grid-column:span 1}.form-group label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.5rem}.form-label-with-icon{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:#111827}.form-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;font-family:inherit;background:#fff}.form-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-readonly{padding:.625rem .875rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-save{background-color:#0ea5e9;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background-color:#0284c7}.btn-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.campaign-config-tab{padding:1rem}.config-section{padding:1.5rem}.section-header-with-action{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.analytics-grid{grid-template-columns:1fr 1fr;gap:.75rem}.analytics-card{padding:.875rem;gap:.625rem}.analytics-card-icon{width:2.25rem;height:2.25rem}.analytics-card-value{font-size:1.25rem}.rates-actions{width:100%}.btn-cancel-action,.btn-save-action{flex:1}.analytics-grid,.slot-options-grid,.pricing-grid{grid-template-columns:1fr}.route-info-grid{grid-template-columns:1fr 1fr;gap:.75rem}.route-info-card{padding:.875rem;gap:.75rem}.route-info-icon{width:2.25rem;height:2.25rem;min-width:2.25rem}.route-info-value{font-size:1rem}}@media (max-width: 480px){.analytics-grid{grid-template-columns:1fr}.config-section{padding:1rem}.analytics-card-value{font-size:1.125rem}.route-info-grid{grid-template-columns:1fr}.route-info-section{padding:1rem}}.danger-zone{border:2px solid #fecaca;background:#fef2f2}.danger-title{display:flex;align-items:center;gap:.5rem;color:#dc2626}.danger-zone-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.danger-zone-info{flex:1}.danger-zone-info h4{font-size:.9375rem;font-weight:600;color:#991b1b;margin:0 0 .375rem}.danger-zone-info p{font-size:.875rem;color:#7f1d1d;margin:0;line-height:1.5}.btn-delete-campaign{display:flex;align-items:center;gap:.5rem;background:#dc2626;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-delete-campaign:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.delete-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease-out}.delete-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1001;width:90%;max-width:500px;animation:slideUp .2s ease-out}.delete-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.delete-modal-icon{color:#dc2626;flex-shrink:0}.delete-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.delete-modal-content{padding:1.5rem}.delete-modal-content p{margin:0 0 1rem;font-size:.9375rem;color:#374151;line-height:1.6}.delete-modal-content p:last-of-type{margin-bottom:0}.delete-modal-content strong{color:#111827;font-weight:600}.delete-modal-content ul{margin:.75rem 0 1rem 1.5rem;padding:0;list-style:disc}.delete-modal-content li{margin:.375rem 0;font-size:.875rem;color:#6b7280;line-height:1.5}.delete-warning{padding:.75rem;background:#fef2f2;border-left:3px solid #dc2626;border-radius:.375rem;margin-top:1rem!important;color:#991b1b!important}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb}.btn-cancel-delete,.btn-confirm-delete{display:flex;align-items:center;gap:.5rem;border:none;padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-delete{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel-delete:hover:not(:disabled){background:#f9fafb}.btn-confirm-delete{background:#dc2626;color:#fff}.btn-confirm-delete:hover:not(:disabled){background:#b91c1c}.btn-cancel-delete:disabled,.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.danger-zone-content{flex-direction:column;align-items:stretch}.btn-delete-campaign{justify-content:center}.delete-modal{width:95%;max-height:90vh;overflow-y:auto}.delete-modal-actions{flex-direction:column-reverse}.btn-cancel-delete,.btn-confirm-delete{width:100%;justify-content:center}}.settings-section-sleek{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:.875rem;padding:1.25rem;box-shadow:0 1px 3px #00000014}.config-section-title-sleek{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.config-form-sleek{display:flex;flex-direction:column;gap:1rem}.form-row-sleek{display:grid;grid-template-columns:2fr 1fr;gap:.875rem}.form-group-sleek{display:flex;flex-direction:column;gap:.5rem}.form-group-sleek--flex-2{grid-column:span 2}.form-label-sleek{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.form-label-icon{color:#64748b;flex-shrink:0}.form-input-sleek{padding:.625rem .875rem;border:2px solid #e2e8f0;border-radius:.625rem;font-size:.875rem;color:#1e293b;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.form-input-sleek:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.form-input-sleek::-moz-placeholder{color:#94a3b8}.form-input-sleek::placeholder{color:#94a3b8}.form-select-sleek{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.form-textarea-sleek{resize:vertical;min-height:80px;font-family:inherit}.form-actions-sleek{display:flex;justify-content:flex-end;padding-top:.25rem}.btn-save-sleek{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #3b82f640}.btn-save-sleek:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #3b82f659}.btn-save-sleek:disabled{opacity:.6;cursor:not-allowed}.slot-rates-section-sleek{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:.875rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;margin-top:1rem}.section-header-sleek{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-edit-rates-sleek{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:.625rem;font-size:.8125rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-edit-rates-sleek:hover{border-color:#0ea5e9;color:#0ea5e9;background:#eff6ff}.rates-actions-sleek{display:flex;gap:.5rem}.btn-cancel-action-sleek,.btn-save-action-sleek{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-action-sleek{background:#f1f5f9;color:#64748b}.btn-cancel-action-sleek:hover{background:#e2e8f0;color:#475569}.btn-save-action-sleek{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 6px #3b82f640}.btn-save-action-sleek:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #3b82f659}.slot-options-grid-sleek{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem}.slot-option-card-sleek{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014}.slot-option-card-sleek:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.slot-option-header-sleek{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.slot-option-badge-sleek{width:2.75rem;height:2.75rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;flex-shrink:0}.slot-number-sleek{font-size:1.25rem;font-weight:700;color:#fff}.slot-option-info-sleek h4{margin:0 0 .125rem;font-size:.9375rem;font-weight:700;color:#0f172a;line-height:1.2}.slot-option-info-sleek p{margin:0;font-size:.75rem;color:#64748b}.rate-input-wrapper-sleek{display:flex;flex-direction:column;gap:.375rem}.rate-input-wrapper-sleek label{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.rate-input-group-sleek{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.625rem;transition:all .2s}.rate-input-group-sleek:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.rate-icon-sleek{color:#64748b;flex-shrink:0}.rate-input-sleek{flex:1;border:none;background:transparent;font-size:.9375rem;font-weight:600;color:#1e293b;outline:none}.rate-display-sleek{display:flex;flex-direction:column;gap:.25rem}.rate-label-sleek{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.rate-value-sleek{font-size:1.25rem;font-weight:700;color:#16a34a}.danger-zone-sleek{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:.875rem;padding:1.25rem;margin-top:1rem}.danger-title-sleek{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:1.125rem}.danger-zone-content-sleek{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.875rem}.danger-zone-info-sleek h4{font-size:.9375rem;font-weight:700;color:#991b1b;margin:0 0 .375rem}.danger-zone-info-sleek p{font-size:.8125rem;color:#7f1d1d;margin:0;line-height:1.5}.btn-delete-campaign-sleek{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #dc262640;flex-shrink:0}.btn-delete-campaign-sleek:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 10px #dc262659}.analytics-section-sleek{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:.875rem;padding:1.25rem;box-shadow:0 1px 3px #00000014}.analytics-grid-sleek{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.route-info-grid-compact{grid-template-columns:repeat(5,1fr);gap:.75rem}.route-combined-card{min-width:0}.route-combined-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.route-stat-item{display:flex;flex-direction:column;gap:.125rem}.route-stat-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;line-height:1.2}.route-stat-value{font-size:.9375rem;font-weight:700;color:#0f172a;line-height:1.2}.analytics-card-sleek{background:#fff;border:1.5px solid #e2e8f0;border-radius:.625rem;padding:.75rem;display:flex;align-items:flex-start;gap:.625rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden}.analytics-card-sleek:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}.analytics-card-sleek:hover{border-color:#0ea5e9;box-shadow:0 2px 8px #3b82f61f;transform:translateY(-1px)}.analytics-card-icon-sleek{width:2.25rem;height:2.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 4px #0000001a}.analytics-card-icon-sleek svg{width:16px;height:16px}.analytics-card-content-sleek{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.analytics-card-label-sleek{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;line-height:1.2}.analytics-card-value-sleek{font-size:1.25rem;font-weight:700;color:#0f172a;line-height:1.1;letter-spacing:-.01em}.analytics-card-detail-sleek{font-size:.6875rem;color:#94a3b8;line-height:1.3}.analytics-progress-bar-sleek{width:100%;height:4px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-top:.25rem}.analytics-progress-fill-sleek{height:100%;border-radius:999px;transition:width .3s ease}.ad-slot-analytics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.875rem;margin-top:1rem}.ad-slot-analytics-card{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014;position:relative;overflow:hidden}.ad-slot-analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--slot-color)}.ad-slot-analytics-card:hover{border-color:var(--slot-color);box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.ad-slot-analytics-header{display:flex;align-items:center;gap:.5rem}.ad-slot-analytics-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ad-slot-analytics-label{font-size:13px;font-weight:600;color:#0f172a}.ad-slot-analytics-stats{display:flex;flex-direction:column;gap:.5rem}.ad-slot-analytics-stat{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid #f1f5f9}.ad-slot-analytics-stat:last-child{border-bottom:none}.ad-slot-analytics-stat[style*=background-color]{padding-left:.5rem;padding-right:.5rem}.ad-slot-analytics-stat-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ad-slot-analytics-stat-value{font-size:13px;font-weight:700;color:#0f172a}.revenue-progress-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:.625rem;padding:1rem;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.revenue-progress-bar{height:24px;background:#f1f5f9;border-radius:12px;overflow:hidden;display:flex;margin-bottom:.75rem;position:relative;width:100%;box-shadow:inset 0 1px 2px #0000000d}.revenue-progress-segment{height:100%;transition:width .3s ease;position:relative;overflow:hidden}.revenue-progress-segment:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);pointer-events:none}.revenue-progress-actual{background:linear-gradient(135deg,#22c55e,#16a34a)}.revenue-progress-discounted{background:linear-gradient(135deg,#eab308,#ca8a04)}.revenue-progress-goal{background:linear-gradient(135deg,#94a3b8,#64748b)}.revenue-progress-labels{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center}.revenue-progress-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#64748b}.revenue-progress-indicator{width:10px;height:10px;border-radius:2px;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.route-info-section-sleek{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:.875rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;margin-top:1rem}.route-info-grid-sleek{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;margin-top:1rem}.route-info-card-sleek{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014}.route-info-card-sleek:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.route-info-icon-sleek{width:2.5rem;height:2.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.route-info-content-sleek{flex:1;min-width:0}.route-info-label-sleek{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}.route-info-value-sleek{font-size:1.25rem;font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:.125rem;word-break:break-word}.route-info-sublabel-sleek{font-size:.75rem;color:#94a3b8;line-height:1.4}@media (max-width: 768px){.form-row-sleek{grid-template-columns:1fr}.form-group-sleek--flex-2{grid-column:span 1}.slot-options-grid-sleek,.analytics-grid-sleek{grid-template-columns:1fr}.ad-slot-analytics-grid{grid-template-columns:repeat(3,1fr)}.route-info-grid-sleek,.route-info-grid-compact{grid-template-columns:1fr}.route-combined-stats{grid-template-columns:repeat(2,1fr)}.danger-zone-content-sleek{flex-direction:column;align-items:stretch}.btn-delete-campaign-sleek{width:100%;justify-content:center}}.print-button-wrapper{position:relative}.saved-action-button{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:.75rem;border-radius:.5rem;border:1px solid transparent;font-size:1.125rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;letter-spacing:.01em;min-width:2.75rem;min-height:2.75rem;background:#eef2ffcc;color:#4338ca;border-color:#c7d2fe80}.saved-action-button svg{display:block}.saved-action-button:focus-visible{outline:2px solid rgba(124,58,237,.8);outline-offset:2px}.saved-action-button:disabled{opacity:.5;cursor:not-allowed}.saved-action-print{background:#eef2ffcc;color:#4338ca;border-color:#c7d2fe80}.saved-action-print:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #4f46e533;background:#eef2ff}.saved-action-print.active{background:#e0e7ff;border-color:#a5b4fc;color:#312e81}.print-config-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;padding:1rem;width:280px;z-index:100;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.print-config-header h4{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#0f172a}.print-config-header p{margin:0;font-size:.75rem;color:#64748b}.print-config-options{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.print-config-section{display:flex;flex-direction:column;gap:.5rem}.print-config-section h5{margin:0 0 .25rem;font-size:.75rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.print-config-options label{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#334155;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem 0}.print-config-options label:hover{color:#0f172a}.print-config-options input[type=checkbox]{accent-color:#0ea5e9;width:1.1rem;height:1.1rem;cursor:pointer;flex-shrink:0}.print-config-footer{padding-top:.75rem;border-top:1px solid #f1f5f9;display:flex;gap:.5rem}.print-confirm-button{flex:1;padding:.65rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #7c3aed4d;letter-spacing:.01em}.print-confirm-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed66}.print-preview-button{flex:1;padding:.65rem;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.print-preview-button:hover{border-color:#0ea5e9;color:#0ea5e9;background:#eff6ff}.campaign-print-summary{display:none}@media print{.page-shell-header,.page-shell-sidebar,.campaigns-page,.campaigns-page>*,.campaign-detail-backdrop{display:none!important}.campaign-detail-panel{position:static!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;background:#fff!important;overflow:visible!important;padding:0!important;margin:0!important;box-shadow:none!important;border:none!important}.campaign-detail-header,.campaign-detail-tabs,.print-button-wrapper,.saved-action-button{display:none!important}.campaign-config-tab>*:not(.campaign-print-summary),.config-section,.analytics-section-sleek,.route-info-section-sleek{display:none!important}.campaign-print-summary{display:flex;flex-direction:column;gap:.5rem;font-size:8pt;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#000;width:100%;padding:.3in;line-height:1.3}.campaign-print-summary .print-section{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #000;page-break-inside:avoid}.campaign-print-summary .print-section:last-child{border-bottom:none}.campaign-print-summary .print-section-title{margin:0 0 .4rem;font-size:9pt;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.05em}.campaign-print-summary .print-revenue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.campaign-print-summary .print-revenue-stat{border:1px solid #000;padding:.3rem;display:flex;flex-direction:column;gap:.15rem}.campaign-print-summary .print-revenue-stat .print-stat-label{font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-revenue-stat .print-stat-value{font-size:8pt;font-weight:700;color:#000}.campaign-print-summary .print-card-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.campaign-print-summary .print-card-info-item{border:1px solid #000;padding:.3rem;display:flex;flex-direction:column;gap:.15rem}.campaign-print-summary .print-info-label{font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-info-value{font-size:8pt;font-weight:700;color:#000}.campaign-print-summary .print-demographics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.campaign-print-summary .print-demo-item{border:1px solid #000;padding:.3rem;display:flex;flex-direction:column;gap:.15rem}.campaign-print-summary .print-demo-label{font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-demo-value{font-size:8pt;font-weight:700;color:#000}.campaign-print-summary .print-route-info-content{display:flex;flex-direction:column;gap:.4rem}.campaign-print-summary .print-route-pieces-card{border:1px solid #000;padding:.3rem}.campaign-print-summary .print-route-pieces-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.campaign-print-summary .print-route-piece-item{display:flex;flex-direction:column;gap:.1rem}.campaign-print-summary .print-route-piece-label{font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-route-piece-value{font-size:8pt;font-weight:700;color:#000}.campaign-print-summary .print-route-details{display:flex;flex-direction:column;gap:.3rem}.campaign-print-summary .print-route-detail-item{border:1px solid #000;padding:.3rem;display:flex;flex-direction:column;gap:.15rem}.campaign-print-summary .print-route-detail-label{font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-route-detail-value{font-size:8pt;font-weight:700;color:#000}.campaign-print-summary .print-stat-label{margin:0 0 .2rem;font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-stat-value{margin:0;font-size:9pt;font-weight:700;color:#000}.campaign-print-summary .print-revenue-progress-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.campaign-print-summary .print-revenue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.campaign-print-summary .print-revenue-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:.6rem;display:flex;flex-direction:column;gap:.25rem}.campaign-print-summary .print-revenue-stat .print-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}.campaign-print-summary .print-revenue-stat .print-stat-value{font-size:1rem;font-weight:700;color:#334155}.campaign-print-summary .print-costs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.campaign-print-summary .print-cost-item{border:1px solid #000;padding:.3rem;display:flex;flex-direction:column;gap:.1rem}.campaign-print-summary .print-cost-item.print-cost-total{grid-column:span 2;border-width:2px;font-weight:700}.campaign-print-summary .print-cost-label{font-size:6pt;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.campaign-print-summary .print-cost-value{font-size:9pt;font-weight:700;color:#000}.campaign-print-summary .print-cost-note{font-size:5.5pt;color:#000;font-weight:400;font-style:italic}.campaign-print-summary .print-ad-slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem;margin-top:.4rem}.campaign-print-summary .print-ad-slot-card{border:1px solid #000;padding:.3rem;display:flex;flex-direction:column;gap:.3rem}.campaign-print-summary .print-ad-slot-header{display:flex;align-items:center;gap:.3rem;padding-bottom:.3rem;border-bottom:1px solid #000}.campaign-print-summary .print-ad-slot-badge{width:18px;height:18px;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:7pt;font-weight:700;color:#000;background:#fff}.campaign-print-summary .print-ad-slot-label{font-size:7pt;font-weight:600;color:#000}.campaign-print-summary .print-ad-slot-stats{display:flex;flex-direction:column;gap:.2rem}.campaign-print-summary .print-ad-slot-stat{display:flex;justify-content:space-between;font-size:6pt;color:#000}.campaign-print-summary .print-ad-slot-stat span:last-child{font-weight:600;color:#000}@page{size:Letter;margin:.3in}}.print-preview-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:2000;animation:fadeIn .2s ease-out}.print-preview-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;max-height:90vh;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000080;z-index:2001;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.print-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:.75rem .75rem 0 0}.print-preview-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.print-preview-actions{display:flex;gap:.75rem;align-items:center}.print-preview-print-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:0 4px 12px #7c3aed4d}.print-preview-print-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed66}.print-preview-close-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f1f5f9;color:#64748b;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s}.print-preview-close-btn:hover{background:#e2e8f0;color:#475569}.print-preview-content{padding:2rem;overflow-y:auto;flex:1;background:#f8fafc}.campaign-print-preview{display:block!important;background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;max-width:8.5in;margin:0 auto}.campaign-print-preview .print-summary-kicker{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.settings-container{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start;width:100%;max-width:100%}.settings-sidebar{position:sticky;top:32px}.settings-nav{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:12px;padding:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.settings-nav-item:hover{background:#f8fafc;color:#475569}.settings-nav-item.active{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#0ea5e9;font-weight:600;border:1px solid rgba(59,130,246,.2)}.settings-nav-icon{font-size:18px;width:24px;text-align:center}.settings-nav-label{flex:1}.settings-content{min-width:0}.settings-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.settings-card-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.settings-card-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.settings-card-header p{margin:0;color:#64748b;font-size:15px;line-height:1.6}.form-field{display:flex;flex-direction:column;gap:8px}.form-field span{font-weight:600;color:#475569;font-size:14px}.form-field input,.form-field select,.form-field textarea{padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s;width:100%;background:#fff;color:#0f172a;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.form-field input::-moz-placeholder{color:#94a3b8}.form-field input::placeholder{color:#94a3b8}.form-field textarea{resize:vertical;min-height:100px}.contact-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.checkbox-field{flex-direction:row;align-items:center;gap:12px;padding:16px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-field:hover{background:#f1f5f9;border-color:#cbd5e1}.checkbox-field input[type=checkbox]{width:20px;height:20px;border-radius:6px;border:1.5px solid #cbd5e1;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex-shrink:0;transition:all .2s;cursor:pointer;margin:0}.checkbox-field input[type=checkbox]:checked{background-color:#0ea5e9;border-color:#0ea5e9}.checkbox-field input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-field span{font-weight:500;color:#1e293b;flex:1}.notification-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-primary{background:#0ea5e9;color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-danger{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.btn-toggle{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a40;font-family:inherit}.btn-toggle:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a59}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.form-help{font-size:14px;color:#22c55e;display:flex;align-items:center;gap:6px;font-weight:500}.appearance-toggle{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.appearance-toggle-content h3{margin:0 0 6px;font-size:16px;font-weight:600;color:#0f172a}.appearance-toggle-content p{margin:0;font-size:14px;color:#64748b}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.subscription-details>div{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}.subscription-details span{display:block;font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.subscription-details strong{font-size:20px;color:#0f172a;font-weight:700}.payment-settings-card{gap:0}.payment-providers-section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.payment-methods-header{margin-bottom:20px}.payment-methods-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px;letter-spacing:-.01em}.payment-methods-header p{font-size:14px;color:#64748b;margin:0;line-height:1.5}.payment-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.payment-provider-card{border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;background:#fff;transition:all .2s}.payment-provider-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.payment-method-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s}.payment-method-toggle:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.payment-method-toggle.active{border-color:#0ea5e9;background:linear-gradient(135deg,#3b82f60a,#3b82f603);box-shadow:0 0 0 3px #3b82f614}.payment-method-info{flex:1;min-width:0}.payment-method-label{font-weight:600;color:#0f172a;font-size:14px;margin-bottom:4px;letter-spacing:-.01em}.payment-method-description{font-size:12px;color:#64748b;line-height:1.4}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:12px}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:24px;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#0ea5e9;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #3b82f633}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);box-shadow:0 2px 6px #3b82f666}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 968px){.settings-container{grid-template-columns:1fr;gap:24px}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch}.settings-nav-item{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.contact-input-grid,.subscription-details,.payment-providers-grid,.payment-methods-grid{grid-template-columns:1fr}}@media (max-width: 640px){.settings-container{gap:20px}.settings-nav{gap:4px}}.users-list{margin-top:24px}.users-table{display:flex;flex-direction:column;gap:12px}.user-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s}.user-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.user-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-name{font-weight:600;color:#0f172a;font-size:14px}.user-email{font-size:13px;color:#64748b}.user-role{font-size:12px;color:#94a3b8;text-transform:capitalize}.user-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.user-status-badge--current{background:#22c55e1a;color:#16a34a}.user-status-badge--active{background:#3b82f61a;color:#2563eb}.user-status-badge--pending{background:#f59e0b1a;color:#d97706}.btn-icon-danger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #fecaca;background:#fff;color:#ef4444;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon-danger:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.btn-icon-danger:active{transform:scale(.95)}@media (max-width: 640px){.settings-card{padding:24px}.settings-card-header h2{font-size:20px}.user-item{flex-direction:column;align-items:flex-start;gap:12px}.user-actions{align-self:flex-end}}.contact-picker{width:100%;height:100%;display:flex;flex-direction:column;background:#f9fafb;overflow:hidden}.contact-picker-body{display:flex;flex:1;min-height:0;gap:1rem;overflow:hidden}.contact-picker-main-section{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;min-width:0}.contact-picker-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.contact-picker-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;position:relative}.contact-picker-tab:hover{color:#374151;background:#f3f4f6}.contact-picker-tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9;background:#fff}.contact-picker-search-bar{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fff}.contact-picker-search-bar svg{color:#9ca3af;flex-shrink:0}.contact-picker-search-input{flex:1;border:none;outline:none;font-size:.875rem;color:#111827;background:transparent}.contact-picker-search-input::-moz-placeholder{color:#9ca3af}.contact-picker-search-input::placeholder{color:#9ca3af}.contact-picker-filter-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-size:.875rem;color:#6b7280}.contact-picker-filter-bar svg{color:#6b7280;flex-shrink:0}.contact-picker-filter-mode{background:none;border:none;color:#0ea5e9;font-weight:600;cursor:pointer;padding:0;font-size:.875rem}.contact-picker-filter-mode:hover{text-decoration:underline}.contact-picker-select-all-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.contact-picker-select-all-control{display:flex;align-items:center;gap:.75rem;flex:1}.contact-picker-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9;flex-shrink:0}.contact-picker-select-all-text{font-size:.875rem;font-weight:500;color:#374151}.contact-picker-expand-collapse-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s}.contact-picker-expand-collapse-btn:hover{background:#e5e7eb;color:#374151}.contact-picker-categories-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.5rem 0}.contact-picker-empty{padding:3rem 1rem;text-align:center;color:#9ca3af;font-size:.875rem}.contact-picker-category{border-bottom:1px solid #f3f4f6}.contact-picker-category-header{padding:.75rem 1rem;background:#fff;transition:background .2s}.contact-picker-category-header:hover{background:#f9fafb}.contact-picker-category-controls{display:flex;align-items:center;gap:.5rem}.contact-picker-expand-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s;flex-shrink:0}.contact-picker-expand-btn:hover{background:#e5e7eb;color:#374151}.contact-picker-category-name{font-size:.875rem;font-weight:600;color:#111827}.contact-picker-niches-list{background:#f9fafb;border-top:1px solid #e5e7eb}.contact-picker-niche{border-bottom:1px solid #e5e7eb}.contact-picker-niche:last-child{border-bottom:none}.contact-picker-niche-header{padding:.625rem 1rem .625rem 2.5rem;background:#f9fafb;transition:background .2s}.contact-picker-niche-header:hover{background:#f3f4f6}.contact-picker-niche-controls{display:flex;align-items:center;gap:.5rem}.contact-picker-niche-name{font-size:.8125rem;font-weight:500;color:#374151}.contact-picker-contacts-list{background:#fff;border-top:1px solid #e5e7eb}.contact-picker-contact-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem .625rem 3.5rem;cursor:pointer;transition:background .2s;border-bottom:1px solid #f3f4f6}.contact-picker-contact-item:hover{background:#f9fafb}.contact-picker-contact-item:last-child{border-bottom:none}.contact-picker-contact-info{flex:1;min-width:0}.contact-picker-contact-name{font-size:.8125rem;font-weight:500;color:#111827;margin-bottom:.125rem}.contact-picker-contact-detail{font-size:.75rem;color:#6b7280}.contact-picker-shopping-cart{width:320px;flex-shrink:0;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.contact-picker-shopping-cart-header{padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;flex-direction:column;gap:.75rem}.contact-picker-shopping-cart-title{font-size:.875rem;font-weight:600;color:#374151}.contact-picker-confirm-btn{width:100%;padding:.75rem 1rem;background:#0ea5e9;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.contact-picker-confirm-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.contact-picker-shopping-cart-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem}.contact-picker-shopping-cart-placeholder{padding:2rem 1rem;text-align:center;color:#9ca3af;font-size:.875rem;line-height:1.5}.contact-picker-selected-contacts{display:flex;flex-direction:column;gap:.75rem}.contact-picker-cart-category{border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.contact-picker-cart-category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;cursor:pointer;transition:background .2s;border-bottom:1px solid #e5e7eb}.contact-picker-cart-category-header:hover{background:#f3f4f6}.contact-picker-cart-expand-btn{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s;flex-shrink:0;padding:0}.contact-picker-cart-expand-btn:hover{background:#e5e7eb;color:#374151}.contact-picker-cart-category-name{font-size:.8125rem;font-weight:600;color:#111827;flex:1}.contact-picker-cart-category-count{font-size:.75rem;color:#6b7280;font-weight:500}.contact-picker-cart-category-contacts{background:#fff;display:flex;flex-direction:column;gap:0}.contact-picker-selected-contact{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;background:#fff;border-bottom:1px solid #f3f4f6;transition:all .2s}.contact-picker-selected-contact:last-child{border-bottom:none}.contact-picker-selected-contact:hover{background:#f9fafb}.contact-picker-selected-contact-info{flex:1;min-width:0}.contact-picker-selected-contact-name{font-size:.8125rem;font-weight:500;color:#111827;margin-bottom:.25rem}.contact-picker-selected-contact-niche{font-size:.75rem;color:#6b7280}.contact-picker-remove-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:.25rem;transition:all .2s;flex-shrink:0}.contact-picker-remove-btn:hover{background:#fee2e2;color:#dc2626}.contact-picker-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.contact-picker-modal{background:#fff;border-radius:.75rem;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.contact-picker-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.contact-picker-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.contact-picker-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s}.contact-picker-modal-close:hover{background:#e5e7eb;color:#111827}.contact-picker-modal-content{flex:1;min-height:0;padding:1.5rem;overflow:hidden;display:flex;flex-direction:column}.contact-picker-modal-content .contact-picker{flex:1;min-height:0}@media (max-width: 1024px){.contact-picker-body{flex-direction:column}.contact-picker-shopping-cart{width:100%;max-height:300px}}.campaign-contacts-tab{min-height:100%;background:#f9fafb}.contacts-summary-header{background:#fff;padding:2rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10;width:100%;box-sizing:border-box}.contacts-action-bar{display:flex;align-items:center;gap:1rem;justify-content:space-between}.add-contact-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0ea5e9;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add-contact-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.search-notice-row{display:flex;align-items:center;gap:1rem;margin:1.5rem 2rem 0;flex-wrap:wrap}.search-notice-row .contacts-search-bar{flex:0 1 auto;min-width:300px;max-width:500px}.campaign-mode-notice{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#eff6ff;border:1px solid #0ea5e9;border-radius:.5rem;color:#1e40af;font-size:.875rem;flex:1;min-width:0}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.summary-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.summary-stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.summary-stat-value{font-size:1.5rem;font-weight:700;color:#111827}.contacts-search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;max-width:500px}.contacts-search-bar svg{color:#6b7280;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:.875rem;color:#111827}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.contacts-list-container{padding:2rem 2rem 2rem 0;max-width:1600px;margin:0 auto}.contacts-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.contacts-count-display{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#6b7280;font-weight:500;flex:1;min-width:200px}.contacts-count-display strong{color:#111827;font-weight:600}.niche-expand-controls{display:flex;gap:.5rem;align-items:center}.expand-collapse-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.expand-collapse-btn:hover{background:#f9fafb;border-color:#0ea5e9;color:#0ea5e9}.expand-collapse-btn:active{background:#f3f4f6;transform:scale(.98)}.expand-collapse-btn svg{flex-shrink:0}.contacts-loading,.contacts-empty{padding:4rem 2rem;text-align:center;color:#6b7280}.contacts-empty p{margin:.5rem 0}.contacts-empty-hint{font-size:.875rem;color:#9ca3af}.contacts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;max-width:100%}@media (max-width: 1600px){.contacts-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.contacts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.contacts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.contacts-grid{grid-template-columns:1fr}}.niches-list{display:flex;flex-direction:column;gap:2rem}.niche-section{background:#fff;border-radius:.75rem;padding:0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.niche-section .contacts-grid{padding:1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.niche-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0}.niche-header:hover{background:#f3f4f6}.niche-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.niche-collapse-toggle{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s;padding:0;flex-shrink:0}.niche-collapse-toggle:hover{background:#e5e7eb;color:#374151}.niche-header-left>svg{color:#6b7280;flex-shrink:0}.niche-header h3{margin:0;font-size:1rem;font-weight:600;color:#111827;line-height:1.4}.niche-stats{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.niche-stat-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;border-radius:.375rem;border:1px solid #e5e7eb;transition:all .2s cubic-bezier(.4,0,.2,1)}.niche-stat-item.has-data{border-width:1.5px;font-weight:600;box-shadow:0 1px 3px #00000014}.niche-stat-advertisers.has-data{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#0ea5e9;color:#1e40af}.niche-stat-advertisers.has-data svg{color:#0ea5e9}.niche-stat-slots.has-data{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#06b6d4;color:#6b21a8}.niche-stat-slots.has-data svg{color:#06b6d4}.niche-stat-revenue.has-data{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;color:#166534}.niche-stat-revenue.has-data svg{color:#22c55e}.niche-status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.niche-status-badge.filled{background:#dcfce7;color:#16a34a}.niche-status-badge.available{background:#fef3c7;color:#ca8a04}.niche-status-badge.not_allowed{background:#fee2e2;color:#dc2626}.contact-card-sleek{background:linear-gradient(135deg,#fff,#f9fafb);border:1.5px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:0 1px 3px #00000014;overflow:hidden}.contact-card-sleek:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#06b6d4,#ec4899);opacity:0;transition:opacity .3s}.contact-card-sleek:hover{border-color:#0ea5e9;box-shadow:0 8px 24px #3b82f633;transform:translateY(-4px)}.contact-card-sleek:hover:before{opacity:1}.contact-card-sleek.selected{border-color:#0ea5e9;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f640}.contact-card-top-actions{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;z-index:10}.contact-card-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9;border-radius:.25rem}.contact-card-favorite-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9ca3af;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.contact-card-favorite-btn:hover{background:#fff;color:#fbbf24;transform:scale(1.1)}.contact-card-favorite-btn.active{color:#fbbf24;background:#fef3c7}.contact-card-business-name{margin-top:.5rem;margin-bottom:.75rem}.contact-card-business-name h4{margin:0;font-size:1.125rem;font-weight:700;color:#111827;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.contact-card-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.5rem}.contact-card-info-item{display:flex;flex-direction:column;gap:.25rem}.contact-card-info-item .info-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.contact-card-info-item .info-value{font-size:.8125rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.375rem}.stage-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;display:inline-block;width:-moz-fit-content;width:fit-content}.temperature-display{display:flex;align-items:center;gap:.375rem}.temperature-icon{flex-shrink:0}.temperature-icon.hot{color:#ef4444}.temperature-icon.warm{color:#f59e0b}.temperature-icon.cold{color:#0ea5e9}.temperature-text{font-size:.75rem;font-weight:600}.temperature-text.hot{color:#dc2626}.temperature-text.warm{color:#d97706}.temperature-text.cold{color:#0284c7}.niche-value{font-size:.75rem;color:#6366f1}.contact-card-status-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.status-indicator{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:.5rem;font-size:.75rem;font-weight:500;flex:1;min-width:-moz-fit-content;min-width:fit-content}.status-indicator.assigned{background:#dcfce7;color:#16a34a}.status-indicator.unassigned{background:#f3f4f6;color:#6b7280}.status-indicator.has-ad{background:#dbeafe;color:#0284c7}.status-indicator.no-ad{background:#fee2e2;color:#991b1b}.contact-card-revenue{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:.75rem;margin-top:.5rem;border:1px solid #86efac}.contact-card-revenue svg{color:#16a34a;flex-shrink:0}.revenue-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.revenue-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#15803d}.revenue-value{font-size:1.125rem;font-weight:700;color:#16a34a}.contact-card-delete-btn{position:absolute;bottom:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .2s;opacity:0}.contact-card-sleek:hover .contact-card-delete-btn{opacity:1}.contact-card-delete-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.contacts-limit-notice{padding:.75rem 1rem;margin-top:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;font-size:.875rem;color:#92400e;text-align:center;font-weight:500}.contacts-table-container{padding:1rem 1.5rem;overflow-x:auto}.contacts-table{width:100%;border-collapse:collapse;background:#fff;border-radius:.5rem;overflow:hidden}.contacts-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.contacts-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;white-space:nowrap;vertical-align:middle}.contacts-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s;position:relative}.contacts-table-row{border-left:4px solid var(--stage-color, #6b7280);box-shadow:inset 4px 0 0 var(--stage-color, #6b7280)}.contacts-table tbody tr:hover{background:#f8fafc}.contacts-table-row:hover{border-left-width:6px;box-shadow:inset 6px 0 0 var(--stage-color, #6b7280)}.contacts-table tbody tr:last-child{border-bottom:none}.contacts-table td{padding:.75rem 1rem;font-size:.875rem;color:#1e293b;vertical-align:middle;position:relative}.table-checkbox-col{width:50px;text-align:center;padding:.75rem 1rem}.contacts-table tbody .table-checkbox-col{padding-left:.75rem}.table-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9;border-radius:4px}.table-business-name{display:flex;align-items:center;gap:.5rem}.table-favorite-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:all .2s;color:#94a3b8;flex-shrink:0}.table-favorite-btn:hover{background:#fef3c7;color:#f59e0b}.table-favorite-btn.active{color:#f59e0b}.business-name-text{font-weight:600;color:#1e293b;cursor:pointer;transition:color .2s}.business-name-text:hover{color:#0ea5e9}.table-contact-info{display:flex;flex-direction:column;gap:.375rem}.table-contact-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b}.table-contact-item svg{flex-shrink:0;color:#94a3b8}.table-stage-badge{display:inline-block;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1.5px solid}.table-temperature-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;border:1.5px solid}.table-temperature-badge.temperature-hot{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;border-color:#fca5a5}.table-temperature-badge.temperature-warm{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.table-temperature-badge.temperature-cold{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-color:#93c5fd}.table-slots-info,.table-revenue-info{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e293b}.table-slots-info svg{color:#64748b}.table-revenue-info{color:#16a34a}.table-revenue-info svg{color:#16a34a}.table-ad-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.table-ad-status.has-ad{background:#dcfce7;color:#16a34a}.table-ad-status.no-ad{background:#fee2e2;color:#991b1b}.table-actions-col{width:100px;text-align:right;padding:.75rem 1rem}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.table-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;background:transparent}.table-action-btn.view-btn{color:#0ea5e9}.table-action-btn.view-btn:hover{background:#dbeafe;color:#0284c7}.table-action-btn.delete-btn{color:#ef4444}.table-action-btn.delete-btn:hover{background:#fee2e2;color:#dc2626}.contact-card-new{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:0 1px 3px #0000000d}.contact-card-new:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.contact-card-new-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.contact-card-new-avatar-section{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.contact-avatar-new{width:3.5rem;height:3.5rem;border-radius:.75rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px #3b82f633}.contact-card-new-title-section{flex:1;min-width:0}.contact-name-new{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.contact-niche-badge-new{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6366f1;background:#eef2ff;padding:.375rem .625rem;border-radius:.375rem;font-weight:600}.contact-card-new-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.contact-card-new:hover .contact-card-new-actions{opacity:1}.contact-card-action-btn-new{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;background:#f3f4f6}.contact-card-action-btn-new.view{color:#0ea5e9}.contact-card-action-btn-new.view:hover{background:#dbeafe;color:#0284c7}.contact-card-action-btn-new.remove{color:#ef4444}.contact-card-action-btn-new.remove:hover{background:#fee2e2;color:#dc2626}.contact-card-new-body{display:flex;flex-direction:column;gap:.75rem}.contact-card-new-contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .2s;padding:.25rem 0}.contact-info-link:hover{color:#0ea5e9}.contact-info-link svg{flex-shrink:0;color:#9ca3af}.contact-info-link:hover svg{color:#0ea5e9}.contact-tags-new{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.contact-tag-new{font-size:.75rem;color:#475569;background:#f1f5f9;padding:.25rem .625rem;border-radius:.375rem;font-weight:500;border:1px solid #e2e8f0}.contact-tag-more-new{font-size:.75rem;color:#94a3b8;font-weight:600}.contact-card-new-footer{display:flex;gap:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}.contact-stat-new{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border-radius:.5rem;flex:1;min-width:0}.contact-stat-new.revenue{background:#f0fdf4}.contact-stat-new.email{background:#eff6ff}.contact-stat-new svg{color:#6b7280;flex-shrink:0}.contact-stat-new.revenue svg{color:#22c55e}.contact-stat-new.email svg{color:#0ea5e9}.contact-stat-content{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.contact-stat-label-new{font-size:.625rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.contact-stat-value-new{font-size:1rem;font-weight:700;color:#111827;white-space:nowrap}.contact-stat-new.revenue .contact-stat-value-new{color:#16a34a}.contact-email-status-new{display:flex;gap:.375rem;align-items:center}.email-status-dot{width:.5rem;height:.5rem;border-radius:50%}.email-status-dot.sent{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.email-status-dot.waiting{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:0;position:relative;transition:all .2s}.contact-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.contact-card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s;z-index:2}.contact-card:hover .contact-card-actions{opacity:1}.contact-card-action-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;background:#fff;box-shadow:0 2px 4px #0000001a}.contact-card-action-btn.view{color:#0ea5e9}.contact-card-action-btn.view:hover{background:#dbeafe;color:#0284c7}.contact-card-action-btn.remove{color:#ef4444}.contact-card-action-btn.remove:hover{background:#fee2e2;color:#dc2626}.contact-card-content{padding:1.5rem;cursor:pointer}.contact-card-header{display:flex;gap:1rem;margin-bottom:1rem}.contact-avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.contact-avatar.large{width:4rem;height:4rem;font-size:1.5rem}.contact-card-info{flex:1;min-width:0}.contact-name{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-niche{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.contact-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.contact-detail{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.contact-detail svg{flex-shrink:0}.contact-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.contact-tag{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.contact-tag-more{font-size:.75rem;color:#9ca3af;font-weight:500}.contact-card-footer{display:flex;gap:2rem}.contact-stat{display:flex;flex-direction:column;gap:.25rem}.contact-stat-label{font-size:.75rem;color:#6b7280}.contact-stat-value{font-size:1.25rem;font-weight:700;color:#111827}.contact-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.contact-modal{background:#fff;border-radius:.75rem;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.contact-modal-title-section{display:flex;align-items:center;gap:1rem}.contact-modal-title-section h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#111827}.contact-modal-niche{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.contact-modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.contact-modal-close:hover{background:#f3f4f6;color:#111827}.contact-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.contact-info-section{margin-bottom:2rem}.contact-info-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.contact-info-item{display:flex;gap:.75rem;align-items:flex-start}.contact-info-item svg{color:#6b7280;flex-shrink:0;margin-top:.25rem}.contact-info-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.contact-info-value{font-size:.875rem;color:#111827;word-break:break-word}.contact-tags-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.slots-section{background:#f9fafb;border-radius:.5rem;padding:1.5rem}.slots-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.slots-section-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.slots-total-revenue{font-size:.875rem;color:#6b7280}.slots-total-revenue strong{color:#22c55e;font-weight:700}.slots-list{display:flex;flex-direction:column;gap:.75rem}.slot-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;display:flex;align-items:center;gap:1rem}.slot-item-info{flex:1;min-width:0}.slot-item-position{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.slot-item-size{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.125rem .5rem;border-radius:.25rem}.slot-item-ad{width:80px;height:45px;border-radius:.375rem;overflow:hidden;flex-shrink:0}.slot-item-ad img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slot-item-no-ad{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#9ca3af}.slot-item-price{font-size:1rem;font-weight:700;color:#22c55e;flex-shrink:0}.add-contact-modal{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.add-contact-modal-filters{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;align-items:center}.add-contact-modal-filters .contacts-search-bar{flex:1;max-width:none}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-toggle-btn:hover{background:#f9fafb;border-color:#9ca3af}.filter-toggle-btn:active{background:#f3f4f6}.filter-chevron{transition:transform .2s;color:#6b7280}.filter-chevron.open{transform:rotate(180deg)}.add-contact-filters-panel{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.filters-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#111827;background:#fff;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.active-filters{padding-top:1rem;border-top:1px solid #e5e7eb}.active-filters-label{font-size:.75rem;font-weight:600;color:#6b7280;margin-right:.75rem}.active-filters-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;align-items:center}.active-filter-tag{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;font-size:.8125rem;color:#1e40af;font-weight:500}.active-filter-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#bfdbfe;border:none;border-radius:50%;color:#1e40af;cursor:pointer;transition:all .2s;flex-shrink:0}.active-filter-remove:hover{background:#93c5fd;color:#1e3a8a}.clear-all-filters-btn{padding:.375rem .75rem;background:transparent;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:all .2s;font-weight:500}.clear-all-filters-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}@media (max-width: 768px){.add-contact-modal-filters{flex-direction:column;align-items:stretch}.filter-toggle-btn{width:100%;justify-content:center}.filters-panel-grid{grid-template-columns:1fr}}.niche-filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;background:#fff;cursor:pointer;min-width:150px}.niche-filter-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.add-contact-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.add-contact-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;position:sticky;top:0;z-index:10}.bulk-select-control{display:flex;align-items:center;gap:.75rem}.bulk-select-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9}.bulk-select-label{font-size:.875rem;font-weight:500;color:#475569}.bulk-add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.bulk-add-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 6px #22c55e33}.add-contact-list{display:flex;flex-direction:column;gap:.75rem}.add-contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative}.add-contact-item:hover:not(.in-campaign){background:#fff;border-color:#0ea5e9;box-shadow:0 2px 4px #3b82f61a}.add-contact-item.selected{background:#eff6ff;border-color:#0ea5e9;border-width:2px}.add-contact-item.in-campaign{opacity:.6;cursor:not-allowed;background:#f3f4f6}.add-contact-item.in-campaign:hover{border-color:#e5e7eb;box-shadow:none}.contact-select-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9;flex-shrink:0}.contact-avatar.small{width:2.5rem;height:2.5rem;font-size:1rem}.add-contact-item-info{flex:1;min-width:0}.add-contact-item-name{font-size:.9375rem;font-weight:600;color:#111827;margin-bottom:.25rem}.add-contact-item-details{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.in-campaign-badge{display:inline-flex;align-items:center;margin-left:.5rem;color:#22c55e}.contact-temperature{font-size:.75rem;padding:.125rem .5rem;border-radius:.25rem;font-weight:500}.contact-temperature.hot{background:#fee2e2;color:#991b1b}.contact-temperature.warm{background:#fef3c7;color:#854d0e}.contact-temperature.cold{background:#dbeafe;color:#1e40af}.contact-tag-count,.contact-detail-text{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.add-contact-item-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#0ea5e9;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.add-contact-item-btn:hover{background:#0284c7;transform:scale(1.05)}.contacts-view-controls{display:flex;gap:.5rem;align-items:center}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.view-toggle-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#eff6ff}.view-toggle-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.contacts-tab-layout{display:flex;gap:1.5rem;min-height:calc(100vh - 200px)}.niche-checklist-column{width:280px;flex-shrink:0;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 250px);position:sticky;top:1rem;align-self:flex-start}.niche-checklist-column-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:.75rem .75rem 0 0}.niche-checklist-column-header svg{color:#6b7280;flex-shrink:0}.niche-checklist-column-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#111827}.niche-checklist-total{font-size:.75rem;color:#6b7280;margin-top:.25rem;font-weight:500}.niche-checklist-column-content{flex:1;overflow-y:auto;padding:.75rem}.niche-checklist-empty{padding:2rem 1rem;text-align:center;color:#9ca3af;font-size:.875rem}.niche-checklist-column-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:.5rem;background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s}.niche-checklist-column-item.used{background:#f0fdf4;border-color:#86efac}.niche-checklist-item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.niche-checklist-icon{flex-shrink:0}.niche-checklist-icon.used-icon{color:#22c55e}.niche-checklist-icon.unused-icon{color:#d1d5db}.niche-checklist-item-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.niche-checklist-column-item.used .niche-checklist-item-name{color:#15803d;font-weight:600}.niche-checklist-count-badge{display:flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background:#22c55e;color:#fff;border-radius:.75rem;font-size:.75rem;font-weight:600;flex-shrink:0;margin-left:.5rem}.contacts-tab-main-content{flex:1;min-width:0}.contact-email-status{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.email-status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.email-status-badge.waiting{background:#fef3c7;color:#ca8a04}.email-status-badge.small{font-size:.625rem;padding:.125rem .375rem}.email-status-badge.small svg{width:10px;height:10px}.email-status-section{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:.5rem}.email-status-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.email-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.email-status-item{display:flex;gap:.75rem;align-items:flex-start}.email-status-item svg{flex-shrink:0;margin-top:.25rem}.email-status-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.email-status-value{font-size:.875rem;color:#111827;font-weight:600}.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding:1rem;min-height:500px;scrollbar-width:none;-ms-overflow-style:none}.kanban-board::-webkit-scrollbar{display:none}.kanban-column{flex:1;min-width:280px;background:#f9fafb;border-radius:.5rem;border-top:4px solid;display:flex;flex-direction:column;max-height:calc(100vh - 300px);transition:background .2s}.kanban-column.dragging-over{background:#f0f9ff}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:.5rem .5rem 0 0}.kanban-column-header h3{margin:0;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kanban-column-count{display:flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background:#e5e7eb;border-radius:.75rem;font-size:.75rem;font-weight:600;color:#475569}.kanban-column-content{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none;-ms-overflow-style:none}.kanban-column-content::-webkit-scrollbar{display:none}.kanban-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:all .2s;position:relative;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.kanban-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stage-color, #6b7280);border-radius:.5rem 0 0 .5rem;z-index:1}.kanban-card.dragging:before{opacity:.7}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.8;cursor:grabbing;box-shadow:0 8px 16px #0003;z-index:1000}.kanban-card-content{padding:.75rem .75rem .75rem 1rem;cursor:pointer;position:relative;pointer-events:auto}.kanban-card.dragging .kanban-card-content{pointer-events:none}.kanban-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.kanban-card-info{flex:1;min-width:0}.kanban-card-name{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-niche{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;display:inline-block}.kanban-card-remove{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.25rem;background:transparent;color:#9ca3af;cursor:pointer;transition:all .2s;flex-shrink:0;opacity:0}.kanban-card:hover .kanban-card-remove{opacity:1}.kanban-card-remove:hover{background:#fee2e2;color:#dc2626}.kanban-card-details{margin-bottom:.75rem}.kanban-card-detail{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.kanban-card-detail svg{flex-shrink:0}.kanban-card-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e7eb}.kanban-card-stat{display:flex;gap:.5rem;font-size:.75rem;color:#6b7280}.kanban-card-stat span:last-child{font-weight:600;color:#22c55e}.kanban-card-email-status{display:flex;gap:.375rem}@media (max-width: 768px){.contacts-summary-header{padding:1.5rem}.summary-stats{grid-template-columns:1fr}.contacts-action-bar{flex-direction:column;align-items:stretch}.contacts-search-bar{max-width:none}.search-notice-row{flex-direction:column;margin:1.5rem 1rem 0}.search-notice-row .contacts-search-bar{min-width:100%;max-width:100%}.campaign-mode-notice{width:100%}.add-contact-btn{justify-content:center}.contacts-list-container{padding:1rem 1rem 1rem 0}.contacts-list-header{flex-direction:column;align-items:stretch}.contacts-count-display{width:100%}.niche-expand-controls{width:100%;justify-content:stretch}.expand-collapse-btn{flex:1;justify-content:center}.contacts-grid{grid-template-columns:1fr}.niche-section{padding:0}.niche-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.niche-stats{flex-direction:column;gap:.5rem;width:100%}.niche-stat-item{width:100%;justify-content:space-between}.contact-card-new{padding:1rem}.contact-card-new-footer{flex-direction:column;gap:.75rem}.contact-stat-new{width:100%}.contact-info-grid{grid-template-columns:1fr}.slot-item{flex-wrap:wrap}.slot-item-ad{width:100%;height:100px}.add-contact-modal-filters{flex-direction:column}.niche-filter-select{width:100%}.add-contact-item{padding:.75rem}.contacts-view-controls{order:-1}.contacts-tab-layout{flex-direction:column}.niche-checklist-column{width:100%;max-height:300px;position:static;margin-bottom:1.5rem}.add-contact-modal-filters{grid-template-columns:1fr;gap:.5rem}.add-contact-modal-filters .contacts-search-bar{grid-column:1}.kanban-board{flex-direction:column}.kanban-column{min-width:100%;max-height:400px}.email-status-grid{grid-template-columns:1fr}}.contacts-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.niche-stats-totals{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.niche-stat-total{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.niche-stat-total svg{color:#0ea5e9;flex-shrink:0}.niche-stat-total .stat-value{font-weight:600;color:#111827}.niche-stat-total .stat-label{color:#9ca3af;font-size:.75rem}.niches-list-compact{display:flex;flex-direction:column;gap:.75rem}.niche-section-compact{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.niche-header-compact{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.niche-header-compact:hover{background:#f3f4f6}.niche-header-left-compact{display:flex;align-items:center;gap:.5rem}.niche-collapse-toggle-compact{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:#6b7280;cursor:pointer;padding:0}.niche-header-left-compact h4{margin:0;font-size:.875rem;font-weight:600;color:#111827}.niche-header-left-compact svg{color:#0ea5e9;flex-shrink:0}.niche-stats-compact{display:flex;align-items:center;gap:1rem}.niche-stat-compact{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280;font-weight:500}.niche-stat-compact svg{color:#0ea5e9;flex-shrink:0}.contacts-list-compact-container{background:#fff}.contacts-list-compact-header{display:grid;grid-template-columns:40px 1.5fr 1.5fr 1fr .8fr .8fr 1fr .6fr 100px;gap:.75rem;padding:.5rem .875rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.contacts-list-compact-body{display:flex;flex-direction:column}.contacts-list-compact-row{display:grid;grid-template-columns:40px 1.5fr 1.5fr 1fr .8fr .8fr 1fr .6fr 100px;gap:.75rem;padding:.625rem .875rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;align-items:center}.contacts-list-compact-row:hover{background:#f9fafb}.contacts-list-compact-row:last-child{border-bottom:none}.list-col-checkbox,.list-col-business,.list-col-contact,.list-col-stage,.list-col-temp,.list-col-slots,.list-col-revenue,.list-col-ad,.list-col-actions{display:flex;align-items:center;font-size:.8125rem;color:#374151}.list-checkbox-compact{width:16px;height:16px;cursor:pointer}.list-business-name-compact{display:flex;align-items:center;gap:.5rem}.list-favorite-btn-compact{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:#d1d5db;cursor:pointer;padding:0;transition:color .2s}.list-favorite-btn-compact:hover{color:#fbbf24}.list-favorite-btn-compact svg{width:12px;height:12px}.list-contact-item-compact{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.list-contact-item-compact svg{flex-shrink:0;color:#9ca3af}.list-stage-badge-compact{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;border:1px solid}.list-temperature-compact{font-size:1rem;line-height:1}.list-slots-compact,.list-revenue-compact{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#374151}.list-slots-compact svg,.list-revenue-compact svg{color:#9ca3af;flex-shrink:0}.list-ad-status-compact{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.25rem}.list-ad-status-compact.has-ad{background:#d1fae5;color:#059669}.list-ad-status-compact.no-ad{background:#fee2e2;color:#dc2626}.list-actions-compact{display:flex;align-items:center;gap:.375rem}.list-action-btn-compact{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:.25rem;cursor:pointer;padding:0;transition:all .2s}.list-action-btn-compact.view-btn{color:#0ea5e9}.list-action-btn-compact.view-btn:hover{background:#e0f2fe}.list-action-btn-compact.delete-btn{color:#dc2626}.list-action-btn-compact.delete-btn:hover{background:#fee2e2}.contacts-table-view-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.contacts-table-view{display:flex;flex-direction:column}.contacts-table-header-compact{display:grid;grid-template-columns:40px 1.5fr 1fr 1.5fr 1fr .8fr .8fr 1fr .6fr 100px;gap:.75rem;padding:.5rem .875rem;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.contacts-table-body-compact{display:flex;flex-direction:column}.contacts-table-row-compact{display:grid;grid-template-columns:40px 1.5fr 1fr 1.5fr 1fr .8fr .8fr 1fr .6fr 100px;gap:.75rem;padding:.625rem .875rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;align-items:center}.contacts-table-row-compact:hover{background:#f9fafb}.contacts-table-row-compact:last-child{border-bottom:none}.table-col-checkbox,.table-col-business,.table-col-niche,.table-col-contact,.table-col-stage,.table-col-temp,.table-col-slots,.table-col-revenue,.table-col-ad,.table-col-actions{display:flex;align-items:center;font-size:.8125rem;color:#374151}.table-checkbox-header,.table-checkbox-compact{width:16px;height:16px;cursor:pointer}.table-business-name-compact{display:flex;align-items:center;gap:.5rem}.table-favorite-btn-compact{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:#d1d5db;cursor:pointer;padding:0;transition:color .2s}.table-favorite-btn-compact:hover{color:#fbbf24}.table-favorite-btn-compact svg{width:12px;height:12px}.table-niche-badge-compact{display:inline-block;padding:.25rem .5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.75rem;color:#6b7280}.table-contact-item-compact{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.table-contact-item-compact svg{flex-shrink:0;color:#9ca3af}.table-stage-badge-compact{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;border:1px solid}.table-temperature-compact{font-size:1rem;line-height:1}.table-slots-compact,.table-revenue-compact{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#374151}.table-slots-compact svg,.table-revenue-compact svg{color:#9ca3af;flex-shrink:0}.table-ad-status-compact{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.25rem}.table-ad-status-compact.has-ad{background:#d1fae5;color:#059669}.table-ad-status-compact.no-ad{background:#fee2e2;color:#dc2626}.table-actions-compact{display:flex;align-items:center;gap:.375rem}.table-action-btn-compact{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:.25rem;cursor:pointer;padding:0;transition:all .2s}.table-action-btn-compact.view-btn{color:#0ea5e9}.table-action-btn-compact.view-btn:hover{background:#e0f2fe}.table-action-btn-compact.delete-btn{color:#dc2626}.table-action-btn-compact.delete-btn:hover{background:#fee2e2}@media (max-width: 1400px){.contacts-list-compact-header,.contacts-list-compact-row{grid-template-columns:40px 1.5fr 1.2fr .9fr .7fr .7fr .9fr .5fr 90px;gap:.5rem}.contacts-table-header-compact,.contacts-table-row-compact{grid-template-columns:40px 1.5fr .9fr 1.2fr .9fr .7fr .7fr .9fr .5fr 90px;gap:.5rem}}.campaign-emails-tab{min-height:100%;background:#f9fafb}.emails-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem;position:sticky;top:0;z-index:10}.emails-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.emails-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#111827}.emails-header p{margin:0;color:#6b7280;font-size:.875rem}.emails-header-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:#0ea5e9;color:#fff}.btn-primary:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.emails-content{max-width:1400px;margin:0 auto;padding:2rem}.emails-loading{padding:4rem 2rem;text-align:center;color:#6b7280}.emails-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.email-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.email-stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.email-stat-value{font-size:1.75rem;font-weight:700;color:#111827}.emails-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;margin-bottom:1.5rem}.emails-section h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.section-description{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.email-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.email-template-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .2s}.email-template-card:hover{border-color:#0ea5e9;box-shadow:0 4px 6px #3b82f61a}.email-template-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.email-template-header svg{color:#0ea5e9}.email-template-header h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.email-template-subject{margin:0 0 1rem;font-size:.875rem;color:#6b7280;line-height:1.5}.email-template-actions{display:flex;gap:.75rem}.btn-template-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#0ea5e9;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-template-action:hover{background:#0284c7}.btn-template-action.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-template-action.secondary:hover{background:#f9fafb;border-color:#9ca3af}.email-history-list{display:flex;flex-direction:column;gap:1rem}.email-history-item{display:flex;gap:1rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.email-history-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.email-history-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#fff}.email-history-content{flex:1;min-width:0}.email-history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.email-history-header h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.email-status-badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.email-status-badge.sent{background:#dcfce7;color:#16a34a}.email-status-badge.scheduled{background:#fef3c7;color:#ca8a04}.email-status-badge.failed{background:#fee2e2;color:#dc2626}.email-history-subject{margin:0 0 .75rem;font-size:.875rem;color:#6b7280}.email-history-meta{display:flex;gap:1.5rem;font-size:.75rem;color:#9ca3af}.email-history-meta span{display:flex;align-items:center;gap:.375rem}.emails-empty-state{padding:4rem 2rem;text-align:center;color:#6b7280}.emails-empty-state.small{padding:2rem}.emails-empty-state p{margin:1rem 0 0;font-size:1rem;font-weight:500}.emails-empty-state .hint{margin:.5rem 0 0;font-size:.875rem;color:#9ca3af}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.email-modal{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.email-modal.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;font-family:inherit}.recipients-summary{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#6b7280}.send-options{display:flex;gap:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input[type=radio]{cursor:pointer}.radio-option span{font-size:.875rem;color:#374151}.drip-sequence-placeholder{text-align:center;padding:3rem 2rem}.drip-sequence-placeholder h4{margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600;color:#111827}.drip-sequence-placeholder p{margin:0 0 1.5rem;color:#6b7280;max-width:500px;margin-left:auto;margin-right:auto}.feature-list{list-style:none;padding:0;text-align:left;max-width:400px;margin:0 auto}.feature-list li{padding:.75rem;margin-bottom:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#374151}.feature-list li:before{content:"✓";display:inline-block;margin-right:.75rem;color:#22c55e;font-weight:700}@media (max-width: 768px){.emails-header{padding:1.5rem}.emails-header-content{flex-direction:column;gap:1.5rem}.emails-header-actions{width:100%;flex-direction:column}.emails-header-actions button{width:100%;justify-content:center}.emails-content{padding:1rem}.emails-stats,.email-templates-grid{grid-template-columns:1fr}.email-history-item{flex-direction:column}.email-modal{max-width:100%;max-height:100%;border-radius:0}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%;justify-content:center}}.campaign-detail-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.campaign-detail-backdrop.visible{opacity:1;pointer-events:auto}.campaign-detail-panel{position:fixed;top:0;right:0;bottom:0;width:100vw;background:#fff;z-index:1001;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.campaign-detail-panel.open{transform:translate(0)}.campaign-detail-header{border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.campaign-detail-header-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem}.campaign-detail-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .25rem}.campaign-detail-subtitle{font-size:.875rem;color:#6b7280;margin:0}.campaign-detail-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.campaign-detail-close-btn:hover{background-color:#f3f4f6;color:#111827}.campaign-detail-tabs{display:flex;gap:0;padding:0 2rem;border-bottom:1px solid #e5e7eb}.campaign-detail-tab{background:none;border:none;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px}.campaign-detail-tab:hover{color:#111827}.campaign-detail-tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.campaign-detail-content{flex:1;overflow-y:auto;background:#f9fafb}@media (min-width: 768px){.campaign-detail-panel{width:95vw}}@media (min-width: 1024px){.campaign-detail-panel{width:90vw}}@media (min-width: 1280px){.campaign-detail-panel{width:85vw}}body.is-printing-campaign,body.is-printing-campaign *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.email-marketing-page{min-height:100%;background:#f1f5f9;padding:40px 32px 64px;display:flex;flex-direction:column;gap:24px}.email-marketing-page--loading{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#475569}.templates-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.templates-heading{display:inline-flex;align-items:center;gap:12px}.templates-heading h2{margin:0;font-size:28px;color:#0f172a}.templates-heading span{padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0f172a;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.templates-description{margin:6px 0 0;color:#475569;font-size:14px;max-width:360px}.status-toast{margin-top:12px;background:#e0f2fe;border-radius:12px;padding:10px 12px;font-size:13px;color:#0f172a}.btn-create-template{background:#1d4ed8;color:#fff;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 18px 30px #2563eb40}.btn-create-template:hover{opacity:.95}.templates-panel{background:#fff;border-radius:18px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 25px 45px #0f172a14}.templates-grid{display:flex;flex-direction:column;gap:16px}.template-card{border:1px solid #e2e8f0;border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:10px}.template-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-card h3{margin:0;font-size:18px;color:#0f172a}.template-card__subject{margin:0;font-size:14px;font-weight:600;color:#0f172a}.template-card__snippet{margin:0;font-size:13px;color:#475569;line-height:1.5}.template-card-actions{display:flex;gap:8px;margin-top:8px}.icon-button-icon{width:34px;height:34px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.icon-button-icon:hover{background:#f8fafc}.icon-button-icon--danger{border-color:#fecdd3;color:#dc2626}.template-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.template-stage{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f0f9ff;color:#0369a1;font-size:11px;font-weight:600;letter-spacing:.06em}.template-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0f172a;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.empty-state{padding:20px;border-radius:16px;background:#eff6ff;text-align:center;color:#475569;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-window{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:520px;box-shadow:0 30px 60px #0f172a59}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{margin:0;font-size:20px;color:#0f172a}.modal-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#0f172a}.modal-form input,.modal-form textarea,.modal-form select{border-radius:12px;border:1px solid #cbd5f5;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:#0f172a}.modal-form textarea{resize:vertical;min-height:120px}.placeholder-helper{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:12px 14px;font-size:13px;color:#475569;display:flex;flex-direction:column;gap:6px}.placeholder-helper__header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.placeholder-helper__header small{font-weight:400;font-size:12px;color:#94a3b8}.placeholder-helper__chips{display:flex;flex-wrap:wrap;gap:8px}.placeholder-helper__chip{border-radius:999px;border:1px solid #cbd5f5;background:#fff;padding:6px 14px;font-size:13px;color:#0f172a;cursor:pointer;transition:border-color .2s ease,background .2s ease}.placeholder-helper__chip:hover{border-color:#1d4ed8;background:#e0f2fe}.placeholder-helper__chip:focus-visible{outline:2px solid #0284c7;outline-offset:2px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.btn-secondary{border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;padding:10px 20px;cursor:pointer;font-weight:600}@media (max-width: 768px){.email-marketing-page{padding:24px 16px 48px}.templates-top-row{flex-direction:column;align-items:flex-start}.btn-create-template{width:100%;justify-content:center}}.packing-page{max-width:1200px;margin:0 auto;padding:.75rem 1rem 2rem;display:flex;flex-direction:column;gap:1rem}.status-banner{border-radius:12px;border:1px solid #fecdd3;background:#fff1f2;color:#9f1239;padding:1rem 1.25rem;display:flex;gap:.75rem;align-items:center;font-weight:600}.status-banner .icon{width:20px;height:20px}.usage-callout{background:#e0f2ff;border:1px solid #93c5fd;border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;color:#0f172a}.usage-callout-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.callout-toggle{background:transparent;border:none;padding:.25rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.callout-toggle:focus-visible{outline:2px solid #0284c7;outline-offset:2px}.callout-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#475569;margin-bottom:.25rem}.callout-description{margin:0;font-size:.95rem;color:#0f172a}.callout-icon{width:20px;height:20px;color:#0f172a}.callout-steps{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.15rem;font-size:.9rem;color:#0f172a}.callout-steps li{line-height:1.4;list-style:decimal}.usage-callout[data-open=true] .callout-icon{transform:rotate(180deg)}.usage-callout[data-open=false] .callout-icon{transform:rotate(0)}.packing-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;align-items:start}.upload-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 10px 24px #0f172a14;padding:.9rem;display:flex;flex-direction:column;gap:.6rem}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;margin-bottom:.25rem}.card-heading h2,.card-heading h3{margin:0;font-size:1rem;color:#0f172a}.card-subtext{margin:0;color:#475569;line-height:1.4;font-size:.9rem}.badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;padding:.25rem .75rem;border-radius:999px;font-weight:700}.badge-required{background:#fbcfe8;color:#831843;border:1px solid #fde2ef}.badge-optional{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.dropzone{border:2px dashed #cbd5f5;padding:.85rem;border-radius:16px;text-align:center;transition:background .2s ease,border-color .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center;min-height:120px}.dropzone:hover{border-color:#6366f1;background:#eef2ff}.dropzone.filled{border-color:#22c55e;background:#dcfce7}.dropzone-icon{width:40px;height:40px;color:#94a3b8}.dropzone-text{color:#475569;font-size:.95rem}.dropzone-text .bold{font-weight:600;font-size:1rem;color:#0f172a}.date-input{padding:.75rem 1rem;border-radius:10px;border:1px solid #cbd5f5;font-size:1rem}.generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:10px;padding:.75rem 1rem;background:#0284c7;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease;width:100%}.generate-btn:disabled{background:#cbd5f5;cursor:not-allowed}.helper-text{margin:0;color:#94a3b8;font-size:.85rem}.status-row{margin:1rem 0}.status-panel{width:100%;background:#e0f2ff;border:1px solid #93c5fd;border-radius:12px;padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.status-panel-leading{display:flex;align-items:center;gap:.75rem}.status-panel-texts{display:flex;flex-direction:column}.status-panel-line{margin:0;font-size:.95rem;color:#0f172a}.status-panel.processing{background:#eef2ff;border-color:#93c5fd}.status-panel.complete{background:#ecfdf5;border-color:#34d399}.status-panel.error{background:#fef2f2;border-color:#fecaca}.status-panel.idle{background:#e0f2ff;border-color:#93c5fd}.status-icon{color:#0284c7}.status-icon.success{color:#15803d}.status-icon.error{color:#dc2626}.status-idle-text{color:#475569}.status-panel .download-btn{margin-left:auto}.download-btn.compact{padding:.55rem 1rem;font-size:.9rem}.route-list{border-top:1px solid #e2e8f0;padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.route-list-header{display:flex;justify-content:space-between;align-items:center}.pill{background:#eef2ff;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;color:#1e3a8a;font-weight:600}.route-list-body{overflow-x:auto}.route-list table{width:100%;border-collapse:collapse;font-size:.9rem}.route-list th,.route-list td{padding:.25rem 0;text-align:left;border-top:1px solid #e2e8f0;color:#475569}.route-list th.text-right,.route-list td.text-right{text-align:right}.dnd-card .dropzone{padding:.75rem}.csv-loaded{border:1px solid #d1fae5;background:#ecfdf5;border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.csv-loaded-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.csv-loaded-top .icon{width:20px;height:20px;color:#059669}.text-link{background:none;border:none;padding:0;cursor:pointer;color:#dc2626;display:flex;align-items:center;gap:.25rem}.dnd-preview{border:1px solid #cbd5f5;border-radius:12px;background:#fff;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.dnd-preview-table{max-height:220px;overflow-y:auto}.dnd-preview table{width:100%;border-collapse:collapse;font-size:.8rem}.dnd-preview th,.dnd-preview td{padding:.25rem 0;text-align:left;border-top:1px solid #e2e8f0;color:#475569}.dnd-preview-helper{font-size:.85rem;padding-top:.25rem}.text-success{color:#15803d}.text-warning{color:#ca8a04}.text-error{color:#991b1b}.loader{width:28px;height:28px;color:#0284c7;animation:spin 1s linear infinite}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:#16a34a;color:#fff;padding:.65rem 1rem;border-radius:10px;cursor:pointer;font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:.75rem 1rem;box-shadow:0 8px 20px #0f172a14}.stat-card p{margin:0;color:#94a3b8;font-size:.85rem}.stat-card strong{font-size:1.5rem;color:#0f172a}@media (max-width: 768px){.packing-card-grid,.stats-row{grid-template-columns:1fr}}@media (max-width: 900px){.status-panel{flex-direction:column;align-items:flex-start}.status-panel .download-btn{width:100%;margin-left:0}}.ad-generator-container{max-width:1200px;margin:0 auto;padding:24px}.ad-generator-page{padding:24px}.ad-generator-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#64748b}.ad-generator-empty-icon{color:#cbd5e1;margin-bottom:16px}.ad-generator-empty-state h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:8px}.ad-generator-empty-state p{font-size:14px;color:#64748b}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:24px}.ad-generator-wizard{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px;margin-bottom:24px}.steps-indicator{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;position:relative}.step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:200px}.step-icon-wrapper{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0;transition:all .3s;margin-bottom:8px}.step-indicator.active .step-icon-wrapper{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border-color:#0ea5e9;box-shadow:0 4px 12px #3b82f64d}.step-indicator.completed .step-icon-wrapper{background:#10b981;color:#fff;border-color:#10b981}.step-label{font-size:14px;font-weight:500;color:#64748b;text-align:center}.step-indicator.active .step-label{color:#1e293b;font-weight:600}.step-connector{position:absolute;top:28px;left:calc(50% + 28px);right:calc(-50% + 28px);height:2px;background:#e2e8f0;z-index:-1}.step-indicator.completed+.step-indicator .step-connector,.step-indicator.active+.step-indicator .step-connector{background:#10b981}.wizard-content{min-height:400px;margin-bottom:32px}.ad-generator-step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content{max-width:600px;margin:0 auto}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.color-options{display:flex;gap:16px;margin-bottom:16px}.radio-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;flex:1}.radio-option:hover{border-color:#cbd5e1}.radio-option input[type=radio]{width:auto;margin:0;cursor:pointer}.radio-option input[type=radio]:checked+span{font-weight:600}.radio-option:has(input[type=radio]:checked){border-color:#0ea5e9;background:#eff6ff}.color-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.color-picker-wrapper{display:flex;gap:12px;align-items:center}.color-picker-wrapper input[type=color]{width:60px;height:40px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:0}.color-picker-wrapper input[type=text]{flex:1;font-family:Monaco,Courier New,monospace}.logo-upload{border:2px dashed #cbd5e1;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s;background:#f8fafc}.logo-upload:hover{border-color:#0ea5e9;background:#eff6ff}.logo-upload svg{color:#64748b;margin-bottom:8px}.logo-upload p{font-size:14px;font-weight:500;color:#1e293b;margin:8px 0 4px}.logo-upload span{font-size:12px;color:#64748b}.logo-preview{position:relative;display:inline-block;border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f8fafc}.logo-preview img{max-width:200px;max-height:100px;-o-object-fit:contain;object-fit:contain}.remove-logo-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.remove-logo-btn:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b}.wizard-actions{display:flex;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary,.btn-generate{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-generate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generated-result{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px;animation:fadeIn .3s ease-in}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.result-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.result-actions{display:flex;gap:12px}.result-preview{display:flex;justify-content:center;align-items:center;padding:24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.result-preview img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.ad-generator-container{padding:16px}.ad-generator-wizard{padding:24px 16px}.steps-indicator{flex-direction:column;gap:24px}.step-connector{display:none}.color-inputs{grid-template-columns:1fr}.wizard-actions{flex-direction:column-reverse}.wizard-actions button{width:100%;justify-content:center}.result-header{flex-direction:column;align-items:flex-start;gap:16px}.result-actions{width:100%;flex-direction:column}.result-actions button{width:100%;justify-content:center}}.activity-types-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;position:relative}.activity-type-row{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:move;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform-origin:center;overflow:visible}.activity-type-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#06b6d4);opacity:0;transition:opacity .3s}.activity-type-row:hover:before{opacity:.5}.activity-type-row.dragging:before,.activity-type-row.drag-over:before{opacity:1}.activity-type-row:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.activity-type-row.dragging{opacity:.4;transform:scale(.98) rotate(-1deg);box-shadow:0 8px 24px #00000026;border-color:#0ea5e9;background:#f0f9ff;z-index:1000}.activity-type-row.drag-over{border-color:#0ea5e9;background:#f0f9ff;transform:scale(1.02);box-shadow:0 0 0 3px #0ea5e91a}.activity-type-row.drag-over-above:before{content:"";position:absolute;top:-6px;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);border-radius:2px;box-shadow:0 0 8px #0ea5e980;animation:pulse-line 1s ease-in-out infinite}.activity-type-row.drag-over-below:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);border-radius:2px;box-shadow:0 0 8px #0ea5e980;animation:pulse-line 1s ease-in-out infinite}@keyframes pulse-line{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.98)}}.activity-type-reorder-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:#94a3b8;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:6px;position:relative}.activity-type-reorder-btn:hover{color:#0ea5e9;background:#f0f9ff;transform:scale(1.1)}.activity-type-reorder-btn:active{cursor:grabbing;transform:scale(.95)}.activity-type-row:hover .activity-type-reorder-btn{color:#64748b}.activity-type-row.dragging .activity-type-reorder-btn{color:#0ea5e9;animation:wiggle .3s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.activity-type-order-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f1f5f9;border-radius:50%;font-size:11px;font-weight:600;color:#64748b;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.activity-type-row:hover .activity-type-order-indicator{background:#e0f2fe;color:#0ea5e9;transform:scale(1.1)}.activity-type-row.dragging .activity-type-order-indicator{background:#0ea5e9;color:#fff;transform:scale(1.2);box-shadow:0 2px 8px #0ea5e966}.activity-type-row.drag-over .activity-type-order-indicator{background:#0ea5e9;color:#fff;animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.activity-type-name{display:flex;align-items:center;gap:12px;flex:1;font-size:14px;font-weight:500;color:#1e293b;transition:all .2s}.activity-type-row.dragging .activity-type-name{color:#0ea5e9}.activity-type-name svg{transition:transform .2s}.activity-type-row:hover .activity-type-name svg{transform:scale(1.1)}.activity-type-edit-form{display:flex;align-items:center;gap:8px;flex:1}.activity-type-name-input{flex:1;padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;min-width:150px}.activity-type-color-input{width:40px;height:32px;padding:2px;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer}.activity-type-actions{display:flex;align-items:center;gap:4px;transition:all .2s}.activity-type-row.dragging .activity-type-actions{opacity:.3;pointer-events:none}.activity-type-edit-btn,.activity-type-save-btn,.activity-type-cancel-btn,.activity-type-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.activity-type-edit-btn:hover{background:#f1f5f9;color:#0ea5e9;transform:scale(1.05)}.activity-type-save-btn:hover{background:#f0fdf4;color:#22c55e;transform:scale(1.05)}.activity-type-cancel-btn:hover,.activity-type-delete-btn:hover{background:#fef2f2;color:#ef4444;transform:scale(1.05)}.activity-type-edit-btn:active,.activity-type-save-btn:active,.activity-type-cancel-btn:active,.activity-type-delete-btn:active{transform:scale(.95)}.activity-type-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.activity-type-switch input{opacity:0;width:0;height:0}.activity-type-switch-toggle{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.activity-type-switch-toggle:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.activity-type-switch:hover .activity-type-switch-toggle{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #cbd5e14d}.activity-type-switch input:checked+.activity-type-switch-toggle{background-color:#0ea5e9;box-shadow:inset 0 2px 4px #0000001a}.activity-type-switch input:checked+.activity-type-switch-toggle:before{transform:translate(20px)}.activity-type-switch:hover input:checked+.activity-type-switch-toggle{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #0ea5e94d}.activity-type-row.dragging .activity-type-switch{opacity:.5;pointer-events:none}.activity-type-add-button{margin-top:16px;animation:fadeIn .3s ease-in-out}.activity-type-add-form{display:flex;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f0f9ff);border:2px dashed #0ea5e9;border-radius:8px;margin-top:16px;animation:slideDown .3s ease-in-out;box-shadow:0 4px 12px #0ea5e91a}.activity-type-add-save-btn{margin-left:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@media (max-width: 768px){.activity-type-row{flex-wrap:wrap;padding:12px}.activity-type-order-indicator{width:20px;height:20px;font-size:10px}.activity-type-reorder-btn{width:28px;height:28px}.activity-type-edit-form{flex-wrap:wrap;width:100%}.activity-type-add-form{flex-wrap:wrap}.activity-type-row.drag-over-above:before,.activity-type-row.drag-over-below:after{height:3px}.activity-type-edit-btn,.activity-type-save-btn,.activity-type-cancel-btn,.activity-type-delete-btn{width:36px;height:36px}.activity-type-switch{width:48px;height:28px}.activity-type-switch-toggle:before{height:22px;width:22px}.activity-type-switch input:checked+.activity-type-switch-toggle:before{transform:translate(20px)}}.activity-type-icon-picker-wrapper{position:relative}.activity-type-icon-picker-dropdown{position:fixed;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0003;z-index:10000;padding:12px;min-width:320px;max-width:400px;max-height:400px;overflow-y:auto;pointer-events:auto;will-change:transform}.activity-type-icon-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.activity-type-icon-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}.activity-type-icon-option:hover{background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.1)}.activity-type-icon-option.selected{background:#f0f9ff;border-color:currentColor;color:currentColor;box-shadow:0 0 0 2px #0ea5e91a}.auth-container{min-height:100vh;background:#fff;position:relative}.auth-logo-top{position:absolute;top:24px;left:24px;z-index:10}.auth-logo-top .logo{display:flex;align-items:center}.auth-wrapper{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh}.auth-left{background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.auth-branding{max-width:500px;z-index:1;position:relative;color:#fff}.auth-welcome-title{font-size:42px;font-weight:800;margin:0 0 16px;line-height:1.2;color:#fff}.auth-welcome-subtitle{font-size:18px;line-height:1.6;margin:0 0 40px;color:#ffffffe6;opacity:.95}.auth-features{display:flex;flex-direction:column;gap:20px}.auth-feature{display:flex;align-items:center;gap:12px;font-size:16px;color:#fff}.auth-feature svg{flex-shrink:0;opacity:.95}.auth-right{display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#f8fafc;overflow-y:auto}.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:24px;width:100%;max-width:420px}.auth-header{margin-bottom:20px}.auth-title{font-size:26px;font-weight:700;color:#1a202c;margin:0 0 5px}.auth-subtitle{color:#64748b;font-size:14px;margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:600;color:#1e293b;font-size:14px}.form-group input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;background:#fff;color:#1a202c}.form-group input::-moz-placeholder{color:#94a3b8}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.form-group input:hover{border-color:#cbd5e1}.error-message{background-color:#fef2f2;color:#dc2626;padding:14px 16px;border-radius:10px;font-size:14px;text-align:center;border:1px solid #fecaca}.auth-button{padding:10px 18px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.secondary{background:#f1f5f9;color:#1e293b}.auth-button.secondary:hover:not(:disabled){background:#e2e8f0}.auth-button.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;margin-top:4px}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e959}.auth-footer{margin-top:20px;text-align:center;color:#64748b;font-size:14px}.auth-footer a{color:#0ea5e9;text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:#0284c7;text-decoration:underline}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:8px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#0ea5e9}.auth-link-button{background:none;border:none;color:#0ea5e9;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s}.auth-link-button:hover{color:#0284c7;text-decoration:underline}.forgot-section{margin-top:20px;text-align:center}.forgot-panel{border:2px solid #e2e8f0;border-radius:12px;padding:24px;background:#f8fafc}.forgot-header{display:flex;align-items:center;gap:10px;justify-content:center;font-size:15px;color:#1e293b;margin-bottom:16px;font-weight:600}.forgot-actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.forgot-message{font-size:14px;color:#475569;padding:12px;border-radius:8px;background:#f1f5f9;margin-top:12px;text-align:center}.google-button{background:#fff;color:#1a202c;border:2px solid #e2e8f0!important;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:0}.google-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.google-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;text-align:center;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 16px;color:#94a3b8;font-size:14px;font-weight:500}@media (max-width: 968px){.auth-wrapper{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:80px 20px 32px}.auth-card{padding:24px 20px}.auth-logo-top{top:16px;left:16px}}@media (max-width: 640px){.auth-right{padding:80px 16px 20px}.auth-card{padding:20px 16px}.auth-title{font-size:24px}.auth-welcome-title{font-size:36px}.auth-branding{max-width:100%}.auth-logo-top{top:12px;left:12px}.auth-logo-top .logo-image{height:72px!important}}.logo{display:flex;align-items:center;gap:12px;font-weight:700;color:#1a202c}.logo-image{flex-shrink:0;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.logo-text{font-size:inherit;line-height:1;white-space:nowrap}.logo-default{font-size:24px}.logo-large{font-size:32px;gap:16px}.logo-small{font-size:18px;gap:8px}.logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background:#f8fafc}.sidebar{width:260px;background:#1e293b;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid #334155}.sidebar-logo{margin:0;display:flex;align-items:center}.sidebar-logo .logo-image{filter:none}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#94a3b8;text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s;font-size:14px;font-weight:500}.nav-item:hover{background:#334155;color:#e2e8f0}.nav-item.active{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff}.nav-item.coming-soon{cursor:not-allowed;opacity:.6;position:relative}.nav-item.coming-soon:hover{background:transparent;color:#94a3b8}.lock-icon{margin-left:auto;color:#64748b;flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid #334155}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#334155;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s}.user-info:hover{background:#475569}.user-info.active{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-details{flex:1;min-width:0}.user-email{font-size:13px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-out-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:transparent;border:1px solid #475569;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.sign-out-btn:hover{background:#475569;color:#fff;border-color:#64748b}.main-content{flex:1;overflow-y:auto;background:#f8fafc}.dashboard-loading{height:100vh;display:flex;align-items:center;justify-content:center;font-size:16px;color:#94a3b8;background:#f8fafc}@media (max-width: 768px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:1000;transition:left .3s}.sidebar.open{left:0}.main-content{width:100%}}@media print{.sidebar{display:none!important}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-full{height:100%}.w-4{width:calc(var(--spacing)*4)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-lime-600{background-color:var(--color-lime-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.text-center{text-align:center}.text-right{text-align:right}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-lime-700{color:var(--color-lime-700)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}*{box-sizing:border-box}html,body{height:100%}#root{min-height:100%}body{color:#0f172a;background-color:#f0f9ff;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}