body{margin:0;min-width:320px;min-height:100vh}.trial-banner{position:sticky;top:0;z-index:100;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.trial-banner.info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.trial-banner.warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.trial-banner.urgent{background:linear-gradient(135deg,#fa709a,#fee140);color:#1a1a1a}.trial-banner.expired{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.trial-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px}.trial-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.trial-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.trial-banner-text strong{font-size:15px;font-weight:600}.trial-banner-text span{font-size:13px;opacity:.9}.trial-banner-cta{flex-shrink:0;padding:8px 20px;background:#fffffff2;border-radius:6px;font-weight:600;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 2px 8px #0000001a}.trial-banner.info .trial-banner-cta{color:#667eea}.trial-banner.warning .trial-banner-cta{color:#f5576c}.trial-banner.urgent .trial-banner-cta,.trial-banner.expired .trial-banner-cta{color:#c92a2a}.trial-banner-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.trial-banner-dismiss{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;opacity:.7;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center}.trial-banner.info .trial-banner-dismiss,.trial-banner.warning .trial-banner-dismiss,.trial-banner.expired .trial-banner-dismiss{color:#fff}.trial-banner.urgent .trial-banner-dismiss{color:#1a1a1a}.trial-banner-dismiss:hover{opacity:1;background:#ffffff26}@media(max-width:768px){.trial-banner{padding:10px 16px}.trial-banner-content{gap:12px}.trial-banner-text{font-size:13px}.trial-banner-text strong{font-size:14px}.trial-banner-text span{font-size:12px}.trial-banner-cta{padding:6px 14px;font-size:13px}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.trial-expired-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;padding:8px;cursor:pointer;color:#666;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f5f5f5;color:#333}.modal-icon{display:flex;justify-content:center;margin-bottom:24px;color:#f5576c}.trial-expired-modal h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}.modal-description{font-size:16px;color:#666;line-height:1.6;text-align:center;margin:0 0 32px}.modal-benefits{background:linear-gradient(135deg,#f8f9ff,#fff5f7);border-radius:12px;padding:24px;margin-bottom:32px}.modal-benefits h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.modal-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.modal-benefits li{font-size:15px;color:#333;display:flex;align-items:center}.modal-actions{display:flex;flex-direction:column;gap:12px}.modal-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;text-align:center;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.modal-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.modal-actions .btn-secondary{background:#fff;color:#666;border:2px solid #e0e0e0;padding:12px 28px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.modal-actions .btn-secondary:hover{border-color:#ccc;color:#333;background:#f9f9f9}@media(max-width:768px){.trial-expired-modal{padding:32px 24px}.trial-expired-modal h2{font-size:24px}.modal-description{font-size:15px}.modal-benefits{padding:20px}.modal-benefits h3{font-size:15px}.modal-benefits li{font-size:14px}}:root{--primary: #0d6efd;--primary-hover: #0b5ed7;--secondary: #6c757d;--success: #198754;--danger: #dc3545;--warning: #ffc107;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--sidebar-width: 260px;--thumbtack-green: #009fd9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.5}#root{max-width:none;margin:0;padding:0;text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#bb2d3b}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message,.success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);margin-bottom:20px;font-size:14px}.error-message{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.success-message{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-secondary)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{width:100%;max-width:420px;background:#fff;padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:30px}.auth-icon{color:var(--primary);margin-bottom:16px}.auth-logo{width:180px;height:auto;margin-bottom:16px}.auth-header h1{font-size:24px;font-weight:600;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);transition:all .2s}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.input-wrapper svg{color:var(--text-muted);flex-shrink:0}.input-wrapper input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.forgot-password-link{display:block;text-align:right;font-size:13px;color:var(--primary);text-decoration:none;margin-top:4px}.forgot-password-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar-nav{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.nav-brand{display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid var(--border-color)}.nav-logo{width:100%;max-width:180px;height:auto}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.brand-text{font-weight:600;font-size:16px}.nav-links{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-link.active{background:var(--primary);color:#fff}.nav-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.user-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{width:36px;height:36px;background:var(--primary);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{color:var(--danger)}.logout-btn:hover{background:#fee2e2}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.dashboard{padding:32px;max-width:1200px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:28px;font-weight:600;margin-bottom:4px}.dashboard-header p{color:var(--text-secondary)}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:18px;font-weight:600;margin-bottom:8px}.section-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.platform-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.platform-info{flex:1;display:flex;align-items:center;gap:16px;min-width:250px}.platform-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:700;font-size:16px}.thumbtack-logo{background:var(--thumbtack-green);color:#fff}.platform-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.platform-info p{font-size:14px;color:var(--text-secondary)}.platform-status{display:flex;align-items:center}.status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:6px 12px;border-radius:20px}.status.connected{background:#dcfce7;color:#15803d}.status.disconnected{background:#fef3c7;color:#b45309}.platform-actions{margin-left:auto}.businesses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.business-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;position:relative}.business-card:hover{box-shadow:var(--shadow)}.business-image{width:100%;height:140px;object-fit:cover;background:var(--bg-tertiary)}.business-image-placeholder{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted)}.account-status-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;z-index:1}.account-status-badge.connected{background:#15803de6;color:#fff}.account-status-badge.disconnected{background:#b45309e6;color:#fff}.account-status-badge.error{background:#dc2626f2;color:#fff}.btn-secondary-subtle{background:transparent;color:var(--text-secondary);border:none;padding:6px}.btn-secondary-subtle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.empty-state-hint-box{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius);color:#92400e}.empty-state-hint-box svg{flex-shrink:0;margin-top:2px}.empty-state-hint-box p{margin:0 0 4px}.empty-state-hint-box p:last-child{margin-bottom:0}.business-info{padding:16px}.business-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.business-id{font-size:12px;color:var(--text-muted);font-family:monospace}.email-display-row{display:flex;align-items:center;gap:6px;margin-top:8px;cursor:pointer;padding:4px 8px;margin-left:-8px;border-radius:4px;transition:background-color .15s ease}.email-display-row:hover{background-color:var(--hover-bg)}.email-display-row .email-hint{font-size:13px;color:var(--text-secondary)}.email-display-row .edit-icon{opacity:0;transition:opacity .15s ease;color:var(--text-muted)}.email-display-row:hover .edit-icon{opacity:1}.email-edit-row{display:flex;align-items:center;gap:6px;margin-top:8px}.email-edit-row .email-input{flex:1;padding:4px 8px;font-size:13px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-primary);min-width:0}.email-edit-row .email-input:focus{outline:none;border-color:var(--primary-color)}.btn-success-subtle{background:transparent;color:var(--success-color, #22c55e);border:none}.btn-success-subtle:hover{background:#22c55e1a}.business-actions{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;gap:12px}.business-actions .btn{flex:1;padding:8px 12px;font-size:13px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state-hint{margin-top:12px;font-size:13px;color:var(--text-muted)}.empty-state-actions{margin-top:24px;text-align:left;max-width:400px;margin-left:auto;margin-right:auto;background:var(--bg-secondary);padding:20px;border-radius:var(--radius);border:1px solid var(--border-color)}.empty-state-actions p{margin-bottom:12px;color:var(--text-primary)}.reconnect-steps{margin:0;padding-left:20px;color:var(--text-secondary)}.reconnect-steps li{margin-bottom:8px}.reconnect-steps a{color:var(--primary);text-decoration:none}.reconnect-steps a:hover{text-decoration:underline}.import-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.import-textarea{width:100%;min-height:150px;padding:12px;font-family:monospace;font-size:13px;border:1px solid var(--border-color);border-radius:var(--radius);resize:vertical;background:var(--bg-secondary)}.import-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.import-textarea:disabled{opacity:.6;cursor:not-allowed}.import-actions{display:flex;gap:12px;margin-top:16px}.import-results{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.import-results h4{margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.results-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius);font-size:13px}.result-item.success{background:#d1e7dd;border:1px solid #a3cfbb}.result-item.failed{background:#f8d7da;border:1px solid #f1aeb5}.result-id{font-family:monospace;font-weight:500}.result-error{display:flex;align-items:center;gap:6px;color:var(--danger);font-size:12px}.result-icon.success{color:var(--success)}.result-icon.failed{color:var(--danger)}.result-item.duplicate{background:#fff3cd;border:1px solid #ffe69c}.result-icon.duplicate{color:#856404}.result-status{display:flex;align-items:center;gap:6px;font-size:.85rem}.messages-page{display:flex;height:100vh}.leads-sidebar{width:340px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{flex:1;font-size:18px;font-weight:600}.business-badge{margin:12px 16px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-secondary)}.leads-list{flex:1;overflow-y:auto}.empty-leads{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-leads svg{opacity:.4;margin-bottom:12px}.empty-leads small{font-size:13px;color:var(--text-muted)}.lead-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.lead-item:hover{background:var(--bg-secondary)}.lead-item.selected{background:#e7f1ff;border-left:3px solid var(--primary)}.lead-item.inaccessible{opacity:.7;background:#fff8e1}.lead-item.inaccessible .lead-avatar{background:#fff3cd;color:#856404}.lead-item.inaccessible.selected{background:#fff3cd;border-left:3px solid var(--warning)}.lead-badge-other-account{display:inline-block;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600;background:#fff3cd;color:#856404;border-radius:var(--radius-sm)}.lead-avatar{width:40px;height:40px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.lead-avatar.large{width:48px;height:48px}.lead-avatar{position:relative}.update-indicator{position:absolute;top:0;right:0;width:10px;height:10px;background:#3b82f6;border-radius:50%;border:2px solid var(--bg-secondary)}.lead-item.has-updates{background:#3b82f60d}.lead-item.has-updates:hover{background:#3b82f61a}.lead-item.has-updates.selected{background:var(--bg-tertiary)}.lead-item.has-updates .lead-name{font-weight:700}.lead-preview{flex:1;min-width:0}.lead-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.lead-name{font-weight:600;font-size:14px}.lead-time{font-size:12px;color:var(--text-muted)}.lead-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.lead-category{font-size:12px;color:var(--primary);font-weight:500}.lead-snippet{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary)}.chat-header{background:#fff;padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.lead-info-header{display:flex;align-items:center;gap:12px}.lead-info-header h3{font-size:16px;font-weight:600}.lead-info-header p{font-size:13px;color:var(--text-secondary)}.lead-quick-info{display:flex;gap:16px;flex-wrap:wrap}.quick-info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);text-decoration:none}.quick-info-item:hover{color:var(--primary)}.resync-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.resync-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}.resync-btn:disabled{opacity:.5;cursor:not-allowed}.resync-error{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);color:var(--error, #dc2626);font-size:13px;margin:0 16px;border-radius:6px}.resync-error svg{flex-shrink:0}.resync-error span{flex:1}.resync-error .dismiss-btn{padding:4px;background:transparent;border:none;color:var(--error, #dc2626);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.resync-error .dismiss-btn:hover{background:#dc26261a}.lead-details-panel{background:#fff;border-bottom:1px solid var(--border-color)}.details-toggle{width:100%;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.details-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.details-content{padding:0 24px 20px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;align-items:flex-start;gap:10px}.detail-item svg{color:var(--text-muted);margin-top:2px}.detail-item label{font-size:12px;color:var(--text-muted);display:block;margin-bottom:2px}.detail-item span{font-size:14px;font-weight:500}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.new,.status-badge.open{background:#dbeafe;color:#1e40af}.status-badge.contacted{background:#fef3c7;color:#b45309}.status-badge.quoted{background:#e0e7ff;color:#4338ca}.status-badge.booked{background:#dcfce7;color:#15803d}.status-badge.lost{background:#fef2f2;color:#dc2626}.lead-status-badge{display:inline-block;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.lead-status-badge.status-new{background:#dbeafe;color:#1e40af}.lead-status-badge.status-contacted{background:#fef3c7;color:#b45309}.lead-status-badge.status-quoted{background:#e0e7ff;color:#4338ca}.lead-status-badge.status-booked{background:#dcfce7;color:#15803d}.lead-status-badge.status-lost{background:#fef2f2;color:#dc2626}.request-details{margin-bottom:20px}.request-details h4,.original-message h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.request-details dl{background:var(--bg-secondary);border-radius:var(--radius);padding:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row dt{font-size:13px;color:var(--text-secondary)}.detail-row dd{font-size:13px;font-weight:500;text-align:right}.original-message p{background:var(--bg-secondary);padding:16px;border-radius:var(--radius);font-size:14px;line-height:1.6}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.no-messages{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.no-messages svg{opacity:.4;margin-bottom:12px}.no-messages small{font-size:13px;color:var(--text-muted)}.no-messages.inaccessible-warning{padding:24px;background:#fff8e1;border-radius:var(--radius);margin:24px;max-width:400px}.no-messages.inaccessible-warning svg{color:#f9a825;opacity:1}.no-messages.inaccessible-warning h4{color:#856404;margin-bottom:8px}.no-messages.inaccessible-warning p{color:#856404;margin-bottom:12px}.no-messages.inaccessible-warning small{color:#a98307}.message{max-width:70%;padding:12px 16px;border-radius:var(--radius-lg)}.message.sent{align-self:flex-end!important;margin-left:auto;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message.received{align-self:flex-start;margin-right:auto;background:#f0f0f0;color:#333;border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-content{font-size:14px;line-height:1.5}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attachment-image-link{display:block;max-width:100%}.attachment-image{max-width:250px;max-height:200px;border-radius:8px;object-fit:cover;cursor:pointer;transition:transform .2s}.attachment-image:hover{transform:scale(1.02)}.attachment-link{display:inline-block;padding:8px 12px;background:#0000000d;border-radius:6px;color:var(--primary);text-decoration:none;font-size:13px}.attachment-link:hover{background:#0000001a}.message-time{font-size:11px;opacity:.7;margin-top:4px;text-align:right}.message-input-container{display:flex;align-items:flex-start;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid var(--border-color)}.template-selector{position:relative}.template-btn{display:flex;align-items:center;gap:2px;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.template-btn:hover{background:var(--bg-tertiary);border-color:var(--primary)}.template-dropdown{position:absolute;bottom:100%;left:0;min-width:280px;max-width:350px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;z-index:100;margin-bottom:8px;max-height:300px;overflow-y:auto}.template-dropdown-header{padding:12px 16px;font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.template-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s}.template-dropdown-item:hover{background:var(--bg-secondary)}.template-dropdown-item .template-name{font-weight:500;color:var(--text-primary)}.template-dropdown-item .template-preview{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.template-dropdown-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:13px}.message-input-form{flex:1;display:flex;gap:12px}.message-input-form input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;outline:none;transition:all .2s}.message-input-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.send-btn{width:48px;padding:0}.no-lead-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.no-lead-selected svg{opacity:.3;margin-bottom:16px}.no-lead-selected h3{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.dashboard-section h2{display:flex;align-items:center;gap:8px}.saved-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.saved-account-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px;position:relative;transition:all .2s ease}.saved-account-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.saved-account-card.current{border-color:var(--success);background:linear-gradient(to bottom right,rgba(40,167,69,.03),transparent)}.current-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--success);color:#fff;border-radius:12px;font-size:11px;font-weight:600}.saved-account-content{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.saved-account-image{width:48px;height:48px;border-radius:8px;object-fit:cover}.saved-account-placeholder{width:48px;height:48px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.saved-account-info h4{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.saved-account-info .email-hint{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.saved-account-info .last-used{font-size:11px;color:var(--text-muted)}.saved-account-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger-subtle{background:transparent;color:var(--text-secondary);border:none;padding:6px}.btn-danger-subtle:hover{background:#dc35451a;color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 16px 16px}.switch-account-preview{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;margin:16px 0}.switch-account-preview img{width:56px;height:56px;border-radius:8px;object-fit:cover}.switch-account-preview strong{display:block;font-size:16px;margin-bottom:4px}.switch-steps{margin-top:16px}.switch-steps ol{margin:8px 0 16px;padding-left:20px}.switch-steps li{margin-bottom:6px;color:var(--text-secondary)}.switch-reminder{display:flex;align-items:center;gap:8px;padding:12px;background:#ffc1071a;border-radius:8px;color:#856404;font-size:14px}.switch-reminder svg{flex-shrink:0;color:#ffc107}@media(max-width:1024px){.leads-sidebar{width:280px}}@media(max-width:768px){.sidebar-nav{width:60px}.brand-text,.nav-link span,.user-details{display:none}.nav-brand{justify-content:center}.nav-link{justify-content:center;padding:12px}.nav-footer{flex-direction:column}.main-content{margin-left:60px}.leads-sidebar{width:100%;position:fixed;z-index:50;bottom:0;height:auto;max-height:50vh}.chat-area{padding-bottom:50vh}}.lead-item.other-account{background:linear-gradient(to right,#fff8e1,transparent)}.lead-item.other-account:hover{background:linear-gradient(to right,#fff3cd,var(--bg-secondary))}.lead-item.other-account.selected{background:linear-gradient(to right,#fff3cd,#e7f1ff)}.lead-account-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:500;border-radius:var(--radius-sm);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.lead-account-badge.current{background:#d4edda;color:#155724}.lead-account-badge.other{background:#fff3cd;color:#856404}.message-input-disabled{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff8e1;border-top:1px solid var(--border-color);color:#856404;font-size:14px}.message-input-disabled svg{flex-shrink:0}.message-input-disabled strong{color:#664d03}.leads-search{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.leads-search svg{flex-shrink:0;color:var(--text-muted)}.leads-search-input{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:13px;color:var(--text-primary)}.leads-search-input:focus{outline:none;border-color:var(--primary)}.leads-search-input::placeholder{color:var(--text-muted)}.account-filter{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.account-filter svg{flex-shrink:0}.account-filter-select{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:13px;color:var(--text-primary);cursor:pointer}.account-filter-select:focus{outline:none;border-color:var(--primary)}.lead-details-sidebar{width:320px;background:#fff;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.details-sidebar-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.details-sidebar-header h3{font-size:16px;font-weight:600;margin:0}.details-sidebar-content{padding:16px 20px;flex:1;overflow-y:auto}.details-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.details-section:last-child{border-bottom:none;margin-bottom:0}.details-section h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.customer-info{display:flex;align-items:center;gap:12px}.customer-name{font-size:15px;font-weight:600;margin-bottom:4px}.customer-contact{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--primary);text-decoration:none}.customer-contact:hover{text-decoration:underline}.detail-value{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.detail-value svg{color:var(--text-muted)}.request-details-list{background:var(--bg-secondary);border-radius:var(--radius);padding:12px}.request-details-list .detail-row{padding:8px 0;border-bottom:1px solid var(--border-color)}.request-details-list .detail-row:last-child{border-bottom:none;padding-bottom:0}.request-details-list dt{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.request-details-list dd{font-size:13px;font-weight:500}.customer-message{font-size:14px;line-height:1.6;color:var(--text-secondary);background:var(--bg-secondary);padding:12px;border-radius:var(--radius)}.lead-name-row{display:flex;align-items:center;gap:8px}.status-badge.status-open,.lead-status-badge.status-open{background:#dbeafe;color:#1e40af}.status-badge.status-canceled,.lead-status-badge.status-canceled{background:#fef2f2;color:#dc2626}.status-badge.status-picked,.lead-status-badge.status-picked{background:#dcfce7;color:#15803d}.status-badge.status-completed,.lead-status-badge.status-completed{background:#f3e8ff;color:#7c3aed}.status-badge.status-new,.lead-status-badge.status-new{background:#dbeafe;color:#1e40af}@media(max-width:1200px){.lead-details-sidebar{width:280px}}@media(max-width:1024px){.lead-details-sidebar{display:none}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal h3{margin:0 0 16px;font-size:18px;font-weight:600}.modal p{margin:0 0 16px;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary);margin-bottom:12px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-hint{font-size:13px;color:var(--text-muted);font-style:italic;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;width:calc(100vw - 32px)}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius);box-shadow:0 4px 12px #00000026;animation:toast-slide-in .3s ease;background:#fff;border-left:4px solid}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;margin-bottom:2px;color:var(--text-primary)}.toast-message{font-size:13px;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.toast-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s}.toast-dismiss:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-error{border-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-success{border-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-info{border-color:var(--primary)}.toast-info .toast-icon{color:var(--primary)}@media(max-width:640px){.toast-container{inset:auto 16px 16px;max-width:none;width:auto}.toast{animation:toast-slide-up .3s ease}@keyframes toast-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}.message-settings{padding:32px;max-width:900px}.settings-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.settings-header h1{font-size:28px;font-weight:600;margin:0}.settings-content{display:flex;flex-direction:column;gap:32px}.templates-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:18px;font-weight:600;margin:0}.template-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;margin-bottom:24px}.template-name-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:#fff}.template-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.template-content-input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit;resize:vertical;background:#fff;line-height:1.5}.template-content-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.variable-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.variable-btn{padding:4px 10px;font-size:12px;font-family:monospace;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--primary);transition:all .2s}.variable-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.checkbox-group{margin-top:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.templates-list{display:flex;flex-direction:column;gap:16px}.template-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;transition:all .2s}.template-card:hover{box-shadow:var(--shadow-sm)}.template-card.default{border-color:var(--primary);background:linear-gradient(to bottom right,rgba(13,110,253,.02),transparent)}.template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-header h3{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.default-badge{padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;background:var(--primary);color:#fff;border-radius:12px}.template-actions{display:flex;gap:4px}.template-preview{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap;max-height:80px;overflow:hidden}.template-stats{font-size:12px;color:var(--text-muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.empty-templates{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-templates .hint{font-size:13px;color:var(--text-muted);margin-top:8px}.variables-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.variables-section h2{font-size:16px;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px}.variables-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.variable-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius)}.variable-item code{font-family:monospace;font-size:13px;color:var(--primary);font-weight:600}.variable-item span{font-size:12px;color:var(--text-secondary)}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--primary);color:#fff;font-size:13px}.selection-count{font-weight:500}.selection-warning{font-size:12px;opacity:.8}.selection-actions{display:flex;align-items:center;gap:8px}.btn-text{background:transparent;border:none;color:#fff;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:var(--radius-sm)}.btn-text:hover:not(:disabled){background:#ffffff26}.btn-text:disabled{opacity:.5;cursor:not-allowed}.lead-checkbox{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:var(--text-secondary);cursor:pointer}.lead-checkbox:hover,.lead-item.checked .lead-checkbox{color:var(--primary)}.lead-item.checked{background:#0d6efd0d}.lead-item.checked:hover{background:#0d6efd1a}.btn-icon.active{background:var(--primary);color:#fff}.btn-icon.active:hover{background:var(--primary-hover)}.bulk-send-modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003}.bulk-send-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.bulk-send-modal .modal-header h3{font-size:18px;font-weight:600;margin:0}.bulk-send-modal .modal-body{padding:20px;overflow-y:auto;flex:1}.bulk-send-modal .modal-footer{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.bulk-send-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#e8f4fd;border-radius:var(--radius);color:#1976d2;margin-bottom:20px}.bulk-send-info .warning{color:#f57c00;font-size:13px}.bulk-send-filters{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:16px;flex-wrap:wrap}.bulk-send-filters .filter-label{font-size:13px;color:var(--text-secondary)}.bulk-send-filters .filter-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-primary)}.bulk-send-filters .filter-tag svg{color:var(--text-secondary)}.template-select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:#fff;cursor:pointer}.template-select:focus{outline:none;border-color:var(--primary)}.loading-templates{display:flex;align-items:center;gap:8px;padding:10px;color:var(--text-secondary);font-size:13px}.no-templates-hint{font-size:13px;color:var(--text-secondary);padding:10px 0}.no-templates-hint a{color:var(--primary);text-decoration:none}.no-templates-hint a:hover{text-decoration:underline}.bulk-message-textarea{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit;resize:vertical;background:#fff;line-height:1.5}.bulk-message-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.variables-hint{font-size:12px;color:var(--text-muted);margin-top:8px;font-family:monospace}.preview-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-header h4{font-size:14px;font-weight:600;margin:0}.previews-list{display:flex;flex-direction:column;gap:12px}.preview-item{background:var(--bg-secondary);border-radius:var(--radius);padding:12px}.preview-item.cannot-send{background:#fff3cd;border:1px solid #ffc107}.preview-name{font-size:13px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}.preview-error{font-size:11px;font-weight:400;color:#856404}.preview-message{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.more-previews{font-size:12px;color:var(--text-muted);text-align:center;margin:0;padding:8px}.send-progress{font-size:13px;color:var(--text-secondary);margin-right:auto}.automation-settings{padding:32px;max-width:900px}.automation-settings .settings-header h1{display:flex;align-items:center;gap:12px}.automation-settings .settings-header h1 svg{color:var(--primary)}.account-filter{display:flex;align-items:center;gap:12px;margin-bottom:24px}.account-filter label{font-size:14px;color:var(--text-secondary)}.rules-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.rule-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;margin-bottom:24px}.rule-form .form-group{margin-bottom:16px}.rule-form .form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.rule-form input[type=text],.rule-form select{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:#fff}.rule-form input[type=text]:focus,.rule-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper select{appearance:none;padding-right:36px;cursor:pointer}.select-wrapper svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.form-hint{font-size:12px;color:var(--text-muted);margin:0 0 8px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-label input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.template-preview-small{margin-top:8px;padding:10px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);line-height:1.4}.empty-rules{text-align:center;padding:48px 24px}.empty-rules .empty-icon{color:var(--text-muted);margin-bottom:16px}.empty-rules p{color:var(--text-secondary);margin:0}.empty-rules .hint{font-size:13px;color:var(--text-muted);margin-top:8px}.rule-card{display:flex;gap:16px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;transition:all .2s}.rule-card:hover{box-shadow:var(--shadow-sm)}.rule-card.enabled{border-left:3px solid var(--success)}.rule-status{display:flex;align-items:flex-start}.toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .2s}.toggle-btn.on{background:var(--success);color:#fff}.toggle-btn.on:hover{background:#157347}.toggle-btn.off{background:var(--bg-tertiary);color:var(--text-secondary)}.toggle-btn.off:hover{background:var(--border-color)}.rule-content{flex:1;min-width:0}.rule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rule-header h3{font-size:15px;font-weight:600;margin:0}.rule-actions{display:flex;gap:4px}.rule-details{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.rule-account .account-badge{display:inline-flex;align-items:center;gap:4px;background:var(--bg-secondary);padding:3px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color)}.rule-trigger{background:#e0e7ff;color:#4338ca;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.rule-delay{display:flex;align-items:center;gap:4px;color:var(--text-muted)}.rule-template{font-size:13px;color:var(--text-secondary)}.rule-template strong{color:var(--text-primary)}.rule-stats{font-size:12px;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:48px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.template-select-row{display:flex;gap:8px;align-items:stretch}.template-select-row .select-wrapper{flex:1}.template-select-row .btn-sm{padding:8px 12px;flex-shrink:0}.modal-lg{max-width:560px;width:100%}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px}.modal-header h3 svg{color:var(--primary)}.modal-body{margin-bottom:20px}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.modal-body input[type=text],.modal-body textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit;background:#fff}.modal-body textarea{resize:vertical;line-height:1.5}.modal-body input[type=text]:focus,.modal-body textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.modal-body .variable-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.modal-body .variable-btn{padding:4px 10px;font-size:12px;font-family:monospace;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--primary);transition:all .2s}.modal-body .variable-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.notification-settings{padding:32px;max-width:1200px;width:100%}.notification-settings .settings-header h1{display:flex;align-items:center;gap:12px}.notification-settings .settings-header h1 svg{color:var(--primary)}.notification-settings .settings-content{margin-top:24px}.notification-settings .account-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius)}.notification-settings .account-selector label{font-weight:500;color:var(--text-secondary)}.notification-settings .account-selector .account-count,.account-filter .rules-count{margin-left:auto;font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:4px 10px;border-radius:12px}.notification-settings .settings-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.notification-settings .section-header{margin-bottom:20px}.notification-settings .section-header h2{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.notification-settings .section-header h2 svg{color:var(--text-secondary)}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;width:48px;height:26px;background:var(--border-color);border-radius:26px;transition:background .3s;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:left .3s}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:after{left:25px}.toggle-label{font-size:14px;font-weight:500}.notification-settings .radio-group.vertical{display:flex;flex-direction:column;gap:12px}.notification-settings .radio-label{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s}.notification-settings .radio-label:hover:not(.disabled){border-color:var(--primary)}.notification-settings .radio-label.disabled{opacity:.5;cursor:not-allowed}.notification-settings .radio-label input[type=radio]{margin-top:2px;width:18px;height:18px;accent-color:var(--primary)}.notification-settings .radio-content{display:flex;flex-direction:column;gap:2px}.notification-settings .radio-content strong{font-size:14px;font-weight:600}.notification-settings .radio-description{font-size:12px;color:var(--text-secondary)}.notification-settings .form-group{margin-bottom:16px}.notification-settings .form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.notification-settings input[type=text],.notification-settings input[type=tel],.notification-settings input[type=time],.notification-settings select,.notification-settings textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:#fff;font-family:inherit}.notification-settings textarea{resize:vertical;min-height:100px}.notification-settings input:focus,.notification-settings select:focus,.notification-settings textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0d6efd1a}.notification-settings .form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.notification-settings .form-hint.warning{display:flex;align-items:center;gap:6px;color:var(--warning);background:#fff3cd;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid #ffc107}.account-selector-group{border:2px solid var(--primary);padding:16px;border-radius:var(--radius);background:#e7f3ff;margin-bottom:20px}.account-selector-group .required-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--primary);margin-bottom:8px}.account-selector-group select.required{border:2px solid var(--primary);background:#fff}.account-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff3cd;border:2px solid var(--warning);border-radius:var(--radius);margin-bottom:20px;color:#856404}.account-warning-banner svg{flex-shrink:0;margin-top:2px;color:var(--warning)}.account-warning-banner strong{display:block;font-size:14px;margin-bottom:4px}.account-warning-banner p{font-size:13px;margin:0;line-height:1.4}.quiet-hours-config{margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius)}.quiet-hours-config .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.notification-settings .variable-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.notification-settings .variable-btn{padding:4px 10px;font-size:12px;font-family:monospace;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--primary);transition:all .2s}.notification-settings .variable-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.notification-settings .settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:24px}.success-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#d1fae5;border:1px solid #10b981;border-radius:var(--radius);color:#065f46;margin-bottom:16px}.success-message svg{flex-shrink:0}.notification-logs{margin-top:16px}.logs-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius)}.notification-logs .logs-table,.notification-logs table{width:100%;min-width:700px;border-collapse:collapse;font-size:13px}.notification-logs th,.notification-logs td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.notification-logs th{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);white-space:nowrap}.notification-logs tbody tr:hover{background:var(--bg-secondary)}.notification-logs tbody tr.has-error{background:#fef2f2}.notification-logs tbody tr.has-error:hover{background:#fee2e2}.notification-logs .log-time{white-space:nowrap;color:var(--text-secondary);font-size:12px}.notification-logs .log-account{max-width:120px}.notification-logs .log-account .account-badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;font-size:11px;background:var(--bg-tertiary);border-radius:4px}.notification-logs .log-phone{font-family:SF Mono,Consolas,monospace;font-size:12px;white-space:nowrap}.notification-logs .log-status{display:flex;align-items:center;gap:6px}.notification-logs .status-icon.success{color:var(--success)}.notification-logs .status-icon.error{color:var(--danger)}.notification-logs .status-icon.pending{color:var(--warning)}.notification-logs .log-error{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:50%;cursor:help;margin-left:4px}.notification-logs .log-message{color:var(--text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-logs .status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;border-radius:4px;text-transform:capitalize}.notification-logs .status-badge.delivered{background:#d1fae5;color:#065f46}.notification-logs .status-badge.sent{background:#dbeafe;color:#1e40af}.notification-logs .status-badge.pending,.notification-logs .status-badge.queued{background:#fef3c7;color:#92400e}.notification-logs .status-badge.failed{background:#fee2e2;color:#dc2626;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-logs .error-hint{margin-left:6px;color:#dc2626;cursor:help}.empty-logs{text-align:center;padding:32px 20px;background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary)}.notification-logs .log-delivered{white-space:nowrap}.notification-logs .delivered-time{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-size:12px}.notification-logs .pending-delivery{color:var(--text-muted);font-size:12px;font-style:italic}.notification-logs .not-delivered{color:var(--text-muted)}.phone-numbers-list{margin-top:20px}.phone-numbers-list>label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.phone-cards{display:grid;gap:12px}.phone-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius);padding:14px;cursor:pointer;transition:all .2s}.phone-card:hover{border-color:var(--primary);background:#fff}.phone-card.selected{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0d6efd1a}.phone-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.phone-card-header .phone-number{font-size:15px;font-weight:600;font-family:monospace;color:var(--text-primary)}.phone-card-header .selected-icon{color:var(--primary)}.phone-card-details{display:flex;align-items:center;gap:8px;margin-bottom:10px}.phone-card-details .provider-badge{display:inline-flex;padding:2px 8px;font-size:11px;font-weight:500;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px}.phone-card-details .friendly-name{font-size:12px;color:var(--text-secondary)}.phone-card-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.a2p-status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;border-radius:4px}.a2p-status.status-approved{background:#d1fae5;color:#065f46}.a2p-status.status-pending{background:#fef3c7;color:#92400e}.a2p-status.status-rejected{background:#fee2e2;color:#991b1b}.a2p-status.status-info{background:#e0e7ff;color:#3730a3}.a2p-status.status-unknown{background:var(--bg-tertiary);color:var(--text-secondary)}.capabilities{display:flex;gap:4px}.cap-badge{display:inline-flex;padding:2px 6px;font-size:10px;font-weight:600;text-transform:uppercase;border-radius:3px}.cap-badge.sms{background:#dbeafe;color:#1e40af}.cap-badge.mms{background:#fae8ff;color:#86198f}.cap-badge.voice{background:#dcfce7;color:#166534}.notification-logs tr.has-error{background:#fef2f2}.log-delivery{white-space:nowrap}.log-delivery span{display:inline-flex;align-items:center;gap:4px;font-size:12px}.delivery-success{color:#059669}.delivery-success svg{color:#059669}.delivery-failed{color:#dc2626}.delivery-failed svg{color:#dc2626}.delivery-pending{color:#d97706}.delivery-pending svg{color:#d97706}.log-errors-section{margin-top:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius)}.log-errors-section h4{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#991b1b;margin-bottom:10px}.log-errors-section h4 svg{color:#dc2626}.log-error-detail{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#fff;border:1px solid #fecaca;border-radius:4px;margin-bottom:8px;font-size:12px}.log-error-detail:last-child{margin-bottom:0}.log-error-detail .error-phone{font-family:monospace;font-weight:500;color:var(--text-primary)}.log-error-detail .error-time{color:var(--text-secondary)}.log-error-detail .error-message{flex:1;color:#dc2626;word-break:break-word}.rules-section .section-header{display:flex;align-items:center;justify-content:space-between}.rules-section .section-header .btn-sm{padding:6px 12px;font-size:12px}.rule-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;margin-bottom:20px}.rule-form h3{font-size:16px;font-weight:600;margin:0 0 16px}.rule-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.rule-form.inline-edit{background:#f0f9ff;border:2px solid var(--primary);border-top:none;border-radius:0 0 var(--radius) var(--radius);margin-top:-12px;margin-bottom:12px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rule-form.inline-edit h3{color:var(--primary)}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;transition:all .2s;display:flex;flex-direction:column;gap:8px}.rule-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.rule-card.disabled{opacity:.6;background:var(--bg-secondary)}.rule-card.disabled:hover{border-color:var(--border-color)}.rule-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.rule-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.rule-name{font-size:15px;font-weight:600;color:var(--text-primary)}.trigger-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:12px}.trigger-badge.new_lead{background:#dbeafe;color:#1e40af}.trigger-badge.customer_reply{background:#fae8ff;color:#86198f}.trigger-badge .reply-mode{font-weight:400;text-transform:lowercase;margin-left:4px}.rule-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.rule-actions .toggle-switch.small{margin-right:6px}.rule-actions .toggle-switch.small .toggle-slider{width:36px;height:20px}.rule-actions .toggle-switch.small .toggle-slider:after{width:14px;height:14px;top:3px;left:3px}.rule-actions .toggle-switch.small input:checked+.toggle-slider:after{left:19px}.rule-actions .btn-icon{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s}.rule-actions .btn-icon:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.rule-actions .btn-icon.danger:hover:not(:disabled){background:#fee2e2;color:#dc2626;border-color:#fca5a5}.rule-actions .btn-icon:disabled{opacity:.4;cursor:not-allowed}.rule-template{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);padding:10px;background:var(--bg-secondary);border-radius:var(--radius-sm);line-height:1.4}.rule-template svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.rule-stats{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.rule-phones{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px}.rule-phones .phone-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-family:SF Mono,Consolas,monospace;font-size:12px}.rule-phones .phone-info svg{color:var(--text-muted);flex-shrink:0}.rule-phones .phone-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px}.rule-phones .phone-value{font-weight:500;color:var(--text-primary);font-family:SF Mono,Consolas,monospace}.rule-phones .phone-arrow{color:var(--text-muted)}.empty-rules{text-align:center;padding:40px 20px;background:var(--bg-secondary);border-radius:var(--radius)}.empty-rules p{color:var(--text-secondary);margin-bottom:16px;max-width:360px;margin-left:auto;margin-right:auto}.notification-logs .log-rule{min-width:100px}.notification-logs .rule-badge{display:inline-flex;padding:3px 8px;font-size:11px;font-weight:500;background:#dbeafe;color:#1e40af;border-radius:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-logs .rule-badge.legacy{background:var(--bg-tertiary);color:var(--text-secondary)}.phone-numbers-info{display:flex;flex-wrap:wrap;gap:8px}.phone-badge{display:inline-flex;align-items:center;gap:4px;background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.account-display{padding:8px 0}.account-display .account-badge{display:inline-flex;align-items:center;gap:4px;background:var(--bg-secondary);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-primary);border:1px solid var(--border-color)}.form-hint.warning{display:flex;align-items:center;gap:6px;color:#b45309;background:#fef3c7;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid #fcd34d}.analytics-page{padding:2rem;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header .header-left{display:flex;align-items:center;gap:1rem}.analytics-header h1{margin:0;font-size:2rem;color:var(--text-primary)}.analytics-filters{display:flex;gap:1rem;align-items:center;padding:1rem;background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-select,.date-input{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:#fff}.filter-select:focus,.date-input:focus{outline:none;border-color:var(--primary-color)}.metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;align-items:center;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.metric-icon{width:48px;height:48px;border-radius:8px;background:var(--primary-color-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.metric-details{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.chart-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.chart-card h3{margin:0 0 1rem;font-size:1.125rem;color:var(--text-primary);font-weight:600}.stats-card .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.analytics-loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color) 50%,transparent 50%,transparent 100%);background-size:200% 100%;animation:progress-bar 1.5s ease-in-out infinite;z-index:9999}@keyframes progress-bar{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-loading-overlay{position:absolute;inset:0;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;pointer-events:none}.analytics-page{position:relative}.skeleton-pulse{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-separator{height:1px;background:var(--border-color);margin:12px 16px}.pricing-page{max-width:1200px;margin:0 auto;padding:40px 20px}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header h1{font-size:36px;font-weight:700;margin-bottom:12px}.pricing-header p{font-size:18px;color:var(--text-secondary)}.own-number-addon{max-width:600px;margin:0 auto 40px;padding:20px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg)}.own-number-addon .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.own-number-addon input[type=checkbox]{width:20px;height:20px;cursor:pointer}.own-number-addon small{display:block;margin-left:32px;color:var(--text-secondary);font-size:14px}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.pricing-tier{position:relative;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.pricing-tier:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-tier.popular{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pricing-tier.current{border-color:var(--success);background:#f0fdf4}.popular-badge,.current-badge{position:absolute;top:-12px;right:24px;background:var(--primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.current-badge{background:var(--success)}.pricing-tier h3{font-size:24px;font-weight:700;margin-bottom:12px}.tier-price{margin-bottom:16px}.tier-price .price{font-size:48px;font-weight:700;color:var(--primary)}.tier-price .period{font-size:18px;color:var(--text-secondary)}.tier-description{color:var(--text-secondary);margin-bottom:24px;min-height:48px}.tier-features{list-style:none;margin-bottom:32px}.tier-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;color:var(--text-primary)}.tier-features svg{flex-shrink:0;color:var(--success);margin-top:2px}.tier-button{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.tier-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.tier-button:disabled{opacity:.6;cursor:not-allowed}.tier-button.current{background:var(--success)}.pricing-footer{text-align:center;color:var(--text-secondary);margin-top:40px}.pricing-footer p{margin-bottom:8px}.pricing-footer a{color:var(--primary);text-decoration:none}.pricing-footer a:hover{text-decoration:underline}.billing-page{max-width:800px;margin:0 auto;padding:40px 20px}.billing-header{margin-bottom:32px}.billing-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.billing-header p{color:var(--text-secondary);font-size:16px}.subscription-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.subscription-header h2{font-size:24px;font-weight:700;margin-bottom:8px}.subscription-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.subscription-status.status-active,.subscription-status.status-trialing{background:#d1fae5;color:#065f46}.subscription-status.status-past_due{background:#fed7aa;color:#92400e}.subscription-status.status-cancelled{background:#fee2e2;color:#991b1b}.subscription-price{font-size:32px;font-weight:700;color:var(--primary)}.subscription-price span{font-size:16px;color:var(--text-secondary);font-weight:400}.subscription-detail{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bg-secondary)}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{font-weight:600}.features-section{margin:32px 0}.features-section h3{font-size:18px;font-weight:600;margin-bottom:16px}.feature-list{list-style:none}.feature-list li{display:flex;align-items:center;gap:12px;padding:8px 0}.feature-list svg{color:var(--success);flex-shrink:0}.subscription-actions{display:flex;gap:12px;margin:24px 0}.subscription-actions .btn-primary,.subscription-actions .btn-secondary{flex:1;padding:12px 24px;border-radius:var(--radius);font-weight:600;text-align:center;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.billing-portal-info{background:var(--bg-secondary);padding:20px;border-radius:var(--radius);margin-top:24px}.billing-portal-info p{font-weight:600;margin-bottom:12px}.billing-portal-info ul{list-style:none;padding-left:0}.billing-portal-info li{padding:4px 0;color:var(--text-secondary)}.billing-portal-info li:before{content:"✓ ";color:var(--success);font-weight:700;margin-right:8px}.no-subscription{margin-top:60px}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{color:var(--text-muted);margin-bottom:24px}.empty-state h2{font-size:24px;font-weight:700;margin-bottom:12px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.feature-gate-prompt{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:48px;text-align:center;max-width:500px;margin:40px auto}.feature-gate-icon{margin-bottom:24px}.feature-gate-icon svg{color:var(--warning)}.feature-gate-prompt h3{font-size:24px;font-weight:700;margin-bottom:12px}.feature-gate-prompt p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.feature-gate-actions{display:flex;gap:12px;justify-content:center}.admin-dashboard{max-width:1400px;margin:0 auto;padding:40px 20px}.admin-header{margin-bottom:32px}.admin-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.admin-header p{color:var(--text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;gap:16px}.stat-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.users-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:700}.section-actions{display:flex;gap:12px}.search-input{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;width:300px}.filter-select{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:#fff}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--bg-secondary)}.users-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.users-table td{padding:16px;border-bottom:1px solid var(--border-color)}.tier-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.tier-badge.tier-starter{background:#dbeafe;color:#1e40af}.tier-badge.tier-pro{background:#fef3c7;color:#92400e}.tier-badge.tier-enterprise{background:#e0e7ff;color:#3730a3}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-active,.status-badge.status-trialing{background:#d1fae5;color:#065f46}.status-badge.status-past_due{background:#fed7aa;color:#92400e}.status-badge.status-cancelled,.status-badge.status-incomplete{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.btn-icon{padding:8px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-secondary)}.btn-icon.btn-danger:hover{background:#fee2e2;border-color:var(--danger);color:var(--danger)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.pagination-info{color:var(--text-secondary);font-size:14px}.admin-user-details{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.back-link{color:var(--primary);text-decoration:none;font-size:14px;display:block;margin-bottom:8px}.back-link:hover{text-decoration:underline}.page-header h1{font-size:32px;font-weight:700}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.details-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.details-card.full-width{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.details-card h2{font-size:20px;font-weight:700;margin-bottom:20px}.details-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bg-secondary)}.details-row:last-child{border-bottom:none}.details-row .label{color:var(--text-secondary);font-weight:500}.details-row .value{font-weight:600;text-align:right}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.role-admin{background:#fef3c7;color:#92400e}.role-badge.role-user{background:#e0e7ff;color:#3730a3}.subscription-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:var(--text-primary)}.form-group select{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;background:#fff}.history-table{width:100%;border-collapse:collapse;margin-top:16px}.history-table thead{background:var(--bg-secondary)}.history-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.history-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px}.empty-message{color:var(--text-secondary);text-align:center;padding:20px;font-style:italic}.delete-confirm-modal{max-width:500px;width:90%;padding:24px;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s,color .2s}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.delete-warning-header{text-align:center;margin-bottom:24px}.delete-warning-header .warning-icon{color:#dc2626;margin-bottom:16px}.delete-warning-header h2{font-size:24px;font-weight:700;color:#dc2626;margin:0}.delete-warning-content{margin-bottom:24px}.delete-warning-content .warning-text{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;color:#991b1b;margin-bottom:16px;text-align:center}.delete-consequences{margin:16px 0;padding-left:24px;color:var(--text-secondary)}.delete-consequences li{margin-bottom:8px}.confirm-email-section{margin-top:20px}.confirm-email-section label{display:block;margin-bottom:12px;color:var(--text-primary);font-size:14px}.confirm-email-section strong{color:#dc2626;word-break:break-all}.confirm-email-input{width:100%;padding:12px 14px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s}.confirm-email-input:focus{outline:none;border-color:#dc2626}.btn-danger-solid{padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-danger-solid:hover:not(:disabled){background:#b91c1c}.btn-danger-solid:disabled{background:#fca5a5;cursor:not-allowed}