body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:420px;padding:48px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#718096;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#2d3748}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.error-message{background-color:#fed7d7;border-left:4px solid #c53030;border-radius:8px;color:#c53030}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s}.login-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;gap:.5rem;justify-content:space-between;padding:2rem 1.5rem}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:1rem}.logo-icon{color:#fff;height:32px;width:32px}.logo-text{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1.5rem 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:.25rem}.nav-link{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:#ffffff26;border-left-color:#fff;color:#fff}.nav-link.active:before{background-color:#fff;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-icon{flex-shrink:0;height:20px;width:20px}.nav-text{font-size:.95rem;font-weight:500}.nav-link-button{background:none;border:none;color:inherit;cursor:pointer;text-align:left;width:100%}.nav-link-button:focus-visible{outline:2px solid #ffffff80;outline-offset:-4px}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.user-info{gap:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#fff3;border-radius:50%;height:40px;justify-content:center;width:40px}.avatar-icon{color:#fff;height:20px;width:20px}.user-details{flex:1 1}.user-name{color:#fff;font-size:.9rem;font-weight:600}.user-role{color:#ffffffb3;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.logout-button:hover{background-color:#fff3;border-color:#ffffff4d}.logout-icon{height:18px;width:18px}.sidebar-collapse-toggle{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:.35rem;transition:background-color .2s ease,transform .2s ease}.sidebar-collapse-toggle:hover{background:#ffffff40}.collapse-icon{height:18px;transition:transform .2s ease;width:18px}.collapse-icon.collapsed{transform:rotate(180deg)}.sidebar.collapsed{width:80px}.sidebar.collapsed .logo-text,.sidebar.collapsed .logout-button span,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.85rem .5rem}.sidebar.collapsed .nav-icon{margin:0}.sidebar.collapsed .sidebar-header{padding:1.5rem .75rem}.sidebar.collapsed .sidebar-collapse-toggle{margin-left:auto}.sidebar.collapsed .logout-button,.sidebar.collapsed .user-info{justify-content:center}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:220px}}.bug-report-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.bug-report-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;margin:auto;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.bug-report-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.bug-report-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:32px}.close-button:hover{background-color:#f3f4f6;color:#111827}.bug-report-subtitle{color:#6b7280;font-size:14px;margin:0;padding:0 24px 16px}form{padding:0 24px 24px}.form-group label{color:#374151}.min-chars{color:#6b7280}.min-chars,.optional{font-size:13px;font-weight:400}.optional{color:#9ca3af}.form-input,.form-select,.form-textarea{font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{min-height:80px}.char-count{color:#9ca3af;font-size:12px;margin-top:4px;text-align:right}.total-char-count{background-color:#f9fafb;border-radius:6px;color:#374151;font-size:14px;font-weight:500;margin:16px 0;padding:12px;text-align:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;margin-bottom:16px}.success-message{padding:40px 24px;text-align:center}.success-message h2{color:#059669;font-size:24px;margin:0 0 12px}.success-message p{color:#6b7280;font-size:16px;margin:0}.form-actions{border-top:1px solid #e5e7eb;padding-top:20px}.btn-cancel,.btn-submit{border:1px solid;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s,border-color .2s,opacity .2s}.btn-cancel{background-color:#fff;border-color:#d1d5db;color:#374151}.btn-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-submit{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.btn-submit:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.bug-report-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.bug-report-header{padding:20px 16px 12px}.bug-report-subtitle{padding:0 16px 12px}form{padding:0 16px 16px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.layout{background-color:#f8fafc}.layout,.main-content{display:flex;min-height:100vh}.main-content{flex-direction:column;margin-left:260px;transition:margin-left .25s ease}.layout.sidebar-collapsed .main-content{margin-left:80px}.top-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.mobile-menu-toggle{background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:none;padding:.5rem;transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:#f1f5f9}.header-actions{align-items:center;gap:2rem}.header-item{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.header-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.status-indicator{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.status-indicator:before{background-color:#10b981;border-radius:50%;content:"";height:8px;width:8px}.status-indicator.online:before{animation:pulse 2s infinite;background-color:#10b981}.status-indicator.offline:before{background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sync-time{color:#059669;font-size:.875rem;font-weight:500}.content{flex:1 1;padding:2rem;width:100%}.app-footer{background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:1.5rem 2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-content p{color:#64748b;font-size:.875rem;margin:0}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#64748b;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#3b82f6}.bug-toast{background-color:#0f172a;border-radius:.75rem;bottom:1.5rem;box-shadow:0 10px 25px #0f172a40;color:#fff;font-size:.875rem;max-width:320px;padding:.85rem 1.25rem;position:fixed;right:1.5rem;z-index:400}@media (max-width:768px){.layout.sidebar-collapsed .main-content,.main-content{margin-left:0}.mobile-menu-toggle{display:block}.header-actions{gap:1rem}.header-item{align-items:center}.header-label{display:none}.content{padding:1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{gap:1rem}.bug-toast{bottom:1rem;left:1rem;right:1rem;text-align:center}}@media (max-width:480px){.top-header{padding:1rem}.content{padding:.75rem}.app-footer{padding:1rem}}.dashboard{padding:0}.dashboard-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.dashboard-title{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.dashboard-subtitle{color:#64748b;font-size:1rem;margin:0}.header-info{flex-shrink:0;gap:1rem}.header-info,.last-updated{align-items:center;display:flex}.last-updated{color:#64748b;font-size:.875rem;gap:.5rem}.clock-icon{height:16px;width:16px}.refresh-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover{background-color:#f8fafc;color:#1e293b}.refresh-icon{height:16px;width:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-header{justify-content:space-between}.metric-icon-container{align-items:center;border-radius:.5rem;display:flex;height:48px;justify-content:center;width:48px}.metric-trend{align-items:center;display:flex;gap:.25rem}.trend-icon{height:16px;width:16px}.trend-icon.positive{color:#10b981}.trend-icon.negative{color:#ef4444}.trend-value{font-size:.875rem;font-weight:500}.trend-value.positive{color:#10b981}.trend-value.negative{color:#ef4444}.metric-content{display:flex;flex-direction:column;gap:.25rem}.metric-value{line-height:1}.metric-title{color:#64748b;font-size:.875rem;font-weight:500}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.dashboard-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.status-distribution{gap:1rem}.status-distribution,.status-item{display:flex;flex-direction:column}.status-item{gap:.5rem}.status-info{align-items:center;display:flex;justify-content:space-between}.status-badge.new{background-color:#dcfce7;color:#166534}.status-badge.contacted{background-color:#fef3c7;color:#92400e}.status-badge.responded{background-color:#dbeafe;color:#1d4ed8}.status-badge.converted{background-color:#f3e8ff;color:#6b21a8}.status-count{color:#374151;font-weight:600}.status-bar{background-color:#f3f4f6;border-radius:9999px;height:8px;overflow:hidden;width:100%}.status-progress{border-radius:9999px;height:100%;transition:width .3s ease}.activity-feed{display:flex;flex-direction:column;gap:1rem}.activity-item{background-color:#f8fafc;border-left:3px solid #6366f1;border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.activity-icon{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon .icon{color:#6366f1;height:20px;width:20px}.activity-content{flex:1 1}.activity-text{color:#374151;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.activity-time{color:#9ca3af;font-size:.75rem}.industries-list{display:flex;flex-direction:column;gap:.75rem}.industry-item{background-color:#f8fafc;border-radius:.5rem;gap:1rem;padding:.75rem}.industry-item,.industry-rank{align-items:center;display:flex}.industry-rank{background-color:#6366f1;border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.industry-info{flex:1 1}.industry-name{color:#374151;font-size:.875rem;font-weight:500}.industry-count{color:#6b7280;font-size:.75rem}.industry-percentage{color:#6366f1;font-size:.875rem;font-weight:600}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#374151;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}.action-btn:hover{background-color:#6366f1;border-color:#6366f1}.action-icon{height:24px;width:24px}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-error .alert,.dashboard-loading p{color:#6b7280;margin-bottom:1rem}.dashboard-error .btn{margin-top:1rem}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.header-info{justify-content:space-between}.dashboard-grid,.metrics-grid,.quick-actions{grid-template-columns:1fr}.activity-item{padding:.75rem}.industry-item{padding:.5rem}}@media (max-width:480px){.dashboard-title{font-size:1.5rem}.title-icon{height:28px;width:28px}.dashboard-card,.metric-card{padding:1rem}.action-btn{padding:1rem .75rem}}.template-selector .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.template-selector .template-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.template-selector-body{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:350px 1fr;overflow:hidden;padding:20px}.template-list-panel{border-right:1px solid #ddd;overflow-y:auto;padding-right:20px}.template-list-panel h3{color:#333;font-size:16px;margin-bottom:15px}.template-list{display:flex;flex-direction:column;gap:10px}.template-item{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.template-item:hover{border-color:#4caf50;box-shadow:0 2px 4px #0000001a}.template-item.selected{background:#f0f9f0;border-color:#4caf50}.template-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.template-item-header h4{color:#333;font-size:14px;margin:0}.template-industry{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;font-weight:500;padding:2px 8px}.template-subject{color:#666;font-size:12px;font-weight:500;margin-bottom:6px}.template-preview-text{color:#888;font-size:12px;line-height:1.4}.no-templates{color:#666;padding:40px 20px;text-align:center}.no-templates p{margin:8px 0}.template-preview-panel{overflow-y:auto;padding-left:20px}.template-preview-panel h3{color:#333;font-size:16px;margin-bottom:15px}.template-preview-panel.empty{align-items:center;display:flex;justify-content:center}.empty-state{color:#888}.variable-key{background:#f5f5f5;border-radius:6px;margin-bottom:20px;padding:15px}.variable-key h4{color:#333;font-size:14px;margin:0 0 12px}.variable-list{display:flex;flex-direction:column;gap:8px}.variable-item{align-items:center;display:flex;font-size:12px;gap:8px}.variable-code{background:#fff;border:1px solid #ddd;border-radius:3px;color:#d63384;font-family:Courier New,monospace;padding:2px 6px;white-space:nowrap}.variable-desc{color:#666;flex-shrink:0}.variable-value{color:#4caf50;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-section{margin-top:15px}.preview-section .form-group{margin-bottom:15px}.preview-section label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.preview-section .form-control{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;padding:8px 12px;width:100%}.preview-section .message-textarea{font-family:inherit;line-height:1.6;resize:vertical}.variable-highlight{background:#fff3cd;border-radius:3px;color:#856404;font-weight:500;padding:2px 4px}.preview-info{background:#e3f2fd;border-left:3px solid #1976d2;border-radius:4px;margin-top:12px;padding:12px}.preview-info p{color:#1565c0;font-size:12px;margin:0}.loading{color:#666;padding:40px;text-align:center}.error-message{background:#fee;color:#c33;font-size:13px;margin-bottom:15px;padding:12px}.group-selector{position:relative;width:100%}.group-selector-trigger{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s}.group-selector-trigger:hover{background:#f9fafb;border-color:#3b82f6}.selected-text{color:#333;flex:1 1}.selected-text:empty:before{color:#999;content:"Select groups..."}.dropdown-arrow{color:#666;font-size:10px;margin-left:8px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.group-selector-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-empty,.dropdown-error,.dropdown-loading{color:#666;font-size:14px;padding:16px;text-align:center}.dropdown-error{color:#dc3545}.dropdown-empty small{color:#999;display:block;font-size:12px;margin-top:4px}.dropdown-actions{background:#f9fafb;border-bottom:1px solid #eee;display:flex;gap:8px;padding:8px}.action-btn{background:#fff;border:1px solid #ddd;border-radius:3px;font-size:12px;padding:6px 12px}.action-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.group-options{max-height:340px;overflow-y:auto}.group-option{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px;transition:background .2s}.group-option:hover{background:#f9fafb}.group-option.selected{background:#eff6ff}.group-checkbox{align-items:center;border:2px solid #ddd;border-radius:3px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:12px;margin-top:2px;transition:all .2s;width:20px}.group-option.selected .group-checkbox{background:#3b82f6;border-color:#3b82f6}.checkmark{color:#fff;font-size:14px;font-weight:700}.group-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.group-name-row{align-items:center;display:flex;gap:8px}.group-color-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.group-name{color:#333;font-size:14px;font-weight:500}.group-description{font-size:12px;line-height:1.4}.group-count{color:#999;font-size:11px}.bulk-group-actions-bar{animation:slideUp .3s ease-out;background:#fff;border-top:2px solid #3b82f6;bottom:0;box-shadow:0 -4px 12px #00000026;left:0;position:fixed;right:0;z-index:900}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.actions-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.selection-info{align-items:center;display:flex;gap:8px}.selected-count{align-items:center;background:#3b82f6;border-radius:16px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 10px}.selected-text{color:#666;font-size:14px;font-weight:500}.actions-buttons{gap:12px}.actions-buttons,.industry-filter{align-items:center;display:flex;flex-wrap:wrap}.industry-filter{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:6px 10px}.filter-label{color:#374151;font-size:13px;font-weight:600}.industry-options{align-items:center}.industry-chip{background:#fff;color:#374151;padding:6px 10px}.clear-industry{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;padding:4px 6px}.clear-industry:hover:not(:disabled){text-decoration:underline}.action-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.action-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.cancel{background:#fff;border:1px solid #ddd;color:#666}.action-btn.cancel:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.inline-form{align-items:center;display:flex;gap:12px}.form-control-inline{border:1px solid #ddd;border-radius:6px;font-size:14px;max-width:300px;min-width:200px;padding:10px 14px;transition:border-color .2s}.form-control-inline:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control-inline:disabled{background:#f5f5f5;cursor:not-allowed}.btn-primary-small{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-primary-small:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.btn-primary-small:disabled{cursor:not-allowed;opacity:.5}.btn-cancel-small{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-cancel-small:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.btn-cancel-small:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.actions-container{align-items:stretch;flex-direction:column;gap:12px}.actions-buttons,.selection-info{justify-content:center}.inline-form{flex-direction:column;gap:8px}.form-control-inline{max-width:none;width:100%}}.group-management-modal .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-management-modal .modal-content.large{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.group-management-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.group-management-modal .modal-header h2{color:#333;font-size:20px;margin:0}.group-management-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.group-management-modal .close-btn:hover{background:#f0f0f0;color:#333}.group-management-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.list-header h3{color:#333;font-size:18px;margin:0}.empty-state,.loading-state{color:#666;padding:48px 24px}.empty-state p{font-size:16px;margin:0 0 16px}.groups-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.group-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;transition:all .2s}.group-card:hover{border-color:#ddd;box-shadow:0 4px 12px #0000001a}.group-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.group-title-row{align-items:center;display:flex;flex:1 1;gap:10px}.group-color-indicator{border-radius:50%;flex-shrink:0;height:16px;width:16px}.group-card h4{color:#333;font-size:16px;font-weight:600;margin:0}.group-actions{display:flex;gap:4px}.icon-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.icon-btn:hover{background:#f0f0f0}.icon-btn.delete:hover{background:#fee}.group-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.group-stats{align-items:center;border-top:1px solid #f0f0f0;display:flex;font-size:13px;justify-content:space-between;padding-top:12px}.stat{color:#333}.stat strong{color:#3b82f6;font-weight:600}.stat-date{color:#999;font-size:12px}.group-form-view{margin:0 auto;max-width:600px}.form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.form-header h3{color:#333;font-size:18px;margin:0}.form-group{margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.form-control{min-height:80px;resize:vertical}.color-picker{display:flex;flex-wrap:wrap;gap:12px}.color-option{align-items:center;border:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.color-option:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.color-option.selected{border-color:#333;box-shadow:0 2px 12px #0000004d}.color-option .checkmark{color:#fff;font-size:22px;font-weight:700;text-shadow:0 1px 2px #0000004d}.error-message{background:#fef2f2;border-left:4px solid #dc3545;border-radius:4px;color:#dc3545;font-size:14px;margin:16px 0;padding:12px 16px}.form-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn{padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.btn-secondary:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.industry-options{display:flex;flex-wrap:wrap;gap:8px}.industry-chip{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:inline-flex;font-size:13px;gap:6px;padding:8px 10px}.industry-chip input{margin:0}.csv-results-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.csv-results-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.csv-results-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.csv-results-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;border-radius:4px;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s,color .2s;width:32px}.close-btn:hover{color:#111827}.csv-results-summary{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 24px}.csv-results-summary p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.csv-results-breakdown{display:flex;flex-direction:column;gap:12px;padding:24px}.result-item{align-items:flex-start;border-left:4px solid;border-radius:6px;display:flex;padding:16px}.result-item.success{background-color:#d1fae5;border-left-color:#059669}.result-item.info{background-color:#dbeafe;border-left-color:#1e40af}.result-item.warning{background-color:#fef3c7;border-left-color:#d97706}.result-item.error{background-color:#fee2e2;border-left-color:#dc2626}.result-icon{font-size:24px;line-height:1;margin-right:16px}.result-item.success .result-icon{color:#059669}.result-item.info .result-icon{color:#1e40af}.result-item.warning .result-icon{color:#d97706}.result-item.error .result-icon{color:#dc2626}.result-details{flex:1 1}.result-label{font-size:14px;font-weight:600;margin-bottom:4px}.result-item.success .result-label{color:#065f46}.result-item.info .result-label{color:#1e3a8a}.result-item.warning .result-label{color:#92400e}.result-item.error .result-label{color:#991b1b}.result-count{font-size:20px;font-weight:700}.result-item.success .result-count{color:#047857}.result-item.info .result-count{color:#1e40af}.result-item.warning .result-count{color:#b45309}.result-item.error .result-count{color:#b91c1c}.result-subtext{font-size:13px;margin-top:4px}.result-item.success .result-subtext{color:#047857}.result-item.info .result-subtext{color:#1e40af}.result-item.warning .result-subtext{color:#92400e}.result-item.error .result-subtext{color:#991b1b}.csv-results-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.btn-primary{background-color:#3b82f6;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.btn-primary:hover{background-color:#2563eb}@media (max-width:640px){.csv-results-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.csv-results-breakdown{padding:16px}.result-item{padding:12px}.result-icon{font-size:20px;margin-right:12px}}.lead-score{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:80px}.score-value{color:#374151;font-size:.875rem;font-weight:600}.score-bar{background-color:#e5e7eb;border-radius:9999px;height:6px;overflow:hidden;width:60px}.score-fill{border-radius:9999px;height:100%;transition:width .3s ease}.filters-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.filters-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-input,.form-select,.form-textarea{transition:border-color .2s ease,box-shadow .2s ease}.table-container{border:1px solid #e5e7eb;border-radius:.5rem;max-height:calc(100vh - 400px);overflow-y:auto}.table-container table{background-color:#fff;border-collapse:collapse;font-size:.8rem;width:100%}.table-container th{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.65rem .5rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.table-container td{border-bottom:1px solid #f3f4f6;font-size:.8rem;padding:.65rem .5rem;vertical-align:middle}.table-container tr:hover{background-color:#f8fafc}.table-container td:first-child,.table-container th:first-child{padding:.5rem;text-align:center;width:40px}.table-container td a{font-size:.75rem;white-space:nowrap}.email-cell{display:flex;flex-direction:column;gap:.35rem}.verification-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.4rem}.verification-badge{border-radius:9999px;font-size:.65rem;font-weight:600;padding:.15rem .6rem;text-transform:capitalize}.verification-badge.status-deliverable{background-color:#dcfce7;color:#166534}.verification-badge.status-accept{background-color:#e0f2fe;color:#0369a1}.verification-badge.status-rejected{background-color:#fee2e2;color:#b91c1c}.verification-badge.status-risky{background-color:#fef3c7;color:#92400e}.verification-badge.status-unknown{background-color:#e5e7eb;color:#374151}.verification-badge.status-unverified{background-color:#f3f4f6;color:#6b7280}.verification-score{font-weight:600}.verification-date{color:#94a3b8}.phone-cell{display:flex;flex-direction:column;gap:.35rem}.phone-number{color:#111827;font-weight:600}.phone-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.4rem}.phone-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.15rem .6rem}.phone-type-mobile{background-color:#dcfce7;color:#15803d}.phone-type-landline{background-color:#e0f2fe;color:#075985}.phone-type-voip{background-color:#fef3c7;color:#92400e}.phone-type-unknown{background-color:#f3f4f6;color:#4b5563}.phone-country{font-weight:500}.phone-invalid{color:#b91c1c;font-weight:600}.phone-native-disabled{color:#9ca3af;font-style:italic}.action-buttons{display:flex;flex-direction:column;gap:.35rem}.btn-xs{border-radius:.25rem;font-size:.7rem;padding:.25rem .5rem}.btn-link{background:none;border:1px solid #2563eb26;color:#2563eb}.btn-link:hover{background-color:#2563eb14}.btn-sm{align-items:center;display:inline-flex;font-size:.75rem;justify-content:center;padding:.25rem .5rem}.badge{border-radius:9999px;padding:.25rem .75rem;text-transform:capitalize}.badge-info{color:#1d4ed8}.badge-success{background-color:#dcfce7;color:#166534}.badge-danger{background-color:#fecaca;color:#b91c1c}.contact-status-cell{display:flex;flex-direction:column;gap:.35rem}.contact-status-meta{color:#6b7280;display:flex;flex-direction:column;font-size:.7rem;gap:.1rem}.btn{justify-content:center}.btn-secondary:hover{background-color:#f8fafc;color:#374151}.btn-danger:hover{background-color:#dc2626}.filter-drawer{background:#fff;box-shadow:-12px 0 30px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-420px;top:0;transition:right .25s ease;width:400px;z-index:1400}.filter-drawer.open{right:0}.filter-drawer-backdrop{background:#00000040;inset:0;position:fixed;z-index:1300}.filter-drawer-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:18px 20px}.filter-drawer-header h3{color:#1f2937;font-size:18px;margin:0}.filter-drawer-header p{color:#6b7280;font-size:13px;margin:4px 0 0}.filter-drawer-body{flex:1 1;overflow-y:auto;padding:16px 20px 20px}.filter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:900px){.filter-grid{grid-template-columns:1fr 1fr}}.card{border:1px solid #e5e7eb;border-radius:.5rem}.card-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.alert{border-radius:.375rem}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.table-container{font-size:.75rem}.table-container td,.table-container th{padding:.5rem}.lead-score{min-width:60px}.score-bar{width:40px}}@media (max-width:480px){.card{padding:1rem}.table-container{overflow-x:scroll}.btn{font-size:.75rem;padding:.5rem 1rem}}.test-page{margin:0 auto;max-width:1200px;padding:0}.test-page .help-card{margin-top:2rem}.test-header{margin-bottom:2rem}.test-title{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.test-subtitle{color:#64748b;font-size:1rem;margin:0}.tabs{border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:1rem 2rem;transition:all .2s ease}.tab-button.active{border-bottom-color:#6366f1;color:#6366f1}.tab-button:hover:not(.active){background-color:#f8fafc;color:#374151}.test-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#374151}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.75rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-textarea{min-height:120px}.character-count{color:#6b7280;font-size:.75rem;margin-top:.25rem;text-align:right}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.btn{border-radius:.375rem}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;color:#374151}.alert-success{border:1px solid #bbf7d0}.alert-error{background-color:#fecaca;color:#b91c1c}.alert-info{border:1px solid #bfdbfe;color:#1d4ed8}.error-details{display:flex;flex-direction:column;gap:1rem}.error-main{font-weight:600;margin-bottom:.5rem}.error-suggestions{background-color:#ffffff80;border-left:4px solid #dc2626;border-radius:.375rem;padding:1rem}.error-suggestions p{font-weight:500;margin:0 0 .5rem}.error-suggestions ul{margin:0;padding-left:1.5rem}.error-suggestions li{margin-bottom:.25rem}.diagnostic-btn{background-color:#7c3aed;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.diagnostic-btn:hover:not(:disabled){background-color:#6d28d9}.diagnostic-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.diagnostic-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.diagnostic-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.diagnostic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.diagnostic-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .2s ease}.close-btn:hover{background-color:#f3f4f6}.diagnostic-results{display:flex;flex-direction:column;gap:1rem}.diagnostic-item{align-items:flex-start;border-left:4px solid #e5e7eb;border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.diagnostic-item.success{background-color:#f0fdf4;border-left-color:#22c55e}.diagnostic-item.error{background-color:#fef2f2;border-left-color:#ef4444}.diagnostic-item.info{background-color:#eff6ff;border-left-color:#3b82f6}.diagnostic-icon{align-items:center;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:20px;justify-content:center;margin-top:2px;width:20px}.diagnostic-icon.success{color:#22c55e}.diagnostic-icon.error{color:#ef4444}.diagnostic-icon.info{color:#3b82f6}.diagnostic-message{color:#374151;flex:1 1;font-size:.875rem;line-height:1.5}.troubleshooting-steps{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.troubleshooting-steps h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.troubleshooting-steps ol{margin:0;padding-left:1.5rem}.troubleshooting-steps li{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.preview-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-title{color:#374151;font-weight:600;margin:0}.preview-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#374151;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;padding:1rem;white-space:pre-wrap}@media (max-width:768px){.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.diagnostic-content{padding:1.5rem}.diagnostic-header{align-items:flex-start;flex-direction:column;gap:1rem}}.search-page{padding:20px}.search-header{margin-bottom:30px}.search-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.search-header p{color:#666;margin:0}.search-container{background:#fff;box-shadow:0 1px 3px #0000001a;padding:20px}.search-bar,.search-container{border-radius:8px;margin-bottom:20px}.search-bar{align-items:center;background:#f5f5f5;display:flex;gap:10px;padding:12px}.search-icon{color:#666;flex-shrink:0}.search-bar input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.search-bar button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:background .2s}.search-bar button:hover:not(:disabled){background:#1d4ed8}.search-bar button:disabled{cursor:not-allowed;opacity:.6}.filters-section{border-top:1px solid #e5e5e5;padding-top:20px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-item{flex:1 1;min-width:200px}.filter-item label{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:8px}.filter-item input,.filter-item select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.filter-item input:focus,.filter-item select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.autocomplete-wrapper{position:relative}.autocomplete-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s}.suggestion-item:hover{background:#f5f5f5}.search-button-container{flex:0 1;min-width:auto}.search-btn{height:42px;padding:10px 24px;white-space:nowrap}.search-actions,.search-btn{align-items:center;display:flex;gap:8px}.csv-tools-btn{align-items:center;background:#16a34a;border:1px solid #15803d;color:#fff;display:flex;gap:6px;height:42px}.csv-tools-btn:hover:not(:disabled){background:#15803d}.search-results{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:300px;padding:40px}.empty-state{color:#999;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{color:#666;margin:0 0 8px}.empty-state p{margin:0}.spinner{border:4px solid #f3f3f3;height:40px;margin:0 auto 16px;width:40px}.alert{border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:14px;margin-bottom:20px;padding:16px 20px}.alert-success{background-color:#dcfce7;border:1px solid #86efac;color:#166534}.csv-upload-section{border-top:1px solid #e5e5e5;margin-top:24px;padding-top:24px}.csv-upload-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.csv-upload-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.btn-upload{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.btn-upload:hover:not(:disabled){background:#45a049}.btn-upload:disabled{cursor:not-allowed;opacity:.6}.csv-upload-options{margin-bottom:16px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.column-info-panel{background:#f9fafb;border:1px solid #e5e5e5;border-radius:8px;margin-top:16px;padding:20px}.column-info-panel h4{color:#333;font-size:15px;margin:0 0 16px}.column-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.column-info-item{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:12px}.column-info-item strong{color:#2563eb;display:block;font-size:14px;margin-bottom:4px}.required-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px}.column-description{color:#666;font-size:13px;margin:8px 0 4px}.column-example{color:#999;font-size:12px;font-style:italic;margin:0}.csv-preview{background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto}.csv-example-row,.csv-header-row{border-bottom:1px solid #e5e5e5;display:flex}.csv-example-row{border-bottom:none}.csv-data-cell,.csv-header-cell{border-right:1px solid #e5e5e5;min-width:150px;padding:8px 12px;white-space:nowrap}.csv-data-cell:last-child,.csv-header-cell:last-child{border-right:none}.csv-header-cell{background:#f9fafb;font-weight:600;text-transform:lowercase}.required-cell{background:#fef3c7;color:#92400e}.optional-cell{background:#f3f4f6;color:#374151}.csv-data-cell{color:#666;font-size:11px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1500}.search-modal{background:#fff;border-radius:10px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:100%}.search-modal-footer,.search-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.search-modal-header h3{color:#1f2937;font-size:18px;margin:0}.search-modal-body{overflow-y:auto;padding:20px}.search-modal-footer{border-bottom:none;border-top:1px solid #e5e7eb}.icon-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.icon-button:hover{background:#f3f4f6}.group-mode-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.mode-chip{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:10px 12px;text-align:left;transition:all .15s ease}.mode-chip.active{background:#eff6ff;color:#1d4ed8}.mode-chip.active,.mode-chip:hover{border-color:#2563eb}.search-modal .form-group{margin-bottom:14px}.search-modal .form-group label{color:#111827;display:block;font-weight:600;margin-bottom:6px}.search-modal .form-group input,.search-modal .form-group select,.search-modal .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.search-modal .form-group textarea{resize:vertical}.help-text{color:#6b7280;font-size:13px;margin-top:6px}.simple-campaign-form{margin:0 auto;max-width:600px}.simple-campaign-form h2{color:#333;font-size:24px;margin:0 0 1.5rem}.simple-campaign-form .loading-state{color:#666;padding:2rem;text-align:center}.simple-campaign-form .alert{border-radius:4px;margin-bottom:1.5rem;padding:1rem}.simple-campaign-form .alert-danger{background:#fee;border:1px solid #fcc;color:#c33}.simple-campaign-form .form-group{margin-bottom:1.5rem}.simple-campaign-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:.5rem}.simple-campaign-form .form-group input[type=text],.simple-campaign-form .form-group select,.simple-campaign-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:.75rem;width:100%}.simple-campaign-form .form-group input[type=text]:focus,.simple-campaign-form .form-group select:focus,.simple-campaign-form .form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.simple-campaign-form .form-group small.text-muted{color:#666;display:block;font-size:12px;margin-top:.25rem}.simple-campaign-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.simple-campaign-form .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.simple-campaign-form .btn:disabled{cursor:not-allowed;opacity:.6}.simple-campaign-form .btn-primary{background:#4caf50;color:#fff}.simple-campaign-form .btn-primary:hover:not(:disabled){background:#45a049}.simple-campaign-form .btn-secondary{background:#e0e0e0;color:#333}.simple-campaign-form .btn-secondary:hover{background:#d0d0d0}.campaigns-page{padding:0}.alert{border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-success{border:1px solid #a7f3d0}.alert-error{border:1px solid #fecaca}.btn-primary{background-image:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 10px 25px #0ea5e959}.btn-primary:hover{background-image:linear-gradient(135deg,#0284c7,#1d4ed8);box-shadow:0 12px 30px #0ea5e973}.campaigns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));min-height:400px}.campaign-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;position:relative;transition:all .2s ease}.campaign-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.campaign-name{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.campaign-actions{display:flex;gap:.5rem}.btn-icon-btn.success{background-color:#dcfce7;color:#166534}.btn-icon-btn.success:hover{background-color:#bbf7d0}.btn-icon-btn.danger{background-color:#fee2e2;color:#b91c1c}.btn-icon-btn.danger:hover{background-color:#fecaca}.campaign-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.campaign-template-pill{background-color:#f3e8ff;color:#7c3aed;text-transform:none}.campaign-group-pill,.campaign-template-pill{border-radius:999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.campaign-group-pill{background-color:#dbeafe;color:#1d4ed8}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.campaign-type{background-color:#dbeafe;color:#1d4ed8}.campaign-description{margin-bottom:1.5rem}.campaign-description p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.campaign-extra-info{grid-gap:.75rem;color:#475569;display:grid;font-size:.85rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.campaign-stats{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:1rem}.stat-icon{color:#6366f1;height:20px;margin-bottom:.5rem;width:20px}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-link-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.75rem;font-weight:600;padding:0;text-decoration:underline}.stat-link-button:hover{color:#1d4ed8}.scheduled-time{align-items:center;background-color:#f8fafc;border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem}.calendar-icon{color:#6366f1;height:16px;width:16px}.failures-table{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.failures-table-header{color:#94a3b8;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.failures-row,.failures-table-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr .8fr 2fr 1fr}.failures-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem}.failures-row-subtext{color:#64748b;font-size:.75rem;margin-top:.25rem}.failures-chip{align-items:center;background-color:#fee2e2;border-radius:999px;color:#b91c1c;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:.2rem .6rem}.failure-modal-loading{color:#475569;font-weight:600;padding:1rem 0}@media (max-width:768px){.page-header{align-items:stretch}.header-actions,.page-header{flex-direction:column}.campaigns-grid{grid-template-columns:1fr}.campaign-stats{flex-direction:column;gap:1rem}}.template-builder{margin:0 auto;max-width:900px}.template-builder-header{margin-bottom:2rem}.template-builder-header h2{color:#333;font-size:24px;margin:0}.template-builder-body{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:.75rem;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.form-group small.text-muted{color:#666;display:block;font-size:12px;margin-top:.25rem}.metadata-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.ai-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#b91c1c;font-size:13px;margin-bottom:1rem;padding:.75rem 1rem}.placeholders-info{background:#f8f9fa;border-radius:4px;margin:1.5rem 0;padding:1rem}.placeholders-info h4{color:#333;font-size:14px;font-weight:600;margin:0 0 .5rem}.placeholders-list{display:flex;flex-wrap:wrap;gap:.5rem}.placeholder-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-family:monospace;font-size:12px;padding:.25rem .75rem}.messages-section{margin-top:2rem}.messages-section h3{color:#333;font-size:18px;margin:0 0 1rem}.message-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.message-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.message-number{color:#333;font-size:14px;font-weight:600}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:background-color .2s}.btn-icon:hover{background:#0000000d}.btn-icon.btn-danger{color:#dc3545}.btn-icon.btn-danger:hover{background:#dc35451a}.message-config{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.input-with-placeholders{position:relative}.placeholder-buttons{gap:.25rem;margin-top:.5rem}.btn-placeholder{font-size:11px}.ai-actions{display:flex;justify-content:flex-start;margin-top:.75rem}.btn-ai{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;color:#4338ca;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:.35rem;padding:.4rem .75rem;transition:background-color .2s}.btn-ai:hover:not(:disabled){background:#e0e7ff}.btn-ai:disabled{cursor:not-allowed;opacity:.6}.btn{border-radius:4px;display:inline-flex;font-size:14px;font-weight:600}.btn-primary{background:#4caf50}.btn-primary:hover{background-image:linear-gradient(135deg,#047857,#059669);box-shadow:0 12px 28px #05966959}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#cbd5f5;color:#312e81}.template-builder-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.templates-page{padding:0}.page-header{align-items:flex-start;gap:2rem}.header-content{flex:1 1}.header-actions{display:flex;flex-shrink:0;gap:1rem}.btn-primary{box-shadow:0 10px 25px #6366f159}.btn-primary:hover{box-shadow:0 12px 30px #6366f166}.btn-secondary{box-shadow:0 10px 20px #2563eb40}.btn-secondary:hover{box-shadow:0 12px 28px #2563eb59;transform:translateY(-1px)}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-bar{flex:1 1;min-width:300px;position:relative}.search-icon{color:#64748b;height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem .75rem 3rem;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-icon{color:#64748b;height:20px;width:20px}.filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.75rem 2rem .75rem 1rem;transition:border-color .2s ease}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));min-height:400px}.template-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;position:relative;transition:all .2s ease}.template-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.template-name{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.template-actions{display:flex;gap:.5rem}.btn-icon-btn{background-color:#eef2ff;box-shadow:0 4px 8px #4f46e526;color:#4338ca}.btn-icon-btn:hover{background-color:#e0e7ff;color:#312e81}.btn-icon-btn.danger:hover{background-color:#fef2f2;color:#dc2626}.template-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.template-industry,.template-messages,.template-type{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;padding:.35rem .9rem;text-transform:capitalize}.template-type{background-color:#dbeafe;color:#1d4ed8}.template-industry{background-color:#fce7f3;color:#be185d}.template-messages{background-color:#fef3c7;color:#b45309}.template-preview{margin-bottom:1.5rem}.template-subject{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.template-content{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.template-stats{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:1rem}.stat{text-align:center}.stat-label{color:#9ca3af;display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#374151;display:block;font-size:.875rem;font-weight:600}.placeholder-helper{margin-top:.5rem}.placeholder-helper-label{color:#64748b;display:block;font-size:.75rem;margin-bottom:.35rem}.placeholder-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.btn-placeholder{background:#e8f4fd;border:1px solid #90caf9;border-radius:4px;color:#1565c0;cursor:pointer;font-family:monospace;font-size:.75rem;padding:.25rem .5rem;transition:background-color .2s}.btn-placeholder:hover{background:#d0e9f7}@media (max-width:768px){.page-header{align-items:stretch}.filters-section,.header-actions,.page-header{flex-direction:column}.filters-section{align-items:stretch}.search-bar{min-width:0;min-width:auto}.filter-group{justify-content:space-between}.templates-grid{grid-template-columns:1fr}.template-stats{flex-direction:column;gap:1rem}}.analytics-page{padding:0}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.metric-icon{height:24px;width:24px}.metric-label{color:#64748b;font-size:.875rem;font-weight:500}.metric-value{margin-bottom:.5rem}.metric-change{font-size:.875rem;font-weight:500}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.chart-container h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.funnel-chart{display:flex;flex-direction:column;gap:.75rem}.funnel-stage{border-left:4px solid #6366f1;color:#374151;font-weight:500;justify-content:space-between;padding:1rem}.funnel-stage,.trend-chart{align-items:center;background-color:#f8fafc;border-radius:.5rem;display:flex}.trend-chart{height:300px;justify-content:center}.chart-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem}.chart-icon{height:48px;width:48px}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}}.ab-testing-page{padding:0}.page-header{align-items:center;display:flex;justify-content:space-between}.page-title{margin:0}.btn{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#6366f1}.btn-primary:hover{background-color:#4f46e5}.btn-icon{height:16px;width:16px}.tests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));min-height:400px}.test-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.test-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.test-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.test-card p{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.test-status{background-color:#f3f4f6;border-radius:9999px;color:#374151;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:1rem;padding:.25rem .75rem;text-transform:capitalize}.test-actions{display:flex;gap:.5rem}.btn-icon-btn{align-items:center;background-color:#f1f5f9;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon-btn:hover{background-color:#e2e8f0;color:#1e293b}.btn-icon-btn .icon{height:16px;width:16px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#9ca3af;height:64px;margin-bottom:1rem;width:64px}.empty-state h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.tests-grid{grid-template-columns:1fr}}.performance-page{padding:0}.page-header{margin-bottom:2rem}.page-title{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.title-icon{color:#6366f1;height:36px;width:36px}.page-description{color:#64748b;font-size:1rem;margin:0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.metric-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.metric-icon{color:#6366f1;height:32px;margin-bottom:1rem;width:32px}.metric-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.metric-value{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.25rem}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{border:4px solid #e5e7eb;border-top-color:#6366f1;height:48px;margin-bottom:1rem;width:48px}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}}.settings-page{max-width:1200px;padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.settings-header p{color:#666;margin:0}.settings-loading{color:#666;padding:40px;text-align:center}.settings-message{background:#fff;border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:16px}.settings-message.success{background:#f0fdf4;border-color:#10b981}.settings-message.error{background:#fef2f2;border-color:#ef4444}.message-header{align-items:center;display:flex;font-weight:500;gap:10px}.settings-message.success .message-header{color:#065f46}.settings-message.error .message-header{color:#991b1b}.message-details{font-size:14px;margin-top:8px;opacity:.9}.message-troubleshooting{font-size:13px;margin-top:12px}.message-troubleshooting ul{margin:8px 0 0;padding-left:20px}.message-troubleshooting li{margin:4px 0}.settings-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.section-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;gap:10px;margin-bottom:20px;padding-bottom:16px}.section-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-item{display:flex;flex-direction:column}.setting-item label{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:8px}.setting-item input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.setting-item input:focus{border-color:#2563eb;outline:none}.test-button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 20px;transition:background .2s}.test-button:hover:not(:disabled){background:#4f46e5}.test-button:disabled{cursor:not-allowed;opacity:.6}.settings-actions{display:flex;justify-content:flex-end;padding:20px 0}.save-button{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 32px;transition:background .2s}.save-button:hover:not(:disabled){background:#1d4ed8}.save-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--bg-color:#f3f4f6;--card-bg:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb}.App{background-color:#f3f4f6;background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#fff;background-color:var(--card-bg);box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-title{color:#2563eb;color:var(--primary-color);font-size:1.5rem;font-weight:700}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-menu a{color:#6b7280;color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.nav-menu a.active,.nav-menu a:hover{color:#2563eb;color:var(--primary-color)}.main-content{flex:1 1;margin:2rem auto;max-width:1200px;padding:0 2rem;width:100%}.footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);color:#6b7280;color:var(--text-secondary);font-size:.875rem;padding:1.5rem 2rem;text-align:center}.card,.footer{background-color:#fff;background-color:var(--card-bg)}.card{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-image:linear-gradient(135deg,#7c3aed,#6366f1);border:none;box-shadow:0 8px 22px #6366f159;color:#fff}.btn-primary:hover{background-image:linear-gradient(135deg,#6d28d9,#4f46e5);box-shadow:0 12px 30px #6366f173}.btn-success{background-color:#10b981;background-color:var(--success-color);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.9}.btn-secondary{background-image:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;box-shadow:0 8px 20px #0ea5e94d;color:#fff}.btn-secondary:hover{background-image:linear-gradient(135deg,#0284c7,#1d4ed8);box-shadow:0 12px 28px #0ea5e966}.form-group{margin-bottom:1rem}.form-label{color:#111827;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;padding:.5rem;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th{background-color:#f3f4f6;background-color:var(--bg-color);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#111827;color:var(--text-primary);font-weight:600;text-align:left}td,th{font-size:.875rem;padding:.75rem}td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}tr:hover{background-color:#f3f4f6;background-color:var(--bg-color)}.badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#2563eb;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:2rem;margin:2rem auto;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.alert{border-radius:6px;margin-bottom:1rem;padding:1rem}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.alert-info{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stat-value{color:#2563eb;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filters .form-group{flex:1 1;margin-bottom:0;min-width:200px}
/*# sourceMappingURL=main.f4f3e185.css.map*/