.voice-logs-container{margin-top:1.5rem;background:#242424;border-radius:8px;box-shadow:0 1px 3px #0000004d;padding:clamp(.75rem,2vw,1.25rem);border:1px solid #3a3a3a;width:100%;box-sizing:border-box;overflow:hidden}.voice-logs-title{margin:0 0 1rem;font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#f3f4f6}.voice-logs-error{background:#7f1d1d;border:1px solid #dc2626;color:#fecaca;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;word-wrap:break-word}.voice-logs-loading{text-align:center;padding:2.5rem 1rem;color:#9ca3af;font-style:italic}.voice-logs-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.voice-logs-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:700px;background:#242424;border-radius:8px;overflow:hidden}.voice-logs-table th,.voice-logs-table td{text-align:left;padding:.75rem;border-bottom:1px solid #3a3a3a}.voice-logs-table th{background:#2a2a2a;font-weight:600;font-size:.75rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.voice-logs-table tbody tr:nth-child(2n){background:#2a2a2a}.voice-logs-table tbody tr:nth-child(odd){background:#242424}.voice-logs-table tbody tr:hover{background:#333}.voice-logs-table td{color:#f3f4f6}.voice-logs-no-data{text-align:center!important;padding:2.5rem!important;color:#9ca3af;font-style:italic}.voice-logs-batch-cell{white-space:nowrap;color:#93c5fd;font-size:.8125rem}.voice-logs-outcome-cell{display:inline-flex;align-items:center;gap:.5rem;min-height:1.5rem;line-height:1.5rem;white-space:nowrap;vertical-align:middle}.voice-logs-contact-dot{display:inline-block;width:10px;min-width:10px;height:10px;min-height:10px;border-radius:50%;flex-shrink:0;flex-grow:0;vertical-align:middle}.voice-logs-outcome-text{line-height:1.5rem;white-space:nowrap;vertical-align:middle}.voice-logs-contact-dot.contact{background-color:#22c55e;box-shadow:0 0 4px #22c55e80}.voice-logs-contact-dot.non-contact{background-color:#ef4444;box-shadow:0 0 4px #ef444480}.voice-logs-recording-cell{min-width:100px}.voice-logs-recording-wrapper{display:flex;flex-direction:column;gap:.5rem}.voice-logs-listen-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:1px solid #3b82f6;border-radius:4px;background:#1e3a5f;color:#60a5fa;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.voice-logs-listen-btn:hover{background:#1e4a7f;border-color:#60a5fa}.voice-logs-listen-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.voice-logs-listen-btn.active:hover{background:#1d4ed8}.voice-logs-audio-player{width:100%;max-width:200px;height:32px;margin-top:.25rem}.voice-logs-no-recording{color:#6b7280}.voice-logs-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #3a3a3a;flex-wrap:wrap;gap:.75rem}.voice-logs-pagination-info{color:#9ca3af;font-size:.875rem}.voice-logs-pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.voice-logs-pagination-controls label{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.voice-logs-pagination-controls select{padding:.375rem .625rem;border:1px solid #4b5563;border-radius:4px;font-size:.875rem;background:#2a2a2a;color:#f3f4f6}.voice-logs-pagination-controls select:focus{outline:none;border-color:#3b82f6}.voice-logs-pagination-controls button{padding:.5rem .75rem;border:1px solid #4b5563;border-radius:4px;background:#2a2a2a;color:#f3f4f6;font-size:.875rem;cursor:pointer;transition:background-color .15s;white-space:nowrap}.voice-logs-pagination-controls button:hover:not(:disabled){background:#333;border-color:#6b7280}.voice-logs-pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.voice-logs-pagination-controls span{color:#9ca3af;font-size:.875rem;white-space:nowrap}@media (max-width: 768px){.voice-logs-container{padding:.75rem}.voice-logs-pagination{flex-direction:column;align-items:flex-start}.voice-logs-pagination-controls{width:100%;justify-content:flex-start}.voice-logs-audio-player{max-width:160px}.voice-logs-listen-btn{padding:.25rem .5rem;font-size:.6875rem}.voice-logs-table th,.voice-logs-table td{padding:.5rem}}.live-queue-container{background:#422006;border:2px solid #d97706;border-radius:8px;padding:clamp(.75rem,2vw,1rem);margin-bottom:1.5rem;box-shadow:0 2px 8px #d9770633;width:100%;box-sizing:border-box;overflow:hidden}.live-queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.live-queue-title{margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#fbbf24;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.live-queue-badge{background:#dc2626;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .625rem;min-width:1.5rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.live-queue-refresh-btn{background:#2a2a2a;border:1px solid #d97706;color:#fbbf24;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:1rem;transition:background-color .2s;flex-shrink:0}.live-queue-refresh-btn:hover:not(:disabled){background:#3a3a3a}.live-queue-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.live-queue-error{background:#7f1d1d;color:#fecaca;padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.875rem;border:1px solid #dc2626;word-wrap:break-word}.live-queue-loading,.live-queue-empty{text-align:center;padding:1rem;color:#fde68a;font-size:.875rem}.live-queue-empty{color:#4ade80;background:#14532d;border-radius:4px}.live-queue-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.live-queue-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:500px}.live-queue-table th,.live-queue-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid #78350f}.live-queue-table th{background:#451a03;font-weight:600;color:#fde68a;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.live-queue-table tbody{color:#fef3c7}.live-queue-table tbody tr:hover{background:#d9770633}.live-queue-phone{color:#60a5fa;text-decoration:none;font-weight:500}.live-queue-phone:hover{text-decoration:underline;color:#93c5fd}.live-queue-queued-at{font-size:.8125rem;color:#fde68a;white-space:nowrap}.live-queue-waiting{font-size:.8125rem;color:#fcd34d;font-style:italic}.live-queue-success{background:#14532d;color:#bbf7d0;padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.875rem;border:1px solid #22c55e}.live-queue-call-btn{display:inline-flex;align-items:center;gap:.25rem;background:#059669;color:#fff;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #05966933}.live-queue-call-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 2px 4px #0596694d}.live-queue-call-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.live-queue-call-btn:disabled{background:#6b7280;cursor:not-allowed;opacity:.7}.live-queue-call-btn:focus{outline:none;box-shadow:0 0 0 2px #05966980}.live-queue-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}.live-queue-clear-btn{display:inline-flex;align-items:center;gap:.25rem;background:#dc2626;color:#fff;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #dc262633}.live-queue-clear-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26264d}.live-queue-clear-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.live-queue-clear-btn:disabled{background:#6b7280;cursor:not-allowed;opacity:.7}.live-queue-clear-btn:focus{outline:none;box-shadow:0 0 0 2px #dc262680}.live-queue-priority{text-align:center;white-space:nowrap}.live-queue-priority-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.live-queue-priority-badge.high{background:linear-gradient(135deg,#dc2626,#ea580c);color:#fff;box-shadow:0 0 8px #dc262680;animation:priority-pulse 1.5s ease-in-out infinite}.live-queue-priority-badge.normal{background:transparent;color:#9ca3af;font-size:1rem}.live-queue-high-priority{background:#dc26261a!important;border-left:3px solid #dc2626}.live-queue-high-priority:hover{background:#dc262633!important}@keyframes priority-pulse{0%,to{box-shadow:0 0 8px #dc262680}50%{box-shadow:0 0 16px #dc2626cc}}@media (max-width: 768px){.live-queue-container{padding:.75rem}.live-queue-table th,.live-queue-table td{padding:.5rem}.live-queue-actions{flex-direction:column;gap:.25rem}.live-queue-call-btn,.live-queue-clear-btn{padding:.25rem .5rem;font-size:.6875rem}.live-queue-priority-badge.high{font-size:.625rem;padding:.125rem .375rem}}.webphone-widget{background:#ffffff3b;border-radius:6px;padding:.5rem .75rem;box-shadow:0 1px 2px #0003;border:1px solid #ffffff;width:auto;max-width:220px;box-sizing:border-box;opacity:.85}.webphone-widget--stub{cursor:pointer;transition:opacity .15s ease}.webphone-widget--stub:hover{opacity:1}.webphone-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.webphone-header h3{margin:0;font-size:.8125rem;font-weight:500;color:#d1d5db}.webphone-status{padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-coming-soon{background:#ffffff3b;color:#fff}.webphone-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.webphone-modal{background:#1f1f1f;border:1px solid #4b5563;border-radius:8px;padding:1.5rem;max-width:320px;width:100%;text-align:center;box-shadow:0 4px 20px #0006}.webphone-modal h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#f3f4f6}.webphone-modal p{margin:0 0 1rem;font-size:.875rem;color:#9ca3af}.webphone-modal-close{padding:.5rem 1.25rem;background:#374151;color:#f3f4f6;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.webphone-modal-close:hover{background:#4b5563}@media (max-width: 480px){.webphone-widget{max-width:100%}}.voice-dashboard{width:100%;max-width:100%;margin:0 auto;padding:clamp(1rem,3vw,1.5rem);background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-content{flex:1 1 auto;min-width:200px}.header-webphone{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end}.dashboard-header h1{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:#f3f4f6;margin:0 0 .5rem;word-wrap:break-word}.dashboard-subtitle{color:#9ca3af;margin:0;font-size:.875rem}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.warm-leads-button{font-weight:500;padding:.5rem .75rem;color:#f3f4f6;background:#2a2a2a;border-radius:4px;border:1px solid #4b5563;cursor:pointer;font-size:.875rem;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.warm-leads-button:hover{background:#333;border-color:#6b7280}.admin-button{font-weight:500;padding:.5rem .75rem;color:#fff;background:#dc2626;border-radius:4px;border:1px solid #dc2626;cursor:pointer;font-size:.875rem;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.admin-button:hover{background:#b91c1c;border-color:#b91c1c}.logout-button{padding:.5rem .75rem;background:#2a2a2a;color:#f3f4f6;border:1px solid #4b5563;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.logout-button:hover{background:#991b1b;color:#fecaca;border-color:#dc2626}.date-filter{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.date-filter label{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem;flex-wrap:wrap}.date-filter input[type=date]{padding:.5rem .75rem;border:1px solid #4b5563;border-radius:4px;font-size:.875rem;background:#2a2a2a;color:#f3f4f6;min-width:0;max-width:100%}.date-filter input[type=date]:focus{outline:none;border-color:#3b82f6}.date-filter button{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;white-space:nowrap}.date-filter button:hover:not(:disabled){background:#1d4ed8}.date-filter button:disabled{opacity:.6;cursor:not-allowed}.time-window-selector{margin-bottom:1.5rem}.time-window-presets{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.75rem}.time-window-btn{padding:.5rem .875rem;background:#2a2a2a;color:#9ca3af;border:1px solid #ffffff;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.time-window-btn:hover:not(:disabled){background:#333;color:#f3f4f6;border-color:#6b7280}.time-window-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.time-window-btn.active:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.time-window-btn:disabled{opacity:.6;cursor:not-allowed}.custom-date-range{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.75rem;background:#242424;border-radius:6px;border:1px solid #3a3a3a}.custom-date-range label{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.8125rem}.custom-date-range input[type=date]{padding:.375rem .5rem;border:1px solid #4b5563;border-radius:4px;font-size:.8125rem;background:#2a2a2a;color:#f3f4f6;min-width:0}.custom-date-range input[type=date]:focus{outline:none;border-color:#3b82f6}.custom-date-range .apply-btn{padding:.375rem .75rem;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background .15s}.custom-date-range .apply-btn:hover:not(:disabled){background:#1d4ed8}.custom-date-range .apply-btn:disabled{opacity:.6;cursor:not-allowed}.kpi-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:#ffffff3b;padding:clamp(.75rem,2vw,1.25rem);border-radius:8px;box-shadow:0 1px 3px #0000004d;border:1px solid #ffffff;min-width:0;overflow:hidden}.kpi-title{font-size:.8125rem;font-weight:600;color:#e5e7eb;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;word-wrap:break-word}.kpi-value{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#f3f4f6;margin-bottom:.25rem;word-wrap:break-word}.kpi-subtitle{font-size:.75rem;color:#9ca3af;word-wrap:break-word}.source-table-container{background:#242424;padding:clamp(.75rem,2vw,1.25rem);border-radius:8px;box-shadow:0 1px 3px #0000004d;border:1px solid #3a3a3a;margin-bottom:1.5rem;overflow:hidden}.source-table-container h3{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#f3f4f6;margin:0 0 1rem}.source-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.source-table{width:100%;border-collapse:collapse;background:#242424;border-radius:8px;overflow:hidden;min-width:500px}.source-table th,.source-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #3a3a3a}.source-table th{background:#2a2a2a;font-size:.8125rem;font-weight:600;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.source-table td{font-size:.875rem;color:#f3f4f6}.source-table tbody tr:nth-child(2n){background:#2a2a2a}.source-table tbody tr:nth-child(odd){background:#242424}.source-table tbody tr:hover{background:#333}.source-table .no-data{text-align:center;color:#9ca3af;font-style:italic}.error-banner{background:#7f1d1d;border:1px solid #dc2626;color:#fecaca;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;word-wrap:break-word}.loading-spinner{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:1rem}.dashboard-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #3a3a3a}.dashboard-footer p{font-size:.8125rem;color:#9ca3af;margin:0;word-wrap:break-word}.dashboard-footer code{background:#2a2a2a;padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;color:#f3f4f6;word-break:break-all}.queue-section,.source-section,.logs-section{width:100%;min-width:0}@media (max-width: 768px){.voice-dashboard{padding:.75rem}.dashboard-header{flex-direction:column;align-items:flex-start}.header-webphone,.header-actions{width:100%;justify-content:flex-start}.kpi-section{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.75rem}.date-filter{gap:.5rem}.date-filter label{width:100%}.date-filter input[type=date]{flex:1;min-width:0}.time-window-presets{gap:.25rem}.time-window-btn{padding:.375rem .625rem;font-size:.75rem}.custom-date-range{flex-direction:column;align-items:stretch;gap:.5rem}.custom-date-range label{width:100%;justify-content:space-between}.custom-date-range input[type=date]{flex:1}}@media (max-width: 480px){.header-actions{flex-direction:column;align-items:stretch}.warm-leads-button,.logout-button{width:100%;justify-content:center}.time-window-presets{flex-direction:column}.time-window-btn{width:100%;text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}.login-container{width:100%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem}.login-header p{font-size:.95rem;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.login-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.create-account-link{text-align:center;margin-top:1.5rem}.create-account-link p{font-size:.875rem;color:#6b7280;margin:0}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.login-footer p{font-size:.75rem;color:#9ca3af;margin:0}.create-account-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}.create-account-container{width:100%;max-width:440px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:2.5rem}.create-account-header{text-align:center;margin-bottom:2rem}.create-account-header h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem}.create-account-header p{font-size:.95rem;color:#6b7280;margin:0}.create-account-form{display:flex;flex-direction:column;gap:1rem}.create-account-form .form-group{display:flex;flex-direction:column;gap:.375rem}.create-account-form .form-group label{font-size:.875rem;font-weight:500;color:#374151}.create-account-form .form-group input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.create-account-form .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.create-account-form .form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex}.password-input-wrapper input{flex:1;padding-right:4rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;padding:.25rem}.password-toggle:hover{color:#3b82f6}.field-error{font-size:.75rem;color:#dc2626;margin-top:.125rem}.create-account-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.create-account-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.create-account-button:active:not(:disabled){transform:translateY(0)}.create-account-button:disabled{background:#9ca3af;cursor:not-allowed}.login-link{text-align:center;margin-top:1.5rem}.login-link p{font-size:.875rem;color:#6b7280;margin:0}.link-button{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.link-button:hover{color:#2563eb}.create-account-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.create-account-footer p{font-size:.75rem;color:#9ca3af;margin:0}.voicemail-admin{width:100%;max-width:100%;margin:0 auto;padding:clamp(1rem,3vw,1.5rem);background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box}.voicemail-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem}.header-left{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;min-width:0}.header-left h1{margin:0;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;color:#f3f4f6;word-break:break-word}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.templates-section{background:#242424;padding:clamp(.75rem,2vw,1.25rem);border-radius:.5rem;box-shadow:0 1px 3px #0000004d;border:1px solid #3a3a3a;margin-bottom:1.5rem;width:100%;box-sizing:border-box;overflow:hidden}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.section-header h2{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#f3f4f6;margin:0;min-width:0;word-break:break-word}.modal-content{background:#2a2a2a;padding:clamp(1rem,3vw,1.5rem);border-radius:.75rem;width:100%;max-width:min(30rem,90vw);max-height:85vh;overflow-y:auto;box-shadow:0 4px 20px #0006;border:1px solid #4b5563;box-sizing:border-box}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.5rem .75rem;border:1px solid #4b5563;border-radius:.25rem;font-size:.875rem;box-sizing:border-box;background:#2a2a2a;color:#f3f4f6}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.templates-table{width:100%;min-width:600px;border-collapse:collapse;margin-top:1rem;background:#242424;border-radius:.5rem;overflow:hidden}.templates-table th,.templates-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #3a3a3a}.templates-table th{background:#2a2a2a;font-size:.8125rem;font-weight:600;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.templates-table td{font-size:.875rem;color:#f3f4f6}.templates-table td.truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.templates-table tbody tr:nth-child(2n){background:#2a2a2a}.templates-table tbody tr:nth-child(odd){background:#242424}.templates-table tbody tr:hover{background:#333}.no-data{text-align:center;color:#9ca3af;font-style:italic}.badge-yes{display:inline-block;padding:.125rem .5rem;background:#14532d;color:#4ade80;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-no{display:inline-block;padding:.125rem .5rem;background:#7f1d1d;color:#fca5a5;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.listen-button{padding:.375rem .75rem;background:#1e40af;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s;white-space:nowrap}.listen-button:hover:not(:disabled){background:#1d4ed8}.listen-button:disabled{background:#374151;color:#6b7280;cursor:not-allowed}.actions-cell{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.delete-button{padding:.375rem .75rem;background:#7f1d1d;color:#fecaca;border:none;border-radius:.25rem;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s;white-space:nowrap}.delete-button:hover{background:#991b1b;color:#fff}.audio-player-modal{text-align:center}.audio-player-container{padding:1rem 0}.audio-player{width:100%;max-width:100%;min-height:40px}.audio-player::-webkit-media-controls-panel{background:#2a2a2a}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:#f3f4f6}@media (max-width: 640px){.voicemail-header{flex-direction:column;align-items:flex-start}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header .primary-button{width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.listen-button,.delete-button{padding:.25rem .5rem;font-size:.75rem}}.text-sequences-page{width:100%;max-width:100%;padding:clamp(1rem,3vw,1.5rem);margin:0 auto;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box}.sequences-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1 1 auto;min-width:0}.header-left h1{margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:#f3f4f6;word-wrap:break-word}.back-button{background:#2a2a2a;border:1px solid #4b5563;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;color:#f3f4f6;white-space:nowrap;flex-shrink:0}.create-button{background:#2563eb;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;white-space:nowrap;flex-shrink:0}.loading-state,.empty-state{text-align:center;padding:3rem 1.25rem;color:#9ca3af;font-size:1rem}.error-banner{background:#7f1d1d;color:#fecaca;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #dc2626;word-wrap:break-word}.success-banner{background:#14532d;color:#bbf7d0;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #22c55e;word-wrap:break-word}.sequences-table-wrapper{width:100%;overflow-x:auto;border-radius:8px}.sequences-table{width:100%;min-width:700px;border-collapse:collapse;background:#242424;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000004d;table-layout:auto}.sequences-table th,.sequences-table td{padding:.75rem;text-align:left;border-bottom:1px solid #3a3a3a}.sequences-table th{background:#2a2a2a;font-weight:600;font-size:.8125rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sequences-table td{font-size:.875rem;color:#f3f4f6}.sequences-table td:nth-child(2),.sequences-table td:nth-child(3){max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequences-table tbody tr:nth-child(2n){background:#2a2a2a}.sequences-table tbody tr:nth-child(odd){background:#242424}.sequences-table tbody tr:hover{background:#333}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.active{background:#14532d;color:#4ade80}.status-badge.inactive{background:#374151;color:#9ca3af}.status-badge.started{background:#1e3a5f;color:#60a5fa}.start-btn{padding:.25rem .75rem;background:#2563eb;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.start-btn:hover:not(:disabled){background:#1d4ed8}.start-btn:disabled{background:#374151;color:#6b7280;cursor:not-allowed}.actions-cell{display:flex;gap:.5rem;flex-wrap:wrap}.edit-btn,.delete-btn{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;border:none;font-weight:500;white-space:nowrap}.edit-btn{background:#4b5563;color:#f3f4f6}.delete-btn{background:#991b1b;color:#fecaca}.delete-btn:hover{background:#7f1d1d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{background:#2a2a2a;border-radius:12px;width:100%;max-width:min(800px,90vw);max-height:85vh;overflow-y:auto;border:1px solid #4b5563}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #4b5563;flex-wrap:wrap;gap:.5rem}.modal-header h2{margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#f3f4f6;word-wrap:break-word;min-width:0;flex:1}.close-btn{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.close-btn:hover{color:#f3f4f6}.sequence-form{padding:clamp(1rem,3vw,1.5rem)}.form-error{background:#7f1d1d;color:#fecaca;padding:.625rem .875rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;border:1px solid #dc2626;word-wrap:break-word}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:#e5e7eb}.form-group input[type=text],.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #4b5563;border-radius:6px;font-size:.875rem;background:#1f1f1f;color:#f3f4f6;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.checkbox-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #4b5563;flex-wrap:wrap}.cancel-btn,.save-btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap}.cancel-btn{background:#374151;border:none;color:#e5e7eb}.cancel-btn:hover:not(:disabled){background:#4b5563}.steps-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #4b5563}.steps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.steps-header h3{margin:0;font-size:1rem;font-weight:600;color:#f3f4f6}.add-step-btn{background:#059669;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap}.add-step-btn:hover{background:#047857}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-row{background:#1f1f1f;border:1px solid #4b5563;border-radius:8px;padding:1rem}.step-row.step-error{border-color:#dc2626}.step-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.step-row-header span{font-weight:600;color:#e5e7eb}.remove-step-btn{background:#7f1d1d;color:#fecaca;border:none;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;cursor:pointer;white-space:nowrap}.remove-step-btn:hover{background:#991b1b}.step-fields{display:grid;grid-template-columns:minmax(60px,80px) 1fr;gap:.75rem}.step-fields .form-group{margin-bottom:0;min-width:0}.step-fields .message-field{grid-column:1 / -1}.step-fields input[type=number],.step-fields select,.step-fields input[type=datetime-local]{width:100%;padding:.5rem .75rem;border:1px solid #4b5563;border-radius:4px;font-size:.8125rem;background:#2a2a2a;color:#f3f4f6;box-sizing:border-box;min-width:0}.step-fields input:focus,.step-fields select:focus{outline:none;border-color:#3b82f6}.step-fields textarea{min-height:5rem;resize:vertical}.step-error-msg{color:#fca5a5;font-size:.75rem;margin-top:.5rem}.schedule-fields{display:flex;flex-direction:column;gap:.75rem}.schedule-fields .form-group{flex:1;min-width:0}.send-immediately-group{display:flex;align-items:center;flex-wrap:wrap}.send-immediately-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#e5e7eb}.send-immediately-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.confirm-modal{max-width:min(400px,90vw)}.confirm-modal p{color:#e5e7eb;margin:0 0 1.25rem;line-height:1.5;word-wrap:break-word}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.confirm-cancel-btn{background:#374151;color:#e5e7eb;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;cursor:pointer;white-space:nowrap}.confirm-cancel-btn:hover{background:#4b5563}.confirm-delete-btn{background:#dc2626;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;cursor:pointer;white-space:nowrap}.confirm-delete-btn:hover{background:#b91c1c}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;background:#2a2a2a;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #4b5563;flex-wrap:wrap;gap:.75rem}.selected-count{font-size:.875rem;font-weight:500;color:#e5e7eb}.bulk-delete-btn{background:#991b1b;color:#fecaca;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.bulk-delete-btn:hover:not(:disabled){background:#7f1d1d}.bulk-delete-btn:disabled{background:#374151;color:#6b7280;cursor:not-allowed}.sequences-table .checkbox-cell{width:2.5rem;text-align:center;padding:.75rem .5rem}.sequences-table .checkbox-cell input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#3b82f6}.sequences-table .checkbox-cell input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.sequences-table tbody tr.row-selected{background:#1e3a5f!important}.sequences-table tbody tr.row-selected:hover{background:#1e4a7f!important}.bulk-delete-modal{max-width:min(500px,90vw)}.bulk-delete-info{color:#9ca3af;font-size:.8125rem;margin-bottom:.5rem}.bulk-delete-list{background:#1f1f1f;border:1px solid #4b5563;border-radius:4px;padding:.75rem 1rem;margin:0 0 1rem;max-height:9.375rem;overflow-y:auto;list-style:none}.bulk-delete-list li{color:#e5e7eb;font-size:.8125rem;padding:.25rem 0;border-bottom:1px solid #3a3a3a;word-wrap:break-word}.bulk-delete-list li:last-child{border-bottom:none}.bulk-delete-result{background:#14532d;border:1px solid #22c55e;border-radius:4px;padding:.625rem .875rem;margin-bottom:1rem;font-size:.8125rem;color:#bbf7d0}.bulk-delete-result.has-failures{background:#7f1d1d;border-color:#dc2626;color:#fecaca}.bulk-delete-result p{margin:0 0 .25rem}.bulk-delete-result p:last-child{margin-bottom:0}.countdown-cell{text-align:center;min-width:6rem;font-family:SF Mono,Monaco,Consolas,monospace}.countdown{display:inline-block;padding:.25rem .5rem;border-radius:4px;background:#1a3a5c;color:#60a5fa;font-size:.8125rem;font-weight:500;white-space:nowrap}.countdown-due{background:#3a3a3a;color:#9ca3af}.countdown-none{color:#6b7280;font-size:.875rem}@media (max-width: 900px){.step-fields{grid-template-columns:1fr}.sequences-table td:nth-child(2),.sequences-table td:nth-child(3){max-width:150px}}@media (max-width: 640px){.text-sequences-page{padding:.75rem}.sequences-header{flex-direction:column;align-items:stretch}.header-left{justify-content:flex-start}.create-button{align-self:flex-start}.bulk-actions-bar{flex-direction:column;align-items:stretch;gap:.5rem}.bulk-delete-btn{width:100%;text-align:center}.form-actions,.confirm-actions{flex-direction:column;align-items:stretch}.form-actions button,.confirm-actions button{width:100%;text-align:center}.step-row-header{flex-direction:column;align-items:flex-start}.remove-step-btn{align-self:flex-end}.sequences-table td:nth-child(2),.sequences-table td:nth-child(3){max-width:100px}.countdown-cell{min-width:5rem}}.queue-health-page{width:100%;max-width:100%;padding:clamp(1rem,3vw,1.5rem);margin:0 auto;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box}.queue-health-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.queue-health-page .header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1 1 auto;min-width:0}.queue-health-page .header-left h1{margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:#f3f4f6;word-wrap:break-word}.queue-health-page .header-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.queue-health-page .last-updated{font-size:.875rem;color:#9ca3af}.queue-health-page .back-button{background:#2a2a2a;border:1px solid #4b5563;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem;color:#f3f4f6;white-space:nowrap;flex-shrink:0}.queue-health-page .back-button:hover{background:#333;border-color:#6b7280}.queue-health-page .refresh-button{background:#2563eb;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;white-space:nowrap;flex-shrink:0}.queue-health-page .refresh-button:hover:not(:disabled){background:#1d4ed8}.queue-health-page .refresh-button:disabled{opacity:.6;cursor:not-allowed}.queue-health-page .error-banner{display:flex;justify-content:space-between;align-items:center;background:#7f1d1d;color:#fecaca;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #dc2626;word-wrap:break-word;flex-wrap:wrap;gap:.75rem}.queue-health-page .error-banner button{padding:.375rem .75rem;background:#991b1b;color:#fecaca;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;white-space:nowrap}.queue-health-page .error-banner button:hover{background:#7f1d1d}.queue-health-page .loading-state,.queue-health-page .empty-state{text-align:center;padding:3rem 1.25rem;color:#9ca3af;font-size:1rem}.queue-health-page .metrics-table-container{width:100%;overflow-x:auto;border-radius:8px}.queue-health-page .metrics-table{width:100%;min-width:500px;border-collapse:collapse;background:#242424;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000004d;table-layout:auto}.queue-health-page .metrics-table th,.queue-health-page .metrics-table td{padding:.75rem;text-align:left;border-bottom:1px solid #3a3a3a}.queue-health-page .metrics-table th{background:#2a2a2a;font-weight:600;font-size:.8125rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.queue-health-page .metrics-table th.numeric,.queue-health-page .metrics-table td.numeric{text-align:right}.queue-health-page .metrics-table td{font-size:.875rem;color:#f3f4f6}.queue-health-page .metrics-table tbody tr:nth-child(2n){background:#2a2a2a}.queue-health-page .metrics-table tbody tr:nth-child(odd){background:#242424}.queue-health-page .metrics-table tbody tr:hover{background:#333}.queue-health-page .metrics-table td.org-name{font-weight:500}.queue-health-page .metrics-table td.highlight-due{color:#fcd34d;background:#78350f;font-weight:600}.queue-health-page .metrics-table td.highlight-failed{color:#fca5a5;background:#7f1d1d;font-weight:600}.queue-health-page .events-section{margin-top:2rem}.queue-health-page .events-section h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#f3f4f6}.queue-health-page .events-error{margin-bottom:1rem}.queue-health-page .events-empty{padding:1.5rem 1rem}.queue-health-page .events-table-container{width:100%;overflow-x:auto;border-radius:8px}.queue-health-page .events-table{width:100%;min-width:700px;border-collapse:collapse;background:#242424;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000004d;table-layout:auto}.queue-health-page .events-table th,.queue-health-page .events-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid #3a3a3a}.queue-health-page .events-table th{background:#2a2a2a;font-weight:600;font-size:.75rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.queue-health-page .events-table td{font-size:.8125rem;color:#f3f4f6}.queue-health-page .events-table tbody tr:nth-child(2n){background:#2a2a2a}.queue-health-page .events-table tbody tr:nth-child(odd){background:#242424}.queue-health-page .events-table tbody tr:hover{background:#333}.queue-health-page .events-table .event-time{white-space:nowrap;color:#9ca3af;font-size:.75rem}.queue-health-page .events-table .event-severity{font-weight:600;font-size:.6875rem;padding:.125rem .5rem;border-radius:4px;text-align:center;display:inline-block}.queue-health-page .events-table .event-severity.severity-error{background:#7f1d1d;color:#fca5a5}.queue-health-page .events-table .event-severity.severity-warning{background:#78350f;color:#fcd34d}.queue-health-page .events-table .event-severity.severity-info{background:#1e3a5f;color:#93c5fd}.queue-health-page .events-table .event-severity.severity-critical{background:#6b0f0f;color:#fecaca}.queue-health-page .events-table .event-component{color:#a5b4fc}.queue-health-page .events-table .event-code{font-family:monospace;font-size:.75rem;color:#f59e0b}.queue-health-page .events-table .event-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.queue-health-page{padding:.75rem}.queue-health-page .page-header{flex-direction:column;align-items:stretch}.queue-health-page .header-left{justify-content:flex-start}.queue-health-page .header-right{flex-direction:column;align-items:stretch}.queue-health-page .refresh-button{width:100%;text-align:center}.queue-health-page .error-banner{flex-direction:column;align-items:stretch}.queue-health-page .error-banner button{width:100%;text-align:center}.queue-health-page .events-table .event-message{max-width:150px}}.contact-card-admin{width:100%;max-width:100%;margin:0 auto;padding:clamp(1rem,3vw,1.5rem);background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box}.contact-card-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem}.contact-card-header .header-left{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;min-width:0}.contact-card-header .header-left h1{margin:0;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;color:#f3f4f6;word-break:break-word}.contact-card-section{background:#242424;padding:clamp(.75rem,2vw,1.25rem);border-radius:.5rem;box-shadow:0 1px 3px #0000004d;border:1px solid #3a3a3a;margin-bottom:1.5rem;width:100%;box-sizing:border-box;overflow:hidden}.contact-card-section .section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.contact-card-section .section-header h2{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#f3f4f6;margin:0;min-width:0;word-break:break-word}.templates-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:1rem}@media (min-width: 640px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.templates-grid{grid-template-columns:repeat(3,1fr)}}.template-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;padding:1rem;transition:all .2s;cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:160px}.template-card:hover{border-color:#4b5563;background:#333}.template-card.is-default{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.template-card-name{font-size:1rem;font-weight:600;color:#f3f4f6;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 80px)}.template-card-badges{display:flex;gap:.375rem;flex-shrink:0}.badge-default{display:inline-block;padding:.125rem .5rem;background:#1e40af;color:#93c5fd;border-radius:9999px;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge-has-image{display:inline-block;padding:.125rem .5rem;background:#14532d;color:#4ade80;border-radius:9999px;font-size:.6875rem;font-weight:500}.template-card-preview{display:flex;gap:.75rem;margin-bottom:.75rem;flex:1;min-height:0}.template-card-image{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#3a3a3a;flex-shrink:0}.template-card-image-placeholder{width:48px;height:48px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1.25rem;flex-shrink:0}.template-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.template-card-display-name{font-size:.875rem;color:#e5e7eb;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-company{font-size:.75rem;color:#9ca3af;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-phone,.template-card-email{font-size:.75rem;color:#9ca3af;margin:.125rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.75rem;border-top:1px solid #3a3a3a;flex-shrink:0}.template-card-actions button{flex:1;min-width:60px;max-width:none}.form-modal-content{position:relative;width:50vw;min-width:900px;max-width:none;overflow-x:hidden}.modal-close-x{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;line-height:1;color:#9ca3af;cursor:pointer;padding:.25rem;z-index:1}.modal-close-x:hover{color:#e5e7eb}.modal-close-x:disabled{cursor:not-allowed;opacity:.5}.form-columns{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.form-columns{grid-template-columns:1fr 1fr;gap:1.5rem}}.form-column{display:flex;flex-direction:column;gap:.75rem;min-width:0}.form-full-width{grid-column:1 / -1}.form-column h4{font-size:.875rem;font-weight:600;color:#e5e7eb;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid #3a3a3a}.image-upload-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;border:2px dashed #4b5563;border-radius:.5rem;background:#2a2a2a;transition:all .2s}.image-upload-area:hover{border-color:#6b7280}.image-upload-area.has-image{border-style:solid;border-color:#3a3a3a}.image-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;background:#3a3a3a}.image-placeholder{width:80px;height:80px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:2rem}.image-upload-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.upload-button{padding:.375rem .75rem;background:#2563eb;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.8125rem;transition:background .2s}.upload-button:hover:not(:disabled){background:#1d4ed8}.remove-image-button{padding:.375rem .75rem;background:#7f1d1d;color:#fecaca;border:none;border-radius:.25rem;cursor:pointer;font-size:.8125rem;transition:all .2s}.remove-image-button:hover{background:#991b1b}.vcard-preview{background:#1f1f1f;border:1px solid #3a3a3a;border-radius:.5rem;padding:1rem;margin-top:1rem}.vcard-preview h4{font-size:.875rem;font-weight:600;color:#e5e7eb;margin:0 0 .75rem}.vcard-preview-card{background:#242424;border-radius:.5rem;padding:1rem;display:flex;gap:1rem;align-items:flex-start}.vcard-preview-image{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#3a3a3a;flex-shrink:0}.vcard-preview-details{flex:1;min-width:0}.vcard-preview-name{font-size:1.125rem;font-weight:600;color:#f3f4f6;margin:0 0 .25rem}.vcard-preview-title{font-size:.875rem;color:#9ca3af;margin:0 0 .5rem}.vcard-preview-field{font-size:.8125rem;color:#e5e7eb;margin:.25rem 0;display:flex;gap:.5rem}.vcard-preview-field .label{color:#6b7280;min-width:60px;flex-shrink:0}.vcard-preview-field.vcard-preview-notes{flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #3a3a3a;word-break:break-word}.vcard-preview-field .demo-link{color:#60a5fa;text-decoration:none;word-break:break-all}.vcard-preview-field .demo-link:hover{text-decoration:underline;color:#93c5fd}.action-button{padding:.375rem .75rem;background:#2a2a2a;color:#f3f4f6;border:1px solid #4b5563;border-radius:.25rem;cursor:pointer;font-size:.8125rem;transition:all .2s;white-space:nowrap}.action-button:hover:not(:disabled){background:#333;border-color:#6b7280}.action-button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.action-button.primary:hover:not(:disabled){background:#1d4ed8}.action-button.danger{background:#7f1d1d;border-color:#7f1d1d;color:#fecaca}.action-button.danger:hover:not(:disabled){background:#991b1b}.action-button:disabled{opacity:.6;cursor:not-allowed}.back-button{padding:.5rem .75rem;background:#2a2a2a;color:#f3f4f6;border:1px solid #4b5563;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.primary-button{padding:.625rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;white-space:nowrap;flex-shrink:0}.primary-button:hover:not(:disabled){background:#1d4ed8}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{padding:.625rem 1.25rem;background:#2a2a2a;color:#f3f4f6;border:1px solid #4b5563;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s;white-space:nowrap}.secondary-button:hover:not(:disabled){background:#333;border-color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box;overflow-x:hidden}.modal-content{background:#2a2a2a;padding:clamp(1rem,3vw,1.5rem);border-radius:.75rem;width:100%;max-width:min(30rem,90vw);max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 20px #0006;border:1px solid #4b5563;box-sizing:border-box}.modal-content h3{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;margin:0 0 1rem;color:#f3f4f6}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1rem}.form-group{margin-bottom:.75rem}.form-group input,.form-group textarea,.form-group select{width:100%;max-width:100%;padding:.5rem .75rem;border:1px solid #4b5563;border-radius:.25rem;font-size:.875rem;box-sizing:border-box;background:#2a2a2a;color:#f3f4f6}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-group textarea{min-height:4.5rem;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#1f1f1f;color:#6b7280;cursor:not-allowed}.form-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.form-error{background:#7f1d1d;border:1px solid #dc2626;color:#fecaca;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;word-break:break-word}.success-message{text-align:center;padding:1rem}.success-message p{color:#4ade80;font-size:1rem;margin-bottom:1rem}.error-banner{background:#7f1d1d;border:1px solid #dc2626;color:#fecaca;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;word-break:break-word}.loading-spinner{text-align:center;padding:2.5rem;color:#9ca3af;font-size:.875rem}.no-data{text-align:center;color:#9ca3af;font-style:italic;padding:2rem}@media (max-width: 640px){.contact-card-header{flex-direction:column;align-items:flex-start}.contact-card-section .section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.contact-card-section .section-header .primary-button{width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.vcard-preview-card{flex-direction:column;align-items:center;text-align:center}}.settings-page{padding:clamp(12px,2vw,24px);width:100%;min-width:0;max-width:100%;margin:0 auto;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box;overflow-x:hidden}.settings-header{margin-bottom:1.5rem}.settings-header h1{margin:1rem 0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:#f3f4f6}.back-button{background:#2a2a2a;border:1px solid #4b5563;color:#f3f4f6;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;border-radius:4px;transition:background .15s ease}.settings-tabs{display:flex;gap:.5rem;margin-top:1rem;border-bottom:1px solid #3a3a3a;padding-bottom:0}.tab-button{background:none;border:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:#9ca3af;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-button:hover{color:#f3f4f6}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.settings-content{background:#242424;border-radius:8px;box-shadow:0 1px 3px #0000004d;padding:clamp(1rem,2vw,1.5rem);border:1px solid #3a3a3a}.settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #3a3a3a}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h2{font-size:1rem;font-weight:600;color:#e5e7eb;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#e5e7eb;margin-bottom:.375rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=password],.form-group select{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #4b5563;border-radius:6px;background:#1f1f1f;color:#f3f4f6;transition:border-color .2s;box-sizing:border-box}.form-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.business-hours-grid{display:flex;flex-direction:column;gap:.75rem}.day-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.day-label{display:flex;align-items:center;gap:.5rem;width:120px;font-size:.875rem;color:#f3f4f6}.day-label input[type=checkbox]{width:1rem;height:1rem;accent-color:#2563eb;cursor:pointer}.day-row input[type=time]{padding:.5rem;font-size:.875rem;border:1px solid #4b5563;border-radius:4px;background:#1f1f1f;color:#f3f4f6}.day-row input[type=time]:disabled{background:#2a2a2a;color:#6b7280}.day-row span{color:#9ca3af;font-size:.875rem}.settings-actions{margin-top:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.save-button{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background .15s ease}.save-button:hover:not(:disabled){background:#1d4ed8}.save-button:disabled{opacity:.5;cursor:not-allowed}.save-error{color:#fecaca;font-size:.875rem;padding:.5rem .75rem;background:#7f1d1d;border-radius:4px;border:1px solid #dc2626}.save-success{color:#bbf7d0;font-size:.875rem;padding:.5rem .75rem;background:#14532d;border-radius:4px;border:1px solid #22c55e}.settings-loading,.settings-error{text-align:center;padding:3rem;color:#9ca3af}.settings-error{color:#fca5a5}.credential-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#1f1f1f;border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;border:1px solid #4b5563;flex-wrap:wrap}.credential-display .masked{color:#9ca3af}.credential-display .status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.credential-display .status-badge.configured{background:#14532d;color:#4ade80}.credential-display .status-badge.not-configured{background:#7f1d1d;color:#fca5a5}.phone-numbers-list{display:flex;flex-direction:column;gap:.5rem}.phone-number-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#1f1f1f;border-radius:6px;border:1px solid #4b5563;flex-wrap:wrap;gap:.5rem}.phone-number-item .phone{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;color:#f3f4f6}.phone-number-item .badges{display:flex;gap:.5rem}.phone-number-item .badge{padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;background:#374151;color:#9ca3af}.phone-number-item .badge.default{background:#1e3a5f;color:#60a5fa}.test-actions{display:flex;gap:.75rem;flex-wrap:wrap}.test-button{background:#4b5563;color:#f3f4f6;border:none;padding:.625rem 1rem;font-size:.8125rem;border-radius:6px;cursor:pointer;transition:background .15s ease}.test-button:hover:not(:disabled){background:#5b6573}.test-button:disabled{opacity:.5;cursor:not-allowed}.templates-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.template-tab{background:#1f1f1f;border:1px solid #4b5563;padding:.5rem 1rem;font-size:.8125rem;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#9ca3af}.template-tab:hover{background:#2a2a2a;color:#f3f4f6}.template-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.templates-list{display:flex;flex-direction:column;gap:.5rem}.template-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#1f1f1f;border-radius:6px;border:1px solid #4b5563;flex-wrap:wrap;gap:.75rem}.template-item.is-default{border-color:#2563eb;background:#1e3a5f}.template-info{flex:1;min-width:0}.template-name{font-weight:500;color:#f3f4f6;margin-bottom:.25rem}.template-meta{font-size:.75rem;color:#9ca3af;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.template-meta .status-badge{padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;text-transform:uppercase}.template-meta .status-badge.active{background:#14532d;color:#4ade80}.template-meta .status-badge.inactive{background:#7f1d1d;color:#fca5a5}.template-meta .status-badge.started{background:#1e3a5f;color:#60a5fa}.template-actions{display:flex;gap:.5rem;flex-wrap:wrap}.template-actions button{background:#2a2a2a;border:1px solid #4b5563;padding:.375rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#f3f4f6}.template-actions button:hover{background:#333;border-color:#6b7280}.template-actions button.set-default{background:#2563eb;color:#fff;border-color:#2563eb}.template-actions button.set-default:hover{background:#1d4ed8}.empty-state{text-align:center;padding:3rem;color:#9ca3af}@media (max-width: 640px){.settings-page{padding:.75rem}.day-row{flex-direction:column;align-items:flex-start}.day-label{width:100%}.settings-actions{align-items:stretch}.save-button{width:100%;text-align:center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ui-bg-page: #1f1f1f;--ui-bg-card: #242424;--ui-bg-elevated: #2a2a2a;--ui-bg-input: #1f1f1f;--ui-border-default: #3a3a3a;--ui-border-subtle: #4b5563;--ui-border-focus: #3b82f6;--ui-text-primary: #f3f4f6;--ui-text-secondary: #9ca3af;--ui-text-heading: #e5e7eb;--ui-text-muted: #6b7280;--ui-primary: #2563eb;--ui-primary-hover: #1d4ed8;--ui-danger: #dc2626;--ui-danger-hover: #b91c1c;--ui-success: #059669;--ui-success-hover: #047857;--ui-warning: #f59e0b;--ui-spacing-xs: .25rem;--ui-spacing-sm: .5rem;--ui-spacing-md: 1rem;--ui-spacing-lg: 1.5rem;--ui-spacing-xl: 2rem;--ui-radius-sm: 4px;--ui-radius-md: 6px;--ui-radius-lg: 8px;--ui-shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--ui-shadow-modal: 0 4px 12px rgba(0, 0, 0, .5);--ui-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--ui-font-size-xs: .75rem;--ui-font-size-sm: .8125rem;--ui-font-size-base: .875rem;--ui-font-size-lg: 1rem;--ui-font-size-xl: 1.25rem;--ui-font-size-2xl: 1.5rem}.ui-page{width:100%;max-width:100%;padding:clamp(1rem,3vw,1.5rem);margin:0 auto;background:var(--ui-bg-page);min-height:100vh;color:var(--ui-text-primary);box-sizing:border-box}.ui-page--centered{max-width:900px}.ui-page--wide{max-width:1400px}.ui-page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.ui-page-header__left{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.5rem,2vw,1rem);min-width:0}.ui-page-header__title{margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:var(--ui-text-primary)}.ui-page-header__subtitle{color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm)}.ui-page-header__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.ui-card{background:var(--ui-bg-card);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-card);padding:clamp(1rem,2vw,1.5rem)}.ui-card--elevated{background:var(--ui-bg-elevated)}.ui-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ui-border-default)}.ui-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ui-section__title{font-size:var(--ui-font-size-lg);font-weight:600;color:var(--ui-text-heading);margin:0 0 1rem}.ui-section__description{color:var(--ui-text-secondary);font-size:var(--ui-font-size-base);margin-bottom:1rem}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-base);font-weight:500;cursor:pointer;border:none;transition:background-color .15s ease,opacity .15s ease;white-space:nowrap}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--primary{background:var(--ui-primary);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--ui-primary-hover)}.ui-btn--secondary{background:var(--ui-bg-elevated);color:var(--ui-text-primary);border:1px solid var(--ui-border-subtle)}.ui-btn--secondary:hover:not(:disabled){background:#333;border-color:#6b7280}.ui-btn--danger{background:var(--ui-danger);color:#fff}.ui-btn--danger:hover:not(:disabled){background:var(--ui-danger-hover)}.ui-btn--success{background:var(--ui-success);color:#fff}.ui-btn--success:hover:not(:disabled){background:var(--ui-success-hover)}.ui-btn--ghost{background:transparent;color:var(--ui-text-secondary);padding:.5rem .75rem}.ui-btn--ghost:hover:not(:disabled){color:var(--ui-text-primary);background:#ffffff0d}.ui-btn--sm{padding:.375rem .75rem;font-size:var(--ui-font-size-sm)}.ui-btn--lg{padding:.75rem 1.5rem;font-size:var(--ui-font-size-lg)}.ui-form-group{margin-bottom:1rem}.ui-label{display:block;font-size:var(--ui-font-size-base);font-weight:500;color:var(--ui-text-heading);margin-bottom:.375rem}.ui-input,.ui-select,.ui-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--ui-border-subtle);border-radius:var(--ui-radius-md);font-size:var(--ui-font-size-base);background:var(--ui-bg-input);color:var(--ui-text-primary);box-sizing:border-box;transition:border-color .2s ease}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--ui-text-muted)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--ui-border-focus);box-shadow:0 0 0 3px #3b82f633}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{background:var(--ui-bg-elevated);color:var(--ui-text-muted);cursor:not-allowed}.ui-form-hint{font-size:var(--ui-font-size-xs);color:var(--ui-text-muted);margin-top:.25rem}.ui-form-error{font-size:var(--ui-font-size-xs);color:var(--ui-danger);margin-top:.25rem}.ui-checkbox-group{display:flex;align-items:center;gap:.5rem}.ui-checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--ui-primary);cursor:pointer}.ui-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--ui-border-default);padding-bottom:0}.ui-tab{background:none;border:none;padding:.75rem 1.25rem;font-size:var(--ui-font-size-base);font-weight:500;color:var(--ui-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.ui-tab:hover{color:var(--ui-text-primary)}.ui-tab--active{color:var(--ui-primary);border-bottom-color:var(--ui-primary)}.ui-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-table{width:100%;border-collapse:collapse;background:var(--ui-bg-card);border-radius:var(--ui-radius-lg);overflow:hidden;box-shadow:var(--ui-shadow-card)}.ui-table th,.ui-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--ui-border-default)}.ui-table th{background:var(--ui-bg-elevated);font-weight:600;font-size:var(--ui-font-size-sm);color:var(--ui-text-heading);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ui-table td{font-size:var(--ui-font-size-base);color:var(--ui-text-primary)}.ui-table tbody tr:nth-child(2n){background:var(--ui-bg-elevated)}.ui-table tbody tr:nth-child(odd){background:var(--ui-bg-card)}.ui-table tbody tr:hover{background:#333}.ui-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.ui-modal{background:var(--ui-bg-elevated);border-radius:var(--ui-radius-lg);width:100%;max-width:min(600px,90vw);max-height:85vh;overflow-y:auto;border:1px solid var(--ui-border-subtle);box-shadow:var(--ui-shadow-modal)}.ui-modal--sm{max-width:min(400px,90vw)}.ui-modal--lg{max-width:min(800px,90vw)}.ui-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--ui-border-subtle)}.ui-modal__title{margin:0;font-size:var(--ui-font-size-lg);font-weight:600;color:var(--ui-text-primary)}.ui-modal__close{background:none;border:none;font-size:1.5rem;color:var(--ui-text-secondary);cursor:pointer;padding:0;line-height:1}.ui-modal__close:hover{color:var(--ui-text-primary)}.ui-modal__body{padding:clamp(1rem,3vw,1.5rem)}.ui-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--ui-border-subtle)}.ui-alert{padding:.75rem 1rem;border-radius:var(--ui-radius-md);margin-bottom:1rem;font-size:var(--ui-font-size-base)}.ui-alert--error{background:#7f1d1d;color:#fecaca;border:1px solid var(--ui-danger)}.ui-alert--success{background:#14532d;color:#bbf7d0;border:1px solid #22c55e}.ui-alert--warning{background:#78350f;color:#fef3c7;border:1px solid var(--ui-warning)}.ui-alert--info{background:#1e3a5f;color:#bfdbfe;border:1px solid #3b82f6}.ui-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--ui-radius-sm);font-size:var(--ui-font-size-xs);font-weight:500;white-space:nowrap}.ui-badge--success{background:#14532d;color:#4ade80}.ui-badge--danger{background:#7f1d1d;color:#fca5a5}.ui-badge--warning{background:#78350f;color:#fbbf24}.ui-badge--info{background:#1e3a5f;color:#60a5fa}.ui-badge--neutral{background:#374151;color:var(--ui-text-secondary)}.ui-loading,.ui-empty{text-align:center;padding:3rem 1.25rem;color:var(--ui-text-secondary);font-size:var(--ui-font-size-lg)}.ui-text-center{text-align:center}.ui-text-right{text-align:right}.ui-text-muted{color:var(--ui-text-secondary)}.ui-text-danger{color:var(--ui-danger)}.ui-text-success{color:#4ade80}.ui-flex{display:flex}.ui-flex-wrap{flex-wrap:wrap}.ui-items-center{align-items:center}.ui-justify-between{justify-content:space-between}.ui-justify-end{justify-content:flex-end}.ui-gap-sm{gap:.5rem}.ui-gap-md{gap:1rem}.ui-gap-lg{gap:1.5rem}.ui-mt-sm{margin-top:.5rem}.ui-mt-md{margin-top:1rem}.ui-mt-lg{margin-top:1.5rem}.ui-mb-sm{margin-bottom:.5rem}.ui-mb-md{margin-bottom:1rem}.ui-mb-lg{margin-bottom:1.5rem}.csv-import-modal{max-width:min(750px,90vw);width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.csv-import-modal .modal-header{flex-shrink:0;position:sticky;top:0;z-index:10;background:inherit}.csv-import-modal .import-step{padding:clamp(1rem,3vw,1.5rem);overflow-y:auto;flex:1;min-height:0}.csv-import-modal .form-error{margin:0;padding:.625rem 1rem;background:#7f1d1d;color:#fecaca;border-bottom:1px solid #dc2626;font-size:.875rem;flex-shrink:0}.csv-import-modal .mapping-step{display:flex;flex-direction:column}.csv-import-modal .step-description{color:#9ca3af;margin-bottom:1rem;font-size:.9rem}.csv-import-modal .required{color:#ef4444}.csv-import-modal .csv-preview{margin-bottom:1.5rem}.csv-import-modal .csv-preview h4{margin-bottom:.5rem;font-size:.9rem;color:#d1d5db}.csv-import-modal .preview-table-container{max-height:180px;overflow:auto;border:1px solid #4b5563;border-radius:6px;background:#1f2937}.csv-import-modal .preview-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:.8rem}.csv-import-modal .preview-table th,.csv-import-modal .preview-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #374151;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;color:#e5e7eb}.csv-import-modal .preview-table th{background:#374151;font-weight:600;position:sticky;top:0;z-index:1;color:#f3f4f6}.csv-import-modal .preview-table tbody tr:hover{background:#374151}.csv-import-modal .column-mapping{margin-bottom:1rem}.csv-import-modal .column-mapping h4{margin-bottom:.75rem;font-size:.9rem;color:#d1d5db}.csv-import-modal .mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.csv-import-modal .mapping-field{display:flex;flex-direction:column;gap:.25rem}.csv-import-modal .mapping-field label{font-size:.8rem;font-weight:500;color:#d1d5db}.csv-import-modal .mapping-field select{padding:.5rem .625rem;border:1px solid #4b5563;border-radius:4px;font-size:.85rem;background:#1f2937;color:#e5e7eb}.csv-import-modal .mapping-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.csv-import-modal .mapping-field select.error{border-color:#ef4444}.csv-import-modal .result-step h3{color:#22c55e;margin-bottom:.5rem}.csv-import-modal .import-id-badge{display:inline-block;background:#374151;color:#d1d5db;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:1rem}.csv-import-modal .result-stats{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.csv-import-modal .result-stats .stat{flex:1;min-width:80px;padding:.75rem;background:#374151;border-radius:6px;text-align:center}.csv-import-modal .result-stats .stat-value{display:block;font-size:1.25rem;font-weight:700;color:#e5e7eb}.csv-import-modal .result-stats .stat-label{display:block;font-size:.75rem;color:#9ca3af;margin-top:.25rem}.csv-import-modal .result-stats .stat-success{background:#14532d}.csv-import-modal .result-stats .stat-success .stat-value{color:#22c55e}.csv-import-modal .result-stats .stat-warning{background:#78350f}.csv-import-modal .result-stats .stat-warning .stat-value{color:#fbbf24}.csv-import-modal .result-stats .stat-error{background:#7f1d1d}.csv-import-modal .result-stats .stat-error .stat-value{color:#ef4444}.csv-import-modal .error-rows{margin-bottom:1rem;padding:.75rem 1rem;background:#78350f;border-radius:6px;border:1px solid #92400e;max-height:120px;overflow-y:auto}.csv-import-modal .error-rows h4{margin-bottom:.5rem;color:#fbbf24;font-size:.85rem}.csv-import-modal .error-rows ul{margin:0;padding-left:1.25rem;font-size:.8rem;color:#fde68a}.csv-import-modal .template-download-section{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:#1e3a5f;border:1px solid #2563eb;border-radius:6px;flex-wrap:wrap}.csv-import-modal .template-download-button{padding:.5rem 1rem;background:#374151;border:1px solid #4b5563;border-radius:4px;font-size:.85rem;font-weight:500;color:#e5e7eb;cursor:pointer;transition:all .15s ease;white-space:nowrap}.csv-import-modal .template-download-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.csv-import-modal .template-download-button:disabled{opacity:.6;cursor:not-allowed}.csv-import-modal .template-hint{font-size:.8rem;color:#93c5fd}.csv-import-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:auto;border-top:1px solid #374151;flex-shrink:0}.csv-import-modal .cancel-button,.csv-import-modal .submit-button,.csv-import-modal .done-button{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.csv-import-modal .cancel-button{background:#374151;border:1px solid #4b5563;color:#e5e7eb}.csv-import-modal .cancel-button:hover:not(:disabled){background:#4b5563}.csv-import-modal .submit-button,.csv-import-modal .done-button{background:#2563eb;border:none;color:#fff}.csv-import-modal .submit-button:hover:not(:disabled),.csv-import-modal .done-button:hover:not(:disabled){background:#1d4ed8}.csv-import-modal .cancel-button:disabled,.csv-import-modal .submit-button:disabled,.csv-import-modal .done-button:disabled{opacity:.6;cursor:not-allowed}.csv-import-modal .form-group{margin-bottom:1rem}.csv-import-modal .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#d1d5db}.csv-import-modal .file-input{width:100%;padding:.5rem;background:#1f2937;border:1px solid #4b5563;border-radius:6px;color:#e5e7eb;font-size:.875rem}.csv-import-modal .file-input::file-selector-button{padding:.375rem .75rem;margin-right:.75rem;background:#374151;border:1px solid #4b5563;border-radius:4px;color:#e5e7eb;cursor:pointer}.csv-import-modal .file-input::file-selector-button:hover{background:#4b5563}.csv-import-modal .close-button{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.csv-import-modal .close-button:hover{color:#f3f4f6}.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}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#333}.modal-content form{padding:24px}.form-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=tel]{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.cancel-btn,.save-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.cancel-btn{background:#fff;border:1px solid #ddd;color:#374151}.cancel-btn:hover:not(:disabled){background:#f5f5f5}.save-btn{background:#2563eb;border:none;color:#fff}.save-btn:hover:not(:disabled){background:#1d4ed8}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.outbound-action-gate{position:relative;display:inline-block}.action-blocked{opacity:.6;cursor:not-allowed!important}.action-blocked:hover{opacity:.6}.gate-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:280px;max-width:360px;background:#1a1a2e;color:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 20px #00000040;z-index:1000;font-size:.875rem}.gate-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#1a1a2e}.gate-tooltip-header{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:8px;color:#ffc107}.gate-tooltip-icon{font-size:1rem}.gate-tooltip-message{color:#e0e0e0;margin-bottom:10px;line-height:1.4}.gate-tooltip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.gate-tooltip-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff14;border-radius:4px}.gate-item-icon{font-size:.75rem;flex-shrink:0}.gate-item-label{color:#f5f5f5;flex:1}.gate-fix-link{background:#ff9800;color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease}.gate-fix-link:hover{background:#f57c00}.gate-go-to-setup{display:block;width:100%;margin-top:12px;padding:10px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease}.gate-go-to-setup:hover{background:#43a047}.gate-go-to-setup:active{background:#388e3c}.gate-tooltip-more{color:#9e9e9e;font-size:.75rem;margin-top:6px;text-align:center}@media (max-width: 600px){.gate-tooltip{left:0;transform:none;min-width:240px}.gate-tooltip:after{left:20px;transform:none}}.batch-call-panel{background:#ffffff3b;border:1px solid #ffffff;border-radius:8px;padding:16px 20px;margin-bottom:20px}.batch-call-panel h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.batch-error{background:#7f1d1d;color:#fecaca;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px}.batch-result{background:#0f172a;border-radius:6px;padding:16px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-header h4{margin:0;font-size:14px;font-weight:600;color:#22c55e}.reset-btn{background:#334155;border:none;color:#94a3b8;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.reset-btn:hover{background:#475569;color:#f1f5f9}.result-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.batch-result .stat,.batch-call-panel .stat{background:#1e293b;padding:10px 14px;border-radius:6px;text-align:center;min-width:70px}.batch-result .stat-value,.batch-call-panel .stat-value{display:block;font-size:20px;font-weight:700;color:#f1f5f9}.batch-result .stat-label,.batch-call-panel .stat-label{display:block;font-size:11px;color:#94a3b8;margin-top:2px}.stat-success .stat-value{color:#22c55e}.stat-warning .stat-value{color:#f59e0b}.stat-error .stat-value{color:#ef4444}.errors-list{background:#450a0a;padding:10px 14px;border-radius:6px;font-size:13px;color:#fecaca}.errors-list strong{display:block;margin-bottom:6px}.errors-list ul{margin:0;padding-left:18px}.errors-list li{margin:4px 0}.batch-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.form-row{display:flex;flex-direction:column;gap:4px}.form-row label{font-size:12px;color:#fff;font-weight:500}.form-row select,.form-row input[type=number]{background:#ffffff46;border:1px solid #ffffff;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;min-width:140px}.form-row input::placeholder{color:#fff;opacity:1}.form-row select:focus,.form-row input:focus{outline:none;border-color:#fff}.checkbox-row label{display:flex;align-items:center;gap:6px;font-size:13px;color:#cbd5e1;cursor:pointer}.checkbox-row input[type=checkbox]{width:16px;height:16px}.selected-mode-info{background:#1e40af;color:#dbeafe;padding:10px 16px;border-radius:6px;font-size:14px}.launch-btn{background:#22c55e;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-left:auto}.launch-btn:hover:not(:disabled){background:#16a34a}.launch-btn:disabled{opacity:.6;cursor:not-allowed}.bottom-checkboxes-row{display:flex;flex-direction:row;align-items:flex-start;gap:32px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff;width:100%}.bottom-checkboxes-row .checkbox-item{display:flex;flex-direction:column;gap:4px}.bottom-checkboxes-row .checkbox-item label{display:flex;align-items:center;gap:8px;color:#f1f5f9;font-weight:500;font-size:13px;cursor:pointer}.bottom-checkboxes-row .checkbox-item label input[type=checkbox]{width:16px;height:16px}.bottom-checkboxes-row .checkbox-item .helper-text{font-size:12px;color:#94a3b8;margin-left:24px}.per-lead-results{margin-top:16px;padding-top:16px;border-top:1px solid #334155}.toggle-details-btn{background:#334155;border:none;color:#94a3b8;padding:8px 14px;border-radius:4px;font-size:13px;cursor:pointer;margin-bottom:12px}.toggle-details-btn:hover{background:#475569;color:#f1f5f9}.results-table{width:100%;border-collapse:collapse;font-size:13px}.results-table th,.results-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #334155}.results-table th{background:#1e293b;color:#94a3b8;font-weight:600;font-size:11px;text-transform:uppercase}.results-table td{color:#e2e8f0}.results-table tr.status-initiated td{background:#22c55e1a}.results-table tr.status-skipped td{background:#f59e0b1a}.results-table tr.status-failed td{background:#ef44441a}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-initiated{background:#166534;color:#bbf7d0}.status-badge.status-skipped{background:#92400e;color:#fef3c7}.status-badge.status-failed{background:#991b1b;color:#fecaca}.twilio-error{color:#fca5a5;font-size:12px}.twilio-code{color:#fca5a5;font-size:11px}.voicemail-drop-modal{max-width:600px;width:90%}.voicemail-drop-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.voicemail-drop-modal .modal-header h2{margin:0;font-size:1.25rem}.voicemail-drop-modal .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.voicemail-drop-modal .close-button:hover{color:#333}.voicemail-drop-modal .modal-body{padding:20px}.voicemail-drop-modal .drop-info{margin-bottom:16px;color:#555}.voicemail-drop-modal .form-group{margin-bottom:16px}.voicemail-drop-modal .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.voicemail-drop-modal .form-group select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.voicemail-drop-modal .audio-preview{margin-bottom:16px;padding:12px;background:#f5f5f5;border-radius:4px}.voicemail-drop-modal .audio-preview label{display:block;margin-bottom:8px;font-weight:500;color:#555}.voicemail-drop-modal .audio-preview audio{width:100%}.voicemail-drop-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.voicemail-drop-modal .cancel-button{padding:10px 20px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.voicemail-drop-modal .cancel-button:hover:not(:disabled){background:#e0e0e0}.voicemail-drop-modal .submit-button{padding:10px 20px;background:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer}.voicemail-drop-modal .submit-button:hover:not(:disabled){background:#3a7bc8}.voicemail-drop-modal .submit-button:disabled{opacity:.6;cursor:not-allowed}.voicemail-drop-modal .results-view{max-height:500px;overflow-y:auto}.voicemail-drop-modal .result-summary h3{margin:0 0 16px}.voicemail-drop-modal .result-stats{display:flex;gap:20px;margin-bottom:20px}.voicemail-drop-modal .stat{text-align:center;padding:12px 20px;background:#f5f5f5;border-radius:4px}.voicemail-drop-modal .stat-value{display:block;font-size:1.5rem;font-weight:700}.voicemail-drop-modal .stat-label{font-size:.85rem;color:#666}.voicemail-drop-modal .stat-success{background:#e8f5e9;color:#2e7d32}.voicemail-drop-modal .stat-error{background:#ffebee;color:#c62828}.voicemail-drop-modal .results-table{width:100%;border-collapse:collapse;font-size:.9rem}.voicemail-drop-modal .results-table th,.voicemail-drop-modal .results-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e0e0e0}.voicemail-drop-modal .results-table th{background:#f5f5f5;font-weight:600}.voicemail-drop-modal .status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.voicemail-drop-modal .status-badge.status-queued{background:#e3f2fd;color:#1565c0}.voicemail-drop-modal .status-badge.status-failed{background:#ffebee;color:#c62828}.voicemail-drop-modal .form-error{padding:10px 12px;margin-bottom:16px;background:#ffebee;color:#c62828;border-radius:4px}.voicemail-drop-modal .loading-state,.voicemail-drop-modal .empty-state{padding:20px;text-align:center;color:#666}.reset-batches-modal{max-width:550px;width:90%}.reset-batches-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.reset-batches-modal .modal-header h2{margin:0;font-size:1.25rem}.reset-batches-modal .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.reset-batches-modal .close-button:hover{color:#333}.reset-batches-modal .modal-body{padding:20px}.reset-batches-modal .reset-info{margin-bottom:20px;color:#555;line-height:1.5}.reset-batches-modal .form-error{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;padding:12px;border-radius:4px;margin-bottom:16px}.reset-batches-modal .reset-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.reset-batches-modal .reset-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:border-color .2s,background-color .2s}.reset-batches-modal .reset-option:hover{border-color:#3b82f6;background-color:#f8fafc}.reset-batches-modal .reset-option.selected{border-color:#3b82f6;background-color:#eff6ff}.reset-batches-modal .reset-option.disabled{opacity:.6;cursor:not-allowed}.reset-batches-modal .reset-option.disabled:hover{border-color:#e0e0e0;background-color:transparent}.reset-batches-modal .reset-option input[type=radio]{margin-top:4px}.reset-batches-modal .option-content{flex:1}.reset-batches-modal .option-title{font-weight:600;font-size:1rem;margin-bottom:6px;display:flex;align-items:center;gap:8px}.reset-batches-modal .option-icon{font-size:1.1rem}.reset-batches-modal .recommended-badge{font-size:.75rem;color:#059669;font-weight:500}.reset-batches-modal .dev-only-badge{font-size:.75rem;color:#dc2626;font-weight:500}.reset-batches-modal .option-description{margin:0;font-size:.875rem;color:#666;line-height:1.4}.reset-batches-modal .danger-text{color:#dc2626}.reset-batches-modal .prod-warning{margin:8px 0 0;font-size:.8rem;color:#b45309;background:#fef3c7;padding:8px;border-radius:4px}.reset-batches-modal .reset-option-danger.selected{border-color:#dc2626;background-color:#fef2f2}.reset-batches-modal .reset-option-danger:hover:not(.disabled){border-color:#dc2626}.reset-batches-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0}.reset-batches-modal .cancel-button{padding:10px 20px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:.9rem}.reset-batches-modal .cancel-button:hover{background:#f5f5f5}.reset-batches-modal .submit-button{padding:10px 20px;border:none;background:#3b82f6;color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500}.reset-batches-modal .submit-button:hover{background:#2563eb}.reset-batches-modal .submit-button:disabled{background:#93c5fd;cursor:not-allowed}.reset-batches-modal .danger-button{background:#dc2626}.reset-batches-modal .danger-button:hover{background:#b91c1c}.reset-batches-modal .reset-success{text-align:center;padding:20px 0}.reset-batches-modal .success-icon{font-size:3rem;display:block;margin-bottom:12px}.reset-batches-modal .reset-success h3{margin:0 0 8px;color:#059669}.reset-batches-modal .reset-success p{margin:0 0 16px;color:#555}.reset-batches-modal .reset-details{text-align:left;background:#f8fafc;padding:16px;border-radius:8px;margin-top:16px}.reset-batches-modal .reset-details div{padding:4px 0;font-size:.9rem}.batch-control-bar{background:#ffffff3b;border:1px solid #ffffff;border-radius:8px;padding:12px 16px;margin-bottom:16px}.batch-control-error{background:#7f1d1d;color:#fecaca;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px}.batch-control-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.batch-controls-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.batch-controls-label{font-size:14px;font-weight:600;color:#f1f5f9}.batch-size-select{background:#0f172a;border:1px solid #ffffff;color:#f1f5f9;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;min-width:100px}.batch-size-select:focus{outline:none;border-color:#fff}.batch-size-select:disabled{opacity:.6;cursor:not-allowed}.batch-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .2s,opacity .2s}.batch-btn:disabled{opacity:.5;cursor:not-allowed}.batch-btn-create{background:#2563eb;color:#fff}.batch-btn-create:hover:not(:disabled){background:#1d4ed8}.batch-btn-start{background:#22c55e;color:#fff}.batch-btn-start:hover:not(:disabled){background:#16a34a}.batch-selector{background:#0f172a;border:1px solid #334155;color:#f1f5f9;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;min-width:220px;max-width:300px}.batch-selector:focus{outline:none;border-color:#3b82f6}.batch-selector:disabled{opacity:.6;cursor:not-allowed}.batch-btn-voicemail{background:#8b5cf6;color:#fff}.batch-btn-voicemail:hover:not(:disabled){background:#7c3aed}.batch-btn-callall{background:#f59e0b;color:#1f2937}.batch-btn-callall:hover:not(:disabled){background:#d97706}.batch-btn-reset{background:transparent;color:#94a3b8;border:1px solid #475569}.batch-btn-reset:hover:not(:disabled){background:#334155;color:#f1f5f9;border-color:#64748b}.batch-controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-summary{font-size:12px;color:#94a3b8;background:#0f172a;padding:6px 10px;border-radius:4px;border:1px solid #334155}.filter-summary span{color:#64748b}.current-batch-panel{background:#1e3a5f;border:1px solid #2563eb;border-radius:8px;padding:12px 16px;margin-bottom:16px}.batch-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.batch-info{flex:1}.batch-name{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.batch-stats-row{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#94a3b8}.stat-item{display:inline-flex;align-items:center;gap:4px}.stat-item strong{color:#f1f5f9}.stat-transfers strong{color:#22c55e}.stat-queue strong{color:#3b82f6}.status-pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-pending{background:#f59e0b;color:#1f2937}.status-running{background:#22c55e;color:#fff}.status-completed{background:#3b82f6;color:#fff}.status-aborted{background:#ef4444;color:#fff}.batch-actions{display:flex;gap:8px;align-items:center}.batch-action-btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:background .2s}.batch-action-details{background:#334155;color:#f1f5f9}.batch-action-details:hover{background:#475569}.batch-action-clear{background:transparent;color:#94a3b8;padding:4px 8px}.batch-action-clear:hover{color:#f1f5f9}.batch-progress{height:4px;background:#334155;border-radius:2px;margin-top:12px;overflow:hidden}.batch-progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:2px;transition:width .3s ease}.batch-stats-grid{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #334155}.stat-box{background:#0f172a;padding:8px 12px;border-radius:6px;text-align:center;min-width:70px}.stat-box .stat-value{display:block;font-size:18px;font-weight:700;color:#f1f5f9}.stat-box .stat-label{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;margin-top:2px}.stat-pending .stat-value{color:#f59e0b}.stat-calling .stat-value{color:#22c55e}.stat-completed .stat-value{color:#3b82f6}.stat-failed .stat-value{color:#ef4444}.history-modal{max-width:600px}.history-body{padding:20px 24px;max-height:60vh;overflow-y:auto}.history-loading,.history-error,.history-empty{text-align:center;padding:40px 20px;color:#666;font-size:14px}.history-error{background:#fef2f2;color:#dc2626;border-radius:6px}.history-lead-info{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.history-lead-info .lead-name{font-size:18px;font-weight:600;color:#111}.history-lead-info .lead-phone{font-size:14px;color:#666}.history-timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border-left:3px solid #ddd}.timeline-item.call{border-left-color:#2563eb}.timeline-item.sms{border-left-color:#10b981}.timeline-icon{font-size:20px;flex-shrink:0}.timeline-content{flex:1;min-width:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-type{font-weight:600;font-size:14px;color:#374151}.timeline-date{font-size:12px;color:#6b7280}.timeline-details{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:#4b5563}.detail-status,.detail-outcome,.detail-duration,.detail-direction{background:#e5e7eb;padding:2px 8px;border-radius:4px}.detail-message{width:100%;margin:8px 0 0;padding:8px;background:#fff;border-radius:4px;font-size:13px;color:#374151;white-space:pre-wrap;word-break:break-word}.history-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.close-btn-footer{padding:10px 24px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer}.close-btn-footer:hover{background:#e5e7eb}.enroll-sequence-modal{max-width:500px;width:90%}.enroll-sequence-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.enroll-sequence-modal .modal-header h2{margin:0;font-size:1.25rem}.enroll-sequence-modal .close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.enroll-sequence-modal .close-button:hover{color:#333}.enroll-sequence-modal .modal-body{padding:20px}.enroll-sequence-modal .enroll-info{margin-bottom:16px;color:#555}.enroll-sequence-modal .form-group{margin-bottom:16px}.enroll-sequence-modal .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.enroll-sequence-modal .form-group select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.enroll-sequence-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.enroll-sequence-modal .cancel-button{padding:10px 20px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.enroll-sequence-modal .cancel-button:hover:not(:disabled){background:#e0e0e0}.enroll-sequence-modal .submit-button{padding:10px 20px;background:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer}.enroll-sequence-modal .submit-button:hover:not(:disabled){background:#3a7bc8}.enroll-sequence-modal .submit-button:disabled{opacity:.6;cursor:not-allowed}.enroll-sequence-modal .results-view{max-height:400px;overflow-y:auto}.enroll-sequence-modal .result-summary h3{margin:0 0 16px}.enroll-sequence-modal .result-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.enroll-sequence-modal .stat{text-align:center;padding:12px 16px;background:#f5f5f5;border-radius:4px;min-width:80px}.enroll-sequence-modal .stat-value{display:block;font-size:1.5rem;font-weight:700}.enroll-sequence-modal .stat-label{font-size:.85rem;color:#666}.enroll-sequence-modal .stat-success{background:#e8f5e9;color:#2e7d32}.enroll-sequence-modal .stat-warning{background:#fff3e0;color:#e65100}.enroll-sequence-modal .stat-error{background:#ffebee;color:#c62828}.enroll-sequence-modal .invalid-ids{margin-bottom:16px;padding:10px 12px;background:#ffebee;color:#c62828;border-radius:4px;font-size:.9rem}.enroll-sequence-modal .form-error{padding:10px 12px;margin-bottom:16px;background:#ffebee;color:#c62828;border-radius:4px}.enroll-sequence-modal .loading-state,.enroll-sequence-modal .empty-state{padding:20px;text-align:center;color:#666}.notes-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000}.notes-panel{width:450px;max-width:100%;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.notes-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.notes-panel-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.notes-panel-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.notes-panel-header .close-btn:hover{color:#333}.notes-add-section{padding:16px 20px;border-bottom:1px solid #e0e0e0;background:#fafafa}.notes-add-section textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:none;font-family:inherit;margin-bottom:10px}.notes-add-section textarea:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.notes-add-section .add-note-btn{width:100%;padding:10px 16px;background:#4a90d9;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.notes-add-section .add-note-btn:hover:not(:disabled){background:#3a7bc8}.notes-add-section .add-note-btn:disabled{background:#ccc;cursor:not-allowed}.notes-timeline{flex:1;overflow-y:auto;padding:16px 20px}.notes-loading,.notes-loading-more,.notes-empty,.notes-end{text-align:center;color:#888;padding:20px;font-size:14px}.notes-error{background:#fee;color:#c00;padding:12px 20px;font-size:14px}.note-item{padding:12px 0;border-bottom:1px solid #eee}.note-item:last-child{border-bottom:none}.note-header{margin-bottom:6px}.note-date{font-size:12px;color:#888}.note-text{font-size:14px;color:#333;line-height:1.5;white-space:pre-wrap;word-break:break-word}.notes-panel-footer{padding:16px 20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.notes-panel-footer .close-btn-footer{width:100%;padding:10px 16px;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.notes-panel-footer .close-btn-footer:hover{background:#e0e0e0}.phone-selector{display:inline-flex;align-items:center;gap:4px}.phone-selector-dropdown{padding:4px 8px;font-size:13px;border:1px solid #4b5563;border-radius:4px;background-color:#1f2937;color:#f3f4f6;cursor:pointer;min-width:140px;max-width:180px}.phone-selector-dropdown:hover:not(:disabled){border-color:#6b7280;background-color:#374151}.phone-selector-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;background-color:#374151}.phone-selector-dropdown:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed;opacity:.7}.phone-selector-dropdown.phone-selector-error{border-color:#ef4444}.phone-selector-empty{color:#9ca3af;font-style:italic}.phone-selector-spinner{font-size:12px}.phone-selector-error-text{font-size:12px;cursor:help}.phone-selector-dropdown option{background-color:#1f2937;color:#f3f4f6;padding:8px 12px}.phone-selector-dropdown option:disabled{color:#6b7280;background-color:#111827}.phone-selector-dropdown option:hover,.phone-selector-dropdown option:focus{background-color:#374151}.phone-display-text{color:#d1d5db;font-size:13px}.batch-phone-selector{display:inline-flex;align-items:center;gap:8px}.batch-phone-selector-label{font-size:13px;font-weight:500;color:#d1d5db}.batch-phone-selector-dropdown{padding:6px 12px;font-size:13px;border:1px solid #4b5563;border-radius:4px;background-color:#1f2937;color:#f3f4f6;cursor:pointer;min-width:130px}.batch-phone-selector-dropdown:hover:not(:disabled){border-color:#6b7280;background-color:#374151}.batch-phone-selector-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;background-color:#374151}.batch-phone-selector-dropdown:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed;opacity:.6}.batch-phone-selector-dropdown option{background-color:#1f2937;color:#f3f4f6;padding:8px 12px}.batch-phone-selector-dropdown option:disabled{color:#6b7280}.batch-phone-selector-result{font-size:12px;padding:2px 6px;border-radius:4px;font-weight:500}.batch-phone-selector-result.success{background-color:#d1fae5;color:#065f46}.batch-phone-selector-result.warning{background-color:#fef3c7;color:#92400e}.readiness-banner{border-radius:8px;margin-bottom:1rem;overflow:hidden}.readiness-banner-blocked{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d}.readiness-banner-error{background:#ffebee;border:1px solid #ef9a9a}.readiness-banner-loading{background:#e3f2fd;border:1px solid #90caf9}.banner-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .2s ease}.banner-header:hover{background:#00000008}.banner-content{display:flex;align-items:center;gap:10px;flex:1}.banner-icon{font-size:1.25rem}.banner-text{color:#333;font-size:.9375rem}.banner-text strong{color:#e65100}.banner-actions{display:flex;align-items:center;gap:8px}.banner-go-to-setup{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.banner-go-to-setup:hover{background:#43a047}.banner-go-to-setup:active{background:#388e3c}.banner-refresh{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;opacity:.7;transition:opacity .2s ease}.banner-refresh:hover{opacity:1}.banner-toggle{color:#666;font-size:.75rem}.banner-retry{background:#c62828;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:background .2s ease}.banner-retry:hover{background:#b71c1c}.banner-checklist{border-top:1px solid rgba(0,0,0,.08);padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:#ffffff80}.banner-check-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014}.check-icon{font-size:.875rem;flex-shrink:0;margin-top:2px}.check-content{flex:1;display:flex;flex-direction:column;gap:2px}.check-label{font-size:.875rem;font-weight:500;color:#333}.check-details{font-size:.75rem;color:#757575}.check-fix-btn{background:#ff9800;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease}.check-fix-btn:hover{background:#f57c00}@media (max-width: 600px){.banner-check-item{flex-wrap:wrap}.check-fix-btn{margin-top:6px;width:100%;text-align:center}}:root{--stage-new-bg: #1e3a5f;--stage-new-text: #60a5fa;--stage-vmcard-bg: #4c1d95;--stage-vmcard-text: #c4b5fd;--stage-ready-bg: #14532d;--stage-ready-text: #4ade80;--stage-call1done-bg: #365314;--stage-call1done-text: #a3e635;--stage-interested-bg: #7c2d12;--stage-interested-text: #fb923c;--stage-nurture-bg: #164e63;--stage-nurture-text: #38bdf8;--stage-disqualified-bg: #450a0a;--stage-disqualified-text: #f87171;--stage-unknown-bg: #374151;--stage-unknown-text: #9ca3af;--dnc-bg: #7f1d1d;--dnc-text: #fca5a5;--btn-edit-bg: #4b5563;--btn-edit-text: #f3f4f6;--btn-call-bg: #166534;--btn-call-text: #bbf7d0;--btn-card-bg: #1e40af;--btn-card-text: #bfdbfe;--btn-dnc-bg: #991b1b;--btn-dnc-text: #fecaca;--btn-remove-bg: #92400e;--btn-remove-text: #fef3c7;--btn-delete-bg: #450a0a;--btn-delete-text: #fca5a5;--btn-refresh-bg: #1e3a5f;--btn-refresh-text: #60a5fa}.warm-leads-page{padding:clamp(12px,2vw,24px);width:100%;min-width:0;max-width:100%;margin:0 auto;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box;overflow-x:visible}.leads-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.header-left{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,2vw,16px);min-width:0}.header-left h1{margin:0;font-size:clamp(18px,2.5vw,24px);font-weight:600;color:#f3f4f6;white-space:nowrap}.leads-count{color:#9ca3af;font-size:clamp(12px,1.5vw,14px);white-space:nowrap}.back-button{background:#2a2a2a;border:1px solid #4b5563;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);color:#f3f4f6;white-space:nowrap}.back-button:hover{background:#333;border-color:#6b7280}.create-button{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:500;white-space:nowrap}.create-button:hover{background:#1d4ed8}.leads-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,1.5vw,12px);margin-bottom:16px}.search-input{flex:1 1 200px;min-width:150px;max-width:400px;padding:10px 14px;border:1px solid #4b5563;border-radius:6px;font-size:clamp(12px,1.5vw,14px);background:#2a2a2a;color:#f3f4f6}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px}.error-banner{background:#7f1d1d;color:#fecaca;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:1px solid #dc2626}.leads-table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;display:block}.leads-table{width:100%;min-width:1100px;border-collapse:collapse;background:#242424;border-radius:8px;overflow:visible;box-shadow:0 1px 3px #0000004d;table-layout:auto}.leads-table th,.leads-table td{padding:clamp(6px,1vw,12px) clamp(8px,1.2vw,16px);text-align:left;border-bottom:1px solid #3a3a3a;vertical-align:middle;box-sizing:border-box}.leads-table th{background:#2a2a2a;font-weight:600;font-size:clamp(10px,1.2vw,13px);color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;z-index:10}.leads-table td{font-size:clamp(12px,1.3vw,14px);color:#f3f4f6}.lead-table-cell{color:#f3f4f6;font-size:clamp(12px,1.3vw,15px)}.lead-table-cell.truncate-cell{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-table tbody tr:nth-child(2n){background:#2a2a2a}.leads-table tbody tr:nth-child(odd){background:#242424}.leads-table tbody tr:hover{background:#333}.leads-table .dnc-row{opacity:.6;background:#1a1a1a!important}.leads-table .checkbox-col{width:40px;min-width:40px;max-width:40px;text-align:center;vertical-align:middle}.leads-table th.col-name,.leads-table td.col-name{width:12%;min-width:100px;text-align:left}.leads-table th.col-company,.leads-table td.col-company{width:10%;min-width:80px;text-align:left}.leads-table th.col-phone,.leads-table td.col-phone{width:10%;min-width:100px;text-align:left}.leads-table th.col-source,.leads-table td.col-source{width:8%;min-width:70px;text-align:left}.leads-table th.col-stage,.leads-table td.col-stage,.leads-table th.col-text-sequence,.leads-table td.col-text-sequence{width:9%;min-width:90px;text-align:center}.leads-table th.col-batch,.leads-table td.col-batch{width:7%;min-width:70px;text-align:center}.leads-table th.col-timezone,.leads-table td.col-timezone{width:8%;min-width:70px;text-align:center}.leads-table th.col-dnc,.leads-table td.col-dnc{width:5%;min-width:50px;text-align:center}.leads-table th.col-notes,.leads-table td.col-notes{width:5%;min-width:60px;text-align:center}.notes-btn{background:#f0f7ff;border:1px solid #4a90d9;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;color:#4a90d9;transition:background .2s}.notes-btn:hover{background:#e0efff}.notes-na{color:#999;font-size:12px}.leads-table th.col-verify,.leads-table td.col-verify{width:10%;min-width:120px;text-align:center}.leads-table th.col-actions,.leads-table td.col-actions{width:auto;min-width:220px;text-align:right;padding-right:clamp(8px,1vw,16px);white-space:nowrap}.text-sequence-cell{text-align:center}.text-sequence-indicator{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.text-sequence-name{font-size:13px;color:#60a5fa;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-sequence-status{font-size:11px;font-weight:400}.text-sequence-status.paused{color:#fbbf24}.actions-cell{display:inline-flex;align-items:center;gap:clamp(3px,.5vw,6px);flex-wrap:nowrap;justify-content:flex-end;white-space:nowrap}.action-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;white-space:nowrap;transition:background-color .15s ease,opacity .15s ease;display:inline-flex;align-items:center;gap:3px;min-height:clamp(22px,2.5vw,28px)}.action-btn:hover{opacity:.85}.action-btn:disabled{opacity:.5;cursor:not-allowed}.edit-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;min-height:clamp(22px,2.5vw,28px);background:var(--btn-edit-bg);color:var(--btn-edit-text)}.edit-btn:hover{background:#5b6573}.history-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;min-height:clamp(22px,2.5vw,28px);background:#8b5cf6;color:#fff}.history-btn:hover{background:#7c3aed}.call-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;min-height:clamp(22px,2.5vw,28px);background:var(--btn-call-bg);color:var(--btn-call-text)}.call-btn:hover{background:#15803d}.contact-card-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;min-height:clamp(22px,2.5vw,28px);background:var(--btn-card-bg);color:var(--btn-card-text)}.contact-card-btn:hover{background:#1e3a8a}.delete-btn,.dnc-action-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;min-height:clamp(22px,2.5vw,28px);background:var(--btn-dnc-bg);color:var(--btn-dnc-text)}.delete-btn:hover,.dnc-action-btn:hover{background:#7f1d1d}.remove-batch-btn{padding:clamp(4px,.6vw,6px) clamp(6px,.8vw,10px);border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;border:none;font-weight:500;min-height:clamp(22px,2.5vw,28px);background:var(--btn-remove-bg);color:var(--btn-remove-text)}.remove-batch-btn:hover{background:#78350f}.batch-cell{white-space:nowrap;color:#93c5fd;font-size:13px;text-align:center}.dnc-cell,.timezone-cell{text-align:center}.verify-cell{text-align:center;white-space:nowrap}.view-prospect-btn{padding:4px 8px;font-size:.75rem;background:#1f2937;color:#60a5fa;border:1px solid #3b82f6;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.view-prospect-btn:hover{background:#374151;border-color:#60a5fa}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,16px);margin-top:20px;padding:clamp(10px,1.5vw,16px)}.pagination button{padding:clamp(6px,.8vw,8px) clamp(10px,1.3vw,16px);border:1px solid #4b5563;background:#2a2a2a;border-radius:4px;cursor:pointer;font-size:clamp(12px,1.4vw,14px);color:#f3f4f6;white-space:nowrap}.pagination button:hover:not(:disabled){background:#333;border-color:#6b7280}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:clamp(12px,1.4vw,14px);color:#9ca3af;white-space:nowrap}.header-actions{display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,12px);align-items:center}.csv-import-button{background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:500;white-space:nowrap}.csv-import-button:hover{background:#4f46e5}.apollo-import-button{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:clamp(12px,1.5vw,14px);font-weight:500;white-space:nowrap}.apollo-import-button:hover{background:#d97706}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid #4b5563}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#f3f4f6}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:#9ca3af;padding:0;line-height:1}.close-button:hover{color:#f3f4f6}.form-error{background:#7f1d1d;color:#fecaca;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px;border:1px solid #dc2626}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#e5e7eb}.file-input{width:100%;padding:12px;border:2px dashed #4b5563;border-radius:8px;background:#1f1f1f;color:#f3f4f6;font-size:14px;cursor:pointer}.file-input:hover{border-color:#6b7280}.file-input:focus{outline:none;border-color:#3b82f6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background:#374151;color:#e5e7eb;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.cancel-button:hover{background:#4b5563}.submit-button{background:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.submit-button:hover:not(:disabled){background:#1d4ed8}.submit-button:disabled{opacity:.6;cursor:not-allowed}.checkbox-col{width:40px;text-align:center}.checkbox-col input[type=checkbox]{width:clamp(14px,1.5vw,16px);height:clamp(14px,1.5vw,16px);cursor:pointer}.leads-table .selected-row{background:#1e3a5f!important}.leads-table .hovered-row{background:#2d4a6f!important;transition:background-color .1s ease}.selection-count{background:#1e40af;color:#dbeafe;padding:clamp(4px,.6vw,6px) clamp(8px,1vw,12px);border-radius:4px;font-size:clamp(11px,1.2vw,13px);font-weight:500;white-space:nowrap}.bulk-delete-button{background:#dc2626;color:#fff;border:none;padding:clamp(4px,.6vw,6px) clamp(8px,1vw,12px);border-radius:4px;font-size:clamp(12px,1.3vw,14px);cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center}.bulk-delete-button:hover:not(:disabled){background:#b91c1c}.bulk-delete-button:disabled{background:#6b7280;cursor:not-allowed;opacity:.6}.voicemail-drop-button,.bulk-contact-card-button,.enroll-sequence-button{border:none;padding:clamp(6px,.8vw,8px) clamp(10px,1.2vw,16px);border-radius:4px;font-size:clamp(11px,1.2vw,13px);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:clamp(4px,.5vw,6px);transition:background .2s;white-space:nowrap}.voicemail-drop-button{background:#7c3aed;color:#fff}.voicemail-drop-button:hover{background:#6d28d9}.voicemail-drop-button:active{background:#5b21b6}.bulk-contact-card-button{background:#0ea5e9;color:#fff}.bulk-contact-card-button:hover{background:#0284c7}.bulk-contact-card-button:active{background:#0369a1}.bulk-contact-card-button:disabled{background:#94a3b8;cursor:not-allowed}.enroll-sequence-button{background:#10b981;color:#fff}.enroll-sequence-button:hover{background:#059669}.enroll-sequence-button:active{background:#047857}.sequence-stage-tabs{display:flex;flex-wrap:wrap;gap:clamp(4px,.8vw,8px);margin-bottom:16px;padding:clamp(8px,1vw,12px);background:#2a2a2a;border-radius:8px;border:1px solid #3f3f46}.sequence-tab{padding:clamp(5px,.7vw,8px) clamp(10px,1.3vw,16px);border:1px solid transparent;border-radius:6px;background:#1f1f1f;color:#9ca3af;font-size:clamp(11px,1.2vw,13px);cursor:pointer;transition:all .15s ease;white-space:nowrap}.sequence-tab:hover{opacity:.85}.sequence-tab.active{font-weight:500}.sequence-tab[data-stage=all].active{background:#3b82f6;color:#fff;border-color:#3b82f6}.sequence-tab[data-stage=new]{background:var(--stage-new-bg);color:var(--stage-new-text);border-color:var(--stage-new-bg)}.sequence-tab[data-stage=new].active{opacity:1;box-shadow:0 0 0 2px var(--stage-new-text)}.sequence-tab[data-stage=voicemail_plus_card_sent]{background:var(--stage-vmcard-bg);color:var(--stage-vmcard-text);border-color:var(--stage-vmcard-bg)}.sequence-tab[data-stage=voicemail_plus_card_sent].active{opacity:1;box-shadow:0 0 0 2px var(--stage-vmcard-text)}.sequence-tab[data-stage=ready_to_call]{background:var(--stage-ready-bg);color:var(--stage-ready-text);border-color:var(--stage-ready-bg)}.sequence-tab[data-stage=ready_to_call].active{opacity:1;box-shadow:0 0 0 2px var(--stage-ready-text)}.sequence-tab[data-stage=call_1_done]{background:var(--stage-call1done-bg);color:var(--stage-call1done-text);border-color:var(--stage-call1done-bg)}.sequence-tab[data-stage=call_1_done].active{opacity:1;box-shadow:0 0 0 2px var(--stage-call1done-text)}.sequence-tab[data-stage=interested]{background:var(--stage-interested-bg);color:var(--stage-interested-text);border-color:var(--stage-interested-bg)}.sequence-tab[data-stage=interested].active{opacity:1;box-shadow:0 0 0 2px var(--stage-interested-text)}.sequence-tab[data-stage=nurture]{background:var(--stage-nurture-bg);color:var(--stage-nurture-text);border-color:var(--stage-nurture-bg)}.sequence-tab[data-stage=nurture].active{opacity:1;box-shadow:0 0 0 2px var(--stage-nurture-text)}.sequence-tab[data-stage=disqualified]{background:var(--stage-disqualified-bg);color:var(--stage-disqualified-text);border-color:var(--stage-disqualified-bg)}.sequence-tab[data-stage=disqualified].active{opacity:1;box-shadow:0 0 0 2px var(--stage-disqualified-text)}.sequence-stage-cell{white-space:nowrap;text-align:center}.stage-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.stage-badge.stage-new{background:var(--stage-new-bg);color:var(--stage-new-text)}.stage-badge.stage-voicemail_plus_card_sent{background:var(--stage-vmcard-bg);color:var(--stage-vmcard-text)}.stage-badge.stage-ready_to_call{background:var(--stage-ready-bg);color:var(--stage-ready-text)}.stage-badge.stage-call_1_done{background:var(--stage-call1done-bg);color:var(--stage-call1done-text)}.stage-badge.stage-interested{background:var(--stage-interested-bg);color:var(--stage-interested-text)}.stage-badge.stage-nurture{background:var(--stage-nurture-bg);color:var(--stage-nurture-text)}.stage-badge.stage-disqualified{background:var(--stage-disqualified-bg);color:var(--stage-disqualified-text)}.stage-badge.stage-unknown{background:var(--stage-unknown-bg);color:var(--stage-unknown-text)}.dnc-pill{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;background:var(--dnc-bg);color:var(--dnc-text)}.sequence-action-button{padding:clamp(6px,.8vw,8px) clamp(10px,1.3vw,16px);border:none;border-radius:4px;font-size:clamp(11px,1.2vw,13px);font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;white-space:nowrap}.sequence-action-button:disabled{opacity:.6;cursor:not-allowed}.vm-contact-button{background:var(--stage-vmcard-bg);color:var(--stage-vmcard-text)}.vm-contact-button:hover:not(:disabled){opacity:.85}.move-ready-button{background:var(--stage-ready-bg);color:var(--stage-ready-text)}.move-ready-button:hover:not(:disabled){opacity:.85}.outcome-buttons{display:inline-flex;gap:clamp(2px,.4vw,4px)}.outcome-btn{padding:clamp(3px,.4vw,4px) clamp(4px,.5vw,6px);border:none;border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;transition:opacity .15s ease;min-width:clamp(20px,2.2vw,24px);min-height:clamp(20px,2.2vw,24px);display:inline-flex;align-items:center;justify-content:center}.outcome-btn:hover:not(:disabled){opacity:.75}.outcome-btn:disabled{opacity:.5;cursor:not-allowed}.outcome-btn.interested{background:var(--stage-interested-bg)}.outcome-btn.nurture{background:var(--stage-nurture-bg)}.outcome-btn.disqualified{background:var(--stage-disqualified-bg)}.refresh-btn{padding:clamp(3px,.4vw,4px) clamp(4px,.5vw,6px);border:none;border-radius:4px;font-size:clamp(10px,1.1vw,12px);cursor:pointer;transition:opacity .15s ease;min-width:clamp(20px,2.2vw,24px);min-height:clamp(20px,2.2vw,24px);display:inline-flex;align-items:center;justify-content:center;background:var(--btn-refresh-bg)}.refresh-btn:hover:not(:disabled){opacity:.75}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.needs-phone-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#78350f;color:#fef3c7;cursor:help}.not-callable-row{opacity:.75}.call-btn-disabled,.contact-card-btn-disabled{opacity:.5;cursor:not-allowed!important;pointer-events:auto}.call-btn-disabled,.contact-card-btn-disabled{background:#374151!important;color:#9ca3af!important}.keyboard-shortcut-hint{margin-top:8px;font-size:.7rem;color:#6b7280;text-align:center}.keyboard-shortcut-hint strong{color:#9ca3af}.prospects-page{padding:clamp(12px,2vw,24px);width:100%;min-width:0;max-width:100%;margin:0 auto;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box;overflow-x:visible}.prospects-table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;display:block}.prospects-table{width:100%;min-width:1100px;border-collapse:collapse;background:#242424;border-radius:8px;overflow:visible;box-shadow:0 1px 3px #0000004d;table-layout:auto}.prospects-table th{padding:clamp(6px,1vw,12px) clamp(8px,1.2vw,16px);text-align:left;background:#2a2a2a;font-weight:600;font-size:clamp(10px,1.2vw,13px);color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #3a3a3a;vertical-align:middle;box-sizing:border-box;position:sticky;top:0;z-index:10}.prospects-table td{padding:clamp(6px,1vw,12px) clamp(8px,1.2vw,16px);font-size:clamp(12px,1.3vw,14px);color:#f3f4f6;border-bottom:1px solid #3a3a3a;vertical-align:middle;box-sizing:border-box}.prospects-table tbody tr:nth-child(2n){background:#2a2a2a}.prospects-table tbody tr:nth-child(odd){background:#242424}.prospects-table tbody tr:hover{background:#333}.prospects-table .checkbox-col{width:40px;min-width:40px;max-width:40px;text-align:center;vertical-align:middle}.prospects-table .truncate-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prospects-table tbody tr.selected-row{background:#1e3a5f}.prospects-table tbody tr.hovered-row{background:#333}.prospects-keyboard-hint{margin-top:8px;font-size:.7rem;color:#6b7280;text-align:center}.onboarding-wizard{width:100%;min-width:0;max-width:100%;margin:0 auto;padding:clamp(1rem,3vw,2rem);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box;overflow-x:hidden}.wizard-header{text-align:center;margin-bottom:2rem}.wizard-header h1{font-size:clamp(1.25rem,2.5vw,1.75rem);color:#f3f4f6;margin-bottom:.5rem}.wizard-header p{color:#9ca3af;font-size:1rem}.wizard-progress{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-step:after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:#4b5563;z-index:0}.progress-step:last-child:after{display:none}.progress-step.completed:after{background:#22c55e}.step-number{width:32px;height:32px;border-radius:50%;background:#4b5563;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;z-index:1;transition:all .2s ease}.progress-step.active .step-number{background:#2563eb;color:#fff}.progress-step.completed .step-number{background:#22c55e;color:#fff}.step-title{font-size:.7rem;color:#6b7280;margin-top:.5rem;text-align:center;max-width:80px}.progress-step.active .step-title{color:#60a5fa;font-weight:600}.progress-step.completed .step-title{color:#4ade80}.wizard-content-wrapper{width:100%;max-width:min(800px,100%);margin:0 auto;min-width:0}.wizard-body{background:#242424;border-radius:8px;box-shadow:0 1px 3px #0000004d;padding:clamp(1rem,2vw,2rem);border:1px solid #3a3a3a;width:100%;min-width:0;box-sizing:border-box}.step-content h3{font-size:1.25rem;color:#e5e7eb;margin-bottom:1rem}.step-description{color:#9ca3af;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;color:#e5e7eb;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=url],.form-group select{width:100%;padding:.75rem;border:1px solid #4b5563;border-radius:6px;font-size:1rem;background:#1f1f1f;color:#f3f4f6;transition:border-color .2s ease;box-sizing:border-box}.form-group input::placeholder{color:#6b7280}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-group input:disabled,.form-group select:disabled{background:#2a2a2a;color:#6b7280;cursor:not-allowed}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#f3f4f6}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb}.step-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#2a2a2a;color:#f3f4f6;border:1px solid #4b5563}.btn-secondary:hover:not(:disabled){background:#333;border-color:#6b7280}.btn-finish{background:#059669}.btn-finish:hover:not(:disabled){background:#047857}.test-buttons{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.test-result{font-size:.875rem;font-weight:500;color:#9ca3af}.test-result.success{color:#4ade80}.test-result.error{color:#fca5a5}.error-message{background:#7f1d1d;color:#fecaca;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #dc2626}.success-message{background:#14532d;color:#bbf7d0;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #22c55e}.info-message{background:#1e3a5f;color:#bfdbfe;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #3b82f6}.completion-summary{background:#1f1f1f;padding:1rem 1.5rem;border-radius:6px;margin:1.5rem 0;border:1px solid #4b5563}.completion-summary h4{margin-bottom:.75rem;color:#e5e7eb}.completion-summary ul{list-style:none;padding:0;margin:0}.completion-summary li{padding:.25rem 0;color:#4ade80}.completion-summary li:before{content:"✓ "}.loading{text-align:center;padding:4rem;color:#9ca3af;font-size:1.125rem}@media (max-width: 768px){.onboarding-wizard{padding:.75rem}.wizard-progress{flex-wrap:wrap;gap:.5rem}.progress-step:after{display:none}.step-title{display:none}.step-actions{flex-direction:column}.step-actions button{width:100%;text-align:center}}.quiet-hours-settings{background:#1a1a2e;border-radius:8px;padding:24px;margin:16px 0}.quiet-hours-settings h3{margin:0 0 8px;color:#fff;font-size:1.25rem}.quiet-hours-settings .settings-description{color:#888;margin:0 0 24px;font-size:.9rem}.quiet-hours-settings.loading{text-align:center;color:#888;padding:48px}.quiet-hours-settings .settings-error{background:#ff52521a;border:1px solid #ff5252;color:#ff5252;padding:12px;border-radius:4px;margin-bottom:16px}.quiet-hours-settings .settings-success{background:#4caf501a;border:1px solid #4caf50;color:#4caf50;padding:12px;border-radius:4px;margin-bottom:16px}.quiet-hours-settings .settings-section{background:#ffffff08;border-radius:6px;padding:16px;margin-bottom:16px}.quiet-hours-settings .settings-section h4{margin:0 0 8px;color:#fff;font-size:1rem}.quiet-hours-settings .section-description{color:#888;margin:0 0 16px;font-size:.85rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quiet-hours-settings .status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.quiet-hours-settings .status-badge.enabled{background:#4caf5033;color:#4caf50}.quiet-hours-settings .status-badge.disabled{background:#9e9e9e33;color:#9e9e9e}.quiet-hours-settings .form-row{display:flex;gap:16px;align-items:flex-end;margin-bottom:12px;flex-wrap:wrap}.quiet-hours-settings .form-row label{display:flex;flex-direction:column;gap:4px;color:#aaa;font-size:.85rem}.quiet-hours-settings .form-row input,.quiet-hours-settings .form-row select{background:#0f0f1a;border:1px solid #333;border-radius:4px;padding:8px 12px;color:#fff;font-size:.9rem;min-width:120px}.quiet-hours-settings .form-row input:focus,.quiet-hours-settings .form-row select:focus{outline:none;border-color:#646cff}.quiet-hours-settings .form-hint{color:#666;font-size:.8rem;margin:0}.quiet-hours-settings .btn-clear{background:transparent;border:1px solid #444;color:#888;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.quiet-hours-settings .btn-clear:hover{border-color:#666;color:#aaa}.quiet-hours-settings .settings-actions{margin-top:24px;display:flex;justify-content:flex-end}.quiet-hours-settings .btn-save{background:#646cff;border:none;color:#fff;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500}.quiet-hours-settings .btn-save:hover:not(:disabled){background:#535bf2}.quiet-hours-settings .btn-save:disabled{opacity:.6;cursor:not-allowed}.readiness-widget{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.25rem;margin-bottom:1.5rem}.readiness-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.readiness-header h3{margin:0;font-size:1.125rem;color:#1a1a2e;flex:1}.readiness-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.readiness-badge.ready{background:#e8f5e9;color:#2e7d32}.readiness-badge.not-ready{background:#ffebee;color:#c62828}.readiness-refresh{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.7;transition:opacity .2s ease}.readiness-refresh:hover:not(:disabled){opacity:1}.readiness-refresh:disabled{cursor:not-allowed}.readiness-progress{font-size:.875rem;color:#666;margin-bottom:1rem}.readiness-list{display:flex;flex-direction:column;gap:.5rem}.readiness-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:6px;background:#f9f9f9;transition:background .2s ease}.readiness-row.pass{background:#f1f8e9}.readiness-row.fail{background:#fff3e0}.readiness-icon{font-size:1rem;flex-shrink:0}.readiness-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.readiness-label{font-size:.875rem;color:#333;font-weight:500}.readiness-details{font-size:.75rem;color:#888}.readiness-action{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.readiness-action.fix{background:#ff9800;color:#fff}.readiness-action.fix:hover{background:#f57c00}.readiness-action.view{background:#e0e0e0;color:#333}.readiness-action.view:hover{background:#bdbdbd}.readiness-loading{text-align:center;padding:2rem;color:#666}.readiness-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffebee;border-radius:4px;color:#c62828}.readiness-retry{padding:.375rem .75rem;background:#c62828;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem}.readiness-retry:hover{background:#b71c1c}.super-admin-page{padding:clamp(12px,2vw,24px);width:100%;min-width:0;max-width:100%;margin:0 auto;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#1f1f1f;min-height:100vh;color:#f3f4f6;box-sizing:border-box;overflow-x:hidden}.super-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #dc2626;padding-bottom:1rem;flex-wrap:wrap;gap:.75rem}.super-admin-title{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:#dc2626;margin:0}.super-admin-subtitle{color:#6b7280;font-size:.875rem}.super-admin-warning{background:#7f1d1d;border:1px solid #dc2626;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#fecaca;font-size:.875rem}.super-admin-impersonation{background:#78350f;border:2px solid #f59e0b;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;color:#fef3c7}.super-admin-impersonation-info{flex:1;min-width:0}.super-admin-impersonation-expires{font-size:.75rem;color:#fbbf24}.super-admin-error{background:#7f1d1d;border:1px solid #dc2626;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#fecaca;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.super-admin-error-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.super-admin-error-title{font-weight:700}.super-admin-error-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;background:#450a0a;padding:.25rem .5rem;border-radius:4px;display:inline-block;width:fit-content}.super-admin-error-debug{font-size:.75rem;color:#fca5a5}.super-admin-error-tip{font-size:.75rem;color:#fca5a5;margin-top:.25rem}.super-admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.super-admin-tab{padding:.5rem 1rem;border:1px solid #4b5563;border-radius:6px;cursor:pointer;background:#2a2a2a;color:#9ca3af;font-size:.875rem;transition:all .15s ease}.super-admin-tab:hover{background:#333;color:#f3f4f6}.super-admin-tab--active{background:#dc2626;color:#fff;border-color:#dc2626}.super-admin-loading{text-align:center;padding:3rem;color:#9ca3af}.super-admin-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.super-admin-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#242424;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000004d}.super-admin-table th,.super-admin-table td{padding:.75rem;text-align:left;border-bottom:1px solid #3a3a3a}.super-admin-table th{background:#2a2a2a;font-weight:600;font-size:.8125rem;color:#e5e7eb;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.super-admin-table td{color:#f3f4f6}.super-admin-table tbody tr:nth-child(2n){background:#2a2a2a}.super-admin-table tbody tr:nth-child(odd){background:#242424}.super-admin-table tbody tr:hover{background:#333}.super-admin-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-block}.super-admin-badge--active{background:#14532d;color:#4ade80}.super-admin-badge--disabled{background:#7f1d1d;color:#fca5a5}.super-admin-action-code{background:#374151;color:#9ca3af;padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}.super-admin-btn{padding:.375rem .75rem;border-radius:4px;border:none;cursor:pointer;font-size:.75rem;font-weight:500;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.super-admin-btn:disabled{opacity:.5;cursor:not-allowed}.super-admin-btn--primary{background:#2563eb;color:#fff}.super-admin-btn--primary:hover:not(:disabled){background:#1d4ed8}.super-admin-btn--danger{background:#dc2626;color:#fff}.super-admin-btn--danger:hover:not(:disabled){background:#b91c1c}.super-admin-btn--warning{background:#f59e0b;color:#fff}.super-admin-btn--warning:hover:not(:disabled){background:#d97706}.super-admin-btn--success{background:#059669;color:#fff}.super-admin-btn--success:hover:not(:disabled){background:#047857}.super-admin-btn--secondary{background:#2a2a2a;color:#f3f4f6;border:1px solid #4b5563}.super-admin-btn--secondary:hover:not(:disabled){background:#333}.super-admin-actions{display:flex;gap:.25rem;flex-wrap:wrap}.super-admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.super-admin-modal{background:#2a2a2a;border-radius:8px;padding:1.5rem;max-width:min(600px,90vw);width:100%;max-height:80vh;overflow:auto;border:1px solid #4b5563;box-shadow:0 4px 12px #00000080}.super-admin-modal h2{margin:0 0 1rem;font-size:1.125rem;color:#f3f4f6}.super-admin-modal h2.danger{color:#dc2626}.super-admin-modal h3{margin:1.5rem 0 .75rem;font-size:1rem;color:#e5e7eb}.super-admin-modal p{color:#d1d5db;margin-bottom:1rem}.super-admin-modal ul{list-style:none;padding:0;margin:0}.super-admin-modal li{padding:.25rem 0;color:#f3f4f6}.super-admin-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.super-admin-modal-grid div{color:#d1d5db}.super-admin-modal-grid strong{color:#e5e7eb}.super-admin-modal-label{display:block;margin-bottom:.5rem;font-weight:500;color:#e5e7eb}.super-admin-modal-textarea{width:100%;padding:.625rem .875rem;border:1px solid #4b5563;border-radius:6px;font-size:.875rem;background:#1f1f1f;color:#f3f4f6;min-height:80px;resize:vertical;margin-bottom:1rem;box-sizing:border-box}.super-admin-modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.super-admin-modal-textarea::placeholder{color:#6b7280}.super-admin-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.super-admin-btn--reset{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none}.super-admin-btn--reset:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.super-admin-modal--reset{max-width:600px}.super-admin-reset-org-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;background:#1f1f1f;border-radius:6px;margin-bottom:1rem;color:#d1d5db}.super-admin-reset-warning{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.super-admin-reset-warning h4{margin:0 0 .5rem;color:#fca5a5;font-size:.9rem}.super-admin-reset-warning h4:last-of-type{margin-top:1rem;color:#86efac}.super-admin-reset-warning ul{margin:0;padding-left:1.25rem;list-style:disc}.super-admin-reset-warning li{color:#d1d5db;font-size:.85rem;padding:.15rem 0}.super-admin-char-count{font-size:.75rem;color:#6b7280;margin-top:-.75rem;margin-bottom:1rem;text-align:right}.super-admin-reset-confirm-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;margin-bottom:1rem;cursor:pointer}.super-admin-reset-confirm-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#dc2626;cursor:pointer}.super-admin-reset-confirm-label span{color:#fca5a5;font-size:.9rem;font-weight:500}.super-admin-modal h2.success{color:#22c55e}.super-admin-reset-result{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;margin-bottom:1rem;color:#d1d5db}.super-admin-reset-message{color:#86efac;font-weight:500;text-align:center;padding:.5rem;background:#22c55e1a;border-radius:6px;margin-bottom:1rem}@media (max-width: 768px){.super-admin-page{padding:.75rem}.super-admin-header{flex-direction:column;align-items:flex-start}.super-admin-modal-grid{grid-template-columns:1fr}.super-admin-modal-actions{flex-direction:column}.super-admin-modal-actions button{width:100%;text-align:center}.super-admin-reset-org-info,.super-admin-reset-result{grid-template-columns:1fr}}.activity-log-page{padding:24px;max-width:900px;margin:0 auto}.activity-log-header{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px}.activity-log-header h1{margin:0;font-size:24px;font-weight:600;color:#1a1a2e}.activity-log-subtitle{margin:0;color:#666;font-size:14px;flex:1}.activity-log-refresh-btn{padding:8px 16px;background:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.activity-log-refresh-btn:hover{background:#3a7bc8}.activity-log-loading,.activity-log-error,.activity-log-empty{text-align:center;padding:48px 24px;color:#666}.activity-log-error{color:#d32f2f}.activity-log-retry-btn{margin-top:16px;padding:8px 24px;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer}.activity-log-empty-hint{font-size:13px;color:#999;margin-top:8px}.activity-log-list{display:flex;flex-direction:column;gap:12px}.activity-log-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:box-shadow .2s}.activity-log-item:hover{box-shadow:0 2px 8px #00000014}.activity-log-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.activity-log-type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.event-type-import{background:#e3f2fd;color:#1565c0}.event-type-status{background:#fff3e0;color:#e65100}.event-type-note{background:#f3e5f5;color:#7b1fa2}.event-type-promote{background:#e8f5e9;color:#2e7d32}.event-type-default{background:#f5f5f5;color:#616161}.activity-log-timestamp{font-size:13px;color:#999}.activity-log-summary{font-size:14px;color:#333;line-height:1.5}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:6px;background:var(--ui-bg-elevated);border:1px solid var(--ui-border-default);box-shadow:0 4px 12px #00000080;pointer-events:auto;cursor:pointer;transition:opacity .2s ease,transform .2s ease;animation:toast-slide-in .3s ease}.toast:hover{opacity:.95}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast__icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;border-radius:50%}.toast__message{flex:1;color:var(--ui-text-primary);font-size:.875rem;line-height:1.5}.toast__close{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ui-text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;transition:color .2s ease}.toast__close:hover{color:var(--ui-text-primary)}.toast--info{border-left:4px solid #3b82f6}.toast--info .toast__icon{color:#60a5fa;background:#1e3a5f}.toast--success{border-left:4px solid #22c55e}.toast--success .toast__icon{color:#4ade80;background:#14532d}.toast--warning{border-left:4px solid #f59e0b}.toast--warning .toast__icon{color:#fbbf24;background:#78350f}.toast--error{border-left:4px solid #dc2626}.toast--error .toast__icon{color:#fca5a5;background:#7f1d1d}.app{min-height:100vh;width:100%;min-width:0;max-width:100vw;overflow-x:hidden}.app-loading{display:flex;align-items:center;justify-content:center;background:#1f1f1f}.app-loading .loading-spinner{color:#fff;font-size:1.25rem}.app-header{position:sticky;top:0;position:relative;overflow:hidden;background-color:#ffffff3b;padding:.55rem 0}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background-color:#fff;z-index:3}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,#fff0,#ffffff0f 45%,#fff0 70%);transform:translate(-60%);animation:headerSheen 6s ease-in-out infinite;opacity:.7}@keyframes headerSheen{0%{transform:translate(-60%)}50%{transform:translate(60%)}to{transform:translate(-60%)}}.app-header-content{display:flex;justify-content:flex-start;align-items:center;height:auto;gap:1rem;flex-wrap:wrap}.app-header-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.app-header-nav-btn{padding:.5rem 1rem;background:#ffffff14;border:1px solid rgb(255,255,255);border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.app-header-nav-btn:hover{background:#ffffff26;border-color:#ffffff40;color:#fff}.app-header-nav-btn:focus{outline:2px solid #4a9eff;outline-offset:2px}.app-header-nav-btn--admin{background:#ffc10726;border-color:#ffc1074d;color:#ffc107}.app-header-nav-btn--admin:hover{background:#ffc10740;border-color:#ffc10780}.app-header-nav-btn--logout{background:#f443361a;border-color:#f4433640;color:#f44336}.app-header-nav-btn--logout:hover{background:#f4433633;border-color:#f4433666}.app-header-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:#dc2626;color:#fff;font-size:.6875rem;font-weight:600;border-radius:9px;line-height:1;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-header-right{display:flex;align-items:center;margin-left:auto}.app-header-back-btn{padding:.5rem 1rem;background:#4a9eff40;border:1px solid rgba(74,158,255,.3);border-radius:6px;color:#4a9eff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-right:2rem}.app-header-back-btn:hover{background:#4a9eff40;border-color:#4a9eff80;color:#6bb3ff}.app-header-back-btn:focus{outline:2px solid #4a9eff;outline-offset:2px}.app-header-logo-button{padding:0;margin:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.app-header-logo-button:hover{background-color:#ffffff08}.app-header-logo-button:focus{outline:none}.app-header-logo{height:clamp(60px,14vw,60px);width:auto;display:block}@media (max-width: 1024px){.app-header-logo{height:clamp(100px,16vw,160px)}}@media (max-width: 768px){.app-header-logo{height:clamp(96px,18vw,140px)}}@media (max-width: 480px){.app-header-logo{height:clamp(80px,22vw,120px)}}.payment-placeholder{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;text-align:center;color:#fff}.payment-placeholder h2{font-size:2rem;margin:0 0 1rem}.payment-placeholder p{font-size:1rem;color:#9ca3af;margin:.5rem 0}.payment-placeholder .continue-button{margin-top:2rem;padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.payment-placeholder .continue-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}