@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.dashboard-page{padding:var(--spacing-6)}.dashboard-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-6)}.dashboard-campaigns-card,.dashboard-chart-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.contacts-page{padding:var(--spacing-6)}.contact-cell{gap:var(--spacing-3)}.contact-avatar,.contact-cell{align-items:center;display:flex}.contact-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:600;height:40px;justify-content:center;width:40px}.contact-info{display:flex;flex-direction:column}.contact-name{color:var(--color-neutral-800);font-weight:500}.contact-status{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.contact-profile{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-4)}.campaigns-page{padding:var(--spacing-6)}.campaigns-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.campaigns-section{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.campaigns-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.campaign-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all .2s}.campaign-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.campaign-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.campaign-card-title{color:var(--color-neutral-800);font-weight:600;margin:0}.campaign-card-menu{position:relative}.campaign-card-meta{color:var(--color-neutral-500);display:flex;gap:var(--spacing-4)}.campaign-card-message,.campaign-card-meta{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.campaign-card-message{color:var(--color-neutral-600);line-height:1.5}.campaign-card-stats{border-top:1px solid var(--color-neutral-100);display:flex;gap:var(--spacing-4);padding-top:var(--spacing-3)}.campaign-card-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.campaign-stat{display:flex;flex-direction:column}.campaign-stat-value{color:var(--color-neutral-800);font-weight:600}.campaign-stat-label{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.campaign-meta-item{align-items:center;display:flex;gap:var(--spacing-1)}.campaign-name-cell{font-weight:500}.campaign-link{color:var(--color-primary-600);text-decoration:none}.campaign-link:hover{text-decoration:underline}.campaign-rank{color:var(--color-neutral-400);font-weight:600}.campaign-steps{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.campaign-form-step{align-items:center;background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:var(--spacing-3);opacity:.6;padding:var(--spacing-4)}.campaign-form-step.active{background:var(--color-primary-50);opacity:1}.campaign-step-line{background:var(--color-neutral-200);flex:1 1;height:2px}.campaign-summary{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-4)}.campaigns-table-mini{font-size:var(--font-size-sm)}.templates-page{padding:var(--spacing-6)}.templates-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.template-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.template-card-header{align-items:center;border-bottom:1px solid var(--color-neutral-100);display:flex;justify-content:space-between;padding:var(--spacing-4)}.template-card-icon{align-items:center;background:var(--color-primary-50);border-radius:var(--radius-lg);color:var(--color-primary-600);display:flex;height:40px;justify-content:center;width:40px}.template-card-title{color:var(--color-neutral-800);font-weight:600;margin:0}.template-card-menu{position:relative}.template-card-content{padding:var(--spacing-4)}.template-card-meta{color:var(--color-neutral-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.template-card-footer{align-items:center;border-top:1px solid var(--color-neutral-100);display:flex;justify-content:space-between;padding:var(--spacing-4)}.template-date{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.template-actions{display:flex;gap:var(--spacing-2)}.template-preview{background:var(--color-neutral-50);border-radius:var(--radius-lg);color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:1.6;padding:var(--spacing-4)}.template-variables{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.template-selector{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-form-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.template-form-left,.template-form-right{display:flex;flex-direction:column;gap:var(--spacing-4)}.analytics-page{padding:var(--spacing-6)}.analytics-metrics-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6)}.analytics-metric-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.analytics-charts-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-6)}.analytics-chart-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl)}.analytics-chart-card,.analytics-insights{background:#fff;box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.analytics-insights{border-radius:var(--radius-xl)}.activity-feed{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-content{background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.activity-title{color:var(--color-neutral-800);font-weight:500}.activity-description{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.activity-time{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.alert{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.alert-error{background:var(--color-error-50);border:1px solid var(--color-error-500);color:var(--color-error-600)}.alert-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-500);color:var(--color-warning-600)}.auth-benefits{display:flex;flex-direction:column;gap:var(--spacing-4)}.auth-benefit{align-items:flex-start;display:flex;gap:var(--spacing-3)}.auth-benefit-icon{align-items:center;background:#fff3;border-radius:var(--radius-lg);display:flex;height:32px;justify-content:center;width:32px}.auth-benefit-text{display:flex;flex-direction:column}.auth-form-footer{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin-top:var(--spacing-6);text-align:center}.auth-social{display:flex;flex-direction:column;gap:var(--spacing-3)}.auth-stats{display:flex;gap:var(--spacing-6);margin-top:var(--spacing-8)}.auth-stat{text-align:center}.auth-steps{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.auth-step-number{align-items:center;border-radius:var(--radius-full);display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.auth-step-line,.auth-step-number{background:var(--color-neutral-200)}.auth-step-line{flex:1 1;height:2px;margin-top:15px}.auth-terms{color:var(--color-neutral-500);font-size:var(--font-size-xs);margin-top:var(--spacing-4);text-align:center}.badge-ghost{background:#0000;border:1px solid var(--color-neutral-300);color:var(--color-neutral-600)}.badge-secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.breakdown-bars{flex-direction:column}.breakdown-bars,.breakdown-item{display:flex;gap:var(--spacing-3)}.breakdown-item{align-items:center}.breakdown-label{color:var(--color-neutral-600);font-size:var(--font-size-sm);min-width:100px}.breakdown-bar{background:var(--color-neutral-100);flex:1 1;height:8px;overflow:hidden}.breakdown-bar,.breakdown-fill{border-radius:var(--radius-full)}.breakdown-fill{height:100%;transition:width .3s ease}.breakdown-fill.primary{background:var(--color-primary-500)}.breakdown-fill.success{background:var(--color-success-500)}.breakdown-fill.warning{background:var(--color-warning-500)}.breakdown-fill.danger{background:var(--color-error-500)}.breakdown-fill.info{background:var(--color-info-500)}.broadcast-date{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.broadcast-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.broadcast-menu{position:relative}.broadcast-message-preview{background:var(--color-neutral-50);border-radius:var(--radius-lg);color:var(--color-neutral-600);font-size:var(--font-size-sm);padding:var(--spacing-3)}.broadcast-recipients{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.broadcast-stats{display:flex;gap:var(--spacing-4)}.broadcast-step{align-items:center;display:flex;gap:var(--spacing-2)}.broadcast-summary{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-4)}.btn-block{width:100%}.btn-link{background:none;border:none;color:var(--color-primary-600);cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.btn-social{align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3);transition:all .2s;width:100%}.btn-social:hover{background:var(--color-neutral-50)}.btn-xs{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.bulk-actions{background:var(--color-primary-50);border-radius:var(--radius-lg);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.bulk-actions,.chart-card-header{align-items:center;display:flex;margin-bottom:var(--spacing-4)}.chart-card-header{justify-content:space-between}.chart-card-title{color:var(--color-neutral-800);font-weight:600;margin:0}.chart-card-subtitle{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.chart-card-body{height:300px}.chart-card-actions{display:flex;gap:var(--spacing-2)}.chart-tooltip{background:var(--color-neutral-800);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.chart-tooltip-label{font-weight:500}.main-chart{height:400px}.chat-actions{display:flex;gap:var(--spacing-2)}.chat-contact{align-items:center;display:flex;gap:var(--spacing-3)}.bubble-time{color:var(--color-neutral-400);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.checkbox-custom{border:2px solid var(--color-neutral-300);border-radius:var(--radius-sm);cursor:pointer;height:18px;width:18px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-2)}.conditions-builder{display:flex;flex-direction:column;gap:var(--spacing-3)}.condition-badge{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.condition-connector{align-items:center;color:var(--color-neutral-500);display:flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-2)}.condition-content{flex:1 1}.conversation-content{flex:1 1;padding:var(--spacing-4)}.empty-conversations{padding:var(--spacing-8);text-align:center}.empty-conversations,.no-conversation{align-items:center;color:var(--color-neutral-400);display:flex;flex-direction:column;height:100%;justify-content:center}.count{align-items:center;background:var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-600);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;height:20px;justify-content:center;min-width:20px;padding:0 var(--spacing-2)}.date-cell{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.date-range-selector{align-items:center;display:flex;gap:var(--spacing-2)}.date-select{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.delivery-progress{display:flex;flex-direction:column;gap:var(--spacing-2)}.detected-variables{background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-2);padding:var(--spacing-3)}.doc-name{font-weight:500}.doc-size{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.dropdown-wrapper{position:relative}.dropdown-menu{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.dropdown-header{border-bottom:1px solid var(--color-neutral-100);font-weight:500;padding:var(--spacing-3) var(--spacing-4)}.dropdown-content{padding:var(--spacing-2)}.dropdown-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);transition:background .15s}.dropdown-item:hover{background:var(--color-neutral-50)}.dropdown-divider{background:var(--color-neutral-100);height:1px;margin:var(--spacing-2) 0}.dropdown-footer{border-top:1px solid var(--color-neutral-100);padding:var(--spacing-3) var(--spacing-4)}.dropdown-user-info{display:flex;flex-direction:column}.drop-zone-file{align-items:center;background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.email-cell{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.emoji-btn{background:none;border:none;color:var(--color-neutral-500);cursor:pointer;padding:var(--spacing-2)}.emoji-btn:hover{color:var(--color-neutral-700)}.filter-dropdown{position:relative}.filter-menu{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;min-width:250px;padding:var(--spacing-4);position:absolute;top:100%;z-index:50}.filters-left,.filters-right{align-items:center;display:flex;gap:var(--spacing-3)}.filter-tabs{background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-1);padding:var(--spacing-1)}.filter-trigger{align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6)}.form-link{color:var(--color-primary-600);text-decoration:none}.form-link:hover{text-decoration:underline}.form-section,.form-tabs{margin-bottom:var(--spacing-6)}.form-tabs{border-bottom:1px solid var(--color-neutral-200);display:flex;gap:var(--spacing-4)}.format-options{display:flex;gap:var(--spacing-2)}.header-actions{align-items:center;display:flex;gap:var(--spacing-3)}.import-info{background:var(--color-info-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.import-preview{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.inbox-layout{display:flex;height:calc(100vh - 64px)}.info-section{margin-bottom:var(--spacing-4)}.info-actions,.input-action,.input-actions{display:flex;gap:var(--spacing-2)}.input-action,.input-actions{align-items:center}.input-help{color:var(--color-neutral-500);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.input-with-icon{position:relative}.input-with-icon input{padding-left:40px}.input-with-suffix{position:relative}.insights-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.insight-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.label-with-action{align-items:center;display:flex;justify-content:space-between}.loading-page{height:100vh}.loading-page,.loading-state{align-items:center;display:flex;justify-content:center}.loading-state{color:var(--color-neutral-500);flex-direction:column;padding:var(--spacing-8)}.spinner{border:3px solid var(--color-neutral-200);border-radius:var(--radius-full);border-top-color:var(--color-primary-500);height:40px;width:40px}.spin,.spinner{animation:spin 1s linear infinite}.media-grid{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-placeholder{align-items:center;aspect-ratio:1;background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-400);display:flex;justify-content:center;width:100%}.menu-overlay{inset:0;position:fixed;z-index:40}.messages-area,.messages-container{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.message-actions{display:flex;gap:var(--spacing-2);opacity:0;transition:opacity .2s}.message-actions:hover{opacity:1}.message-avatar{background:var(--color-neutral-200);border-radius:var(--radius-full);height:32px;width:32px}.message-document{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);padding:var(--spacing-3)}.message-input-area,.message-input-wrapper{align-items:flex-end;border-top:1px solid var(--color-neutral-200);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.message-media{border-radius:var(--radius-lg);max-width:200px;overflow:hidden}.message-meta{align-items:center;color:var(--color-neutral-400);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-2)}.message-preview{color:var(--color-neutral-600);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview-card{background:var(--color-neutral-50);border-left:3px solid var(--color-primary-500);border-radius:var(--radius-lg);padding:var(--spacing-3)}.message-reply-preview{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2)}.metric-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.metric-title{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.metric-subtitle{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.metric-value{color:var(--color-neutral-800);font-size:var(--font-size-2xl);font-weight:700}.modal-sm{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:800px}.modal-fullscreen{border-radius:0;height:100vh;margin:0;max-width:100%}.modal-icon{align-items:center;border-radius:var(--radius-full);display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-4);width:48px}.modal-title-with-icon{align-items:center;display:flex;gap:var(--spacing-3)}.more{background:none;border:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--spacing-1)}.more:hover{color:var(--color-neutral-600)}.notifications-dropdown{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;right:0;top:100%;width:320px;z-index:50}.notification-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.notification-icon{align-items:center;border-radius:var(--radius-full);display:flex;height:32px;justify-content:center;width:32px}.number-condition,.open-rate{align-items:center;display:flex;gap:var(--spacing-2)}.open-rate-bar{background:var(--color-neutral-100);flex:1 1;height:6px;overflow:hidden}.open-rate-bar,.open-rate-fill{border-radius:var(--radius-full)}.open-rate-fill{background:var(--color-success-500);height:100%}.option-content{display:flex;flex-direction:column}.page{padding:var(--spacing-6)}.page-header-actions{display:flex;gap:var(--spacing-3)}.page-loading{align-items:center;display:flex;height:400px;justify-content:center}.pagination-info{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.pagination-pages{display:flex;gap:var(--spacing-1)}.panel-header{align-items:center;border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between}.panel-body,.panel-header{padding:var(--spacing-4)}.password-strength{margin-top:var(--spacing-2)}.password-strength-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.phone-cell{font-family:monospace;font-size:var(--font-size-sm)}.pie-chart-container{align-items:center;display:flex;gap:var(--spacing-6)}.pie-legend{flex-direction:column}.pie-legend,.pie-legend-item{display:flex;gap:var(--spacing-2)}.pie-legend-item{align-items:center}.pie-legend-color{border-radius:var(--radius-sm);height:12px;width:12px}.pie-legend-label{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.pie-legend-value{font-weight:600;margin-left:auto}.pin-icon{color:var(--color-warning-500)}.preview-info{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-3)}.preview-info,.preview-table{font-size:var(--font-size-sm)}.preview-table{border-collapse:collapse;width:100%}.preview-variables{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));color:#fff;display:flex;font-size:var(--font-size-2xl);font-weight:600;height:80px;justify-content:center;width:80px}.profile-avatar,.progress-bar{border-radius:var(--radius-full)}.progress-bar{background:var(--color-neutral-100);height:8px;overflow:hidden}.progress-fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.progress-text{color:var(--color-neutral-500);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.quick-action-content{display:flex;flex-direction:column}.quick-action-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:40px;justify-content:center;width:40px}.quick-action-arrow{color:var(--color-neutral-400);margin-left:auto}.quick-replies-panel{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0}.quick-replies-list{padding:var(--spacing-2)}.quick-reply-item{border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-2) var(--spacing-3)}.quick-reply-item:hover{background:var(--color-neutral-50)}.rate-cell{align-items:center;display:flex;gap:var(--spacing-2)}.rate-bar{background:var(--color-neutral-100);height:6px;overflow:hidden;width:60px}.rate-bar,.rate-fill{border-radius:var(--radius-full)}.rate-fill{background:var(--color-success-500);height:100%}.recipient-info{align-items:center;display:flex;gap:var(--spacing-2)}.recipient-options{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(3,1fr)}.recipient-option-content{align-items:center;text-align:center}.recipients-preview{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-3)}.recipient-summary{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.reply-content{flex:1 1}.reply-label{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.reply-name{font-weight:500}.reply-preview{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.report-actions{display:flex;gap:var(--spacing-2)}.report-chart{height:300px}.report-charts-row{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}.report-content{padding:var(--spacing-6)}.report-content-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-controls{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.report-summary{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-6)}.report-table{border-collapse:collapse;width:100%}.report-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4)}.scheduled-reports{display:flex;flex-direction:column;gap:var(--spacing-3)}.scheduled-report-item{align-items:center;background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-3)}.scheduled-info{display:flex;flex-direction:column}.scheduled-actions{display:flex;gap:var(--spacing-2)}.schedule-options{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.schedule-option-content{align-items:center;text-align:center}.clear-search,.search-clear{background:none;border:none;color:var(--color-neutral-400);cursor:pointer;position:absolute;right:var(--spacing-3)}.search-input{position:relative}.search-overlay{background:#00000080}.search-modal{display:flex;flex-direction:column;margin:var(--spacing-8) auto;max-height:80vh}.search-modal-input{padding:var(--spacing-4)}.search-modal-input input{color:var(--color-neutral-800);font-size:var(--font-size-lg)}.search-modal-input input::placeholder{color:var(--color-neutral-400)}.search-modal-input kbd{padding:var(--spacing-1) var(--spacing-2)}.search-section{padding:var(--spacing-4)}.search-section:last-child{border-bottom:none}.search-section h4{letter-spacing:.05em}.search-result-item{padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background .15s}.search-result-item:hover{background:var(--color-neutral-50)}.search-modal-results{max-height:300px;overflow-y:auto}.search-modal-footer{border-top:1px solid var(--color-neutral-200);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.quick-actions-grid{grid-gap:var(--spacing-3);gap:var(--spacing-3)}.quick-action{align-items:center;background:var(--color-neutral-50);border-radius:var(--radius-lg);color:var(--color-neutral-800);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);text-decoration:none;transition:all .2s}.quick-action:hover{background:var(--color-neutral-100);transform:translateX(4px)}.quick-action.primary{background:var(--color-primary-50)}.quick-action.primary:hover{background:var(--color-primary-100)}.quick-action.success{background:var(--color-success-50)}.quick-action.success:hover{background:var(--color-success-100)}.quick-action.warning{background:var(--color-warning-50)}.quick-action.warning:hover{background:var(--color-warning-100)}.quick-action.secondary{background:var(--color-secondary-50)}.quick-action.secondary:hover{background:var(--color-secondary-100)}.quick-action-btn{color:var(--color-neutral-700);transition:all .2s}.quick-action-btn:hover{color:var(--color-primary-700)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.section-title{color:var(--color-neutral-800);font-size:var(--font-size-lg);font-weight:600}.segment-badge{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-xs);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.segment-conditions-preview{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.segment-info{display:flex;flex-direction:column}.segment-menu{position:relative}.segment-preview{padding:var(--spacing-3)}.segment-preview,.stat-box{background:var(--color-neutral-50);border-radius:var(--radius-lg)}.stat-box{padding:var(--spacing-4);text-align:center}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between}.stat-card-body{margin-top:var(--spacing-3)}.stat-card-title{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.stat-card-subtitle{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.stats-breakdown{display:flex;flex-direction:column;gap:var(--spacing-2)}.stats-overview{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stats-row{align-items:center;display:flex;justify-content:space-between}.status-filters,.step-indicator{display:flex;gap:var(--spacing-2)}.step-indicator,.step-number{align-items:center}.step-number{background:var(--color-neutral-200);border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:600;height:24px;justify-content:center;width:24px}.summary-card{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-4)}.summary-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item,.summary-items{display:flex;flex-direction:column;gap:var(--spacing-1)}.summary-label{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.summary-value{color:var(--color-neutral-800);font-weight:600}.tab-count{align-items:center;background:var(--color-neutral-200);border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);height:20px;justify-content:center;margin-left:var(--spacing-2);min-width:20px;padding:0 var(--spacing-1)}.tabs-bar{border-bottom:1px solid var(--color-neutral-200);display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.table-empty{color:var(--color-neutral-500);padding:var(--spacing-8);text-align:center}.table-footer{border-top:1px solid var(--color-neutral-200);justify-content:space-between;padding:var(--spacing-4)}.table-footer,.table-loading{align-items:center;display:flex}.table-loading{justify-content:center;padding:var(--spacing-8)}.td-checkbox,.th-checkbox{width:40px}.td-actions,.th-actions{text-align:right;width:100px}.top-campaigns-table{font-size:var(--font-size-sm);width:100%}.tag{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.tag-count{color:var(--color-neutral-500);margin-left:var(--spacing-1)}.tag-name{font-weight:500}.tags-cell{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tag-selector{position:relative}.tags-list,.tags-multiselect{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tags-multiselect{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);min-height:42px;padding:var(--spacing-2)}.text-danger{color:var(--color-error-500)}.text-success{color:var(--color-success-500)}.text-muted{color:var(--color-neutral-500)}.text-primary-500{color:var(--color-primary-500)}.text-neutral-400{color:var(--color-neutral-400)}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-2);position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:100}.toast{align-items:flex-start;animation:slideIn .3s ease;background:#fff;border-left:4px solid var(--color-neutral-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-3);max-width:400px;min-width:300px;padding:var(--spacing-4)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:var(--color-success-500)}.toast-success .toast-icon{color:var(--color-success-500)}.toast-error{border-left-color:var(--color-error-500)}.toast-error .toast-icon{color:var(--color-error-500)}.toast-warning{border-left-color:var(--color-warning-500)}.toast-warning .toast-icon{color:var(--color-warning-500)}.toast-info{border-left-color:var(--color-info-500)}.toast-info .toast-icon{color:var(--color-info-500)}.toast-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}.toast-content strong{color:var(--color-neutral-800);font-weight:600}.toast-content p{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0}.toast-icon{flex-shrink:0}.toast-close{background:none;border:none;color:var(--color-neutral-400);cursor:pointer;margin:calc(var(--spacing-1)*-1);padding:var(--spacing-1)}.toast-close:hover{color:var(--color-neutral-600)}.trigger{align-items:center;background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;gap:var(--spacing-2)}.trigger,.typing-indicator{display:flex;padding:var(--spacing-2) var(--spacing-3)}.typing-indicator{gap:var(--spacing-1)}.typing-indicator span{animation:typing 1.4s infinite both;background:var(--color-neutral-400);border-radius:var(--radius-full);height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.updated-at{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.user-dropdown{position:relative}.variable-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.variable-insert{background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.variable-insert:hover{background:var(--color-neutral-200)}.variable-label{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.variable-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.whatsapp-preview{background:#e5ddd5;border-radius:var(--radius-lg);max-width:320px;padding:var(--spacing-4)}.whatsapp-header{align-items:center;background:#075e54;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;gap:var(--spacing-3);margin:calc(var(--spacing-4)*-1);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.whatsapp-name{font-weight:500}.whatsapp-status{font-size:var(--font-size-xs);opacity:.8}.whatsapp-bubble{background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 1px #0000001a;padding:var(--spacing-3);position:relative}.whatsapp-time{color:var(--color-neutral-400);font-size:var(--font-size-xs);margin-top:var(--spacing-1);text-align:right}.workspace-preview{background:var(--color-neutral-50);border-radius:var(--radius-lg);overflow:hidden}.workspace-preview-header{align-items:center;background:#fff;border-bottom:1px solid var(--color-neutral-200);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.workspace-preview-icon{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-lg);color:var(--color-primary-600);display:flex;height:40px;justify-content:center;width:40px}.large{font-size:var(--font-size-lg)}.action-buttons,.color-picker{display:flex;gap:var(--spacing-2)}.action-buttons{align-items:center}.card-subtitle{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin:0}.char-count{color:var(--color-neutral-400);font-size:var(--font-size-xs)}.char-count.warning{color:var(--color-warning-500)}.char-count.error{color:var(--color-error-500)}.spinner-ring{animation:spin 1s linear infinite;border:4px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-primary-500);height:48px;width:48px}.selected,tr.selected{background-color:var(--color-primary-50)!important}.unread{color:var(--color-neutral-800);font-weight:600}.pinned{background-color:var(--color-warning-50)}.collapsed{display:none}.online{color:var(--color-success-500)}.offline{color:var(--color-neutral-400)}.mobile-open{display:block!important}.sidebar-collapsed{width:64px}.sidebar-collapsed .nav-text,.sidebar-collapsed .sidebar-footer-content{display:none}.has-error .form-input,.has-error input,.has-error select,.has-error textarea{border-color:var(--color-error-500)}.has-error .form-label{color:var(--color-error-500)}.recipient-option{align-items:flex-start;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all .2s}.recipient-option:hover{border-color:var(--color-primary-300)}.recipient-option.active,.recipient-option.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.recipient-option-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.tag-option{align-items:center;border:1px solid var(--color-neutral-300);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all .2s}.tag-option:hover{border-color:var(--color-primary-400)}.tag-option.active,.tag-option.selected{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.schedule-option{align-items:flex-start;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all .2s}.schedule-option:hover{border-color:var(--color-primary-300)}.schedule-option.active,.schedule-option.selected{background:var(--color-primary-50);border-color:var(--color-primary-500)}.schedule-option-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter-tab.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--color-primary-600)}.broadcasts-page,.integrations-page,.reports-page,.segments-page,.workflows-page{padding:var(--spacing-6)}.api-key-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.api-key-meta{color:var(--color-neutral-500);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-4)}.auth-logo-text{color:#fff;font-size:var(--font-size-2xl);font-weight:700}.auth-tagline{color:#ffffffe6;font-size:var(--font-size-lg);margin-top:var(--spacing-2)}.billing-history{display:flex;flex-direction:column;gap:var(--spacing-3)}.category-view{padding:var(--spacing-6)}.integration-info,.notification-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.notification-group{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-3)}.recent-runs{gap:var(--spacing-2)}.recent-runs,.related-articles{display:flex;flex-direction:column}.related-articles{gap:var(--spacing-3)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.theme-selector{display:flex;gap:var(--spacing-3)}.upgrade-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.videos-section{padding:var(--spacing-6)}.webhook-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.step{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-full);color:var(--color-neutral-500);display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4);transition:all .2s}.step.active{background:var(--color-primary-500);color:#fff}.template-option{border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-4);transition:all .2s}.template-option:hover{border-color:var(--color-primary-300)}.template-option.active{background:var(--color-primary-50);border-color:var(--color-primary-500)}.campaign-step{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-500);display:flex;gap:var(--spacing-2);padding:var(--spacing-3);transition:all .2s}.campaign-step.active{background:var(--color-primary-100);color:var(--color-primary-700)}.date-range-btn{background:none;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-600);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);transition:all .2s}.date-range-btn:hover{background:var(--color-neutral-50)}.date-range-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.metric-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.metric-icon.primary{background:var(--color-primary-100);color:var(--color-primary-600)}.metric-icon.success{background:var(--color-success-100);color:var(--color-success-600)}.metric-icon.warning{background:var(--color-warning-100);color:var(--color-warning-600)}.metric-icon.secondary{background:var(--color-secondary-100);color:var(--color-secondary-600)}.metric-icon.info{background:var(--color-info-100);color:var(--color-info-600)}.metric-change{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-1)}.metric-change.positive{color:var(--color-success-600)}.metric-change.negative{color:var(--color-error-600)}.notification-item{align-items:flex-start;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:background .15s}.notification-item:hover{background:var(--color-neutral-50)}.notification-item.success .notification-icon{color:var(--color-success-500)}.notification-item.warning .notification-icon{color:var(--color-warning-500)}.notification-item.error .notification-icon{color:var(--color-error-500)}.notification-item.info .notification-icon{color:var(--color-info-500)}.connection-status{font-size:var(--font-size-xs);gap:var(--spacing-2)}.connection-status.online{color:var(--color-success-600)}.connection-status.offline{color:var(--color-error-600)}.filter-btn{background:none;border-radius:var(--radius-md);color:var(--color-neutral-600)}.filter-btn:hover{background:var(--color-neutral-100)}.filter-btn.active{background:var(--color-primary-100);color:var(--color-primary-700)}@media (max-width:1024px){.analytics-charts-grid,.recipient-options,.report-charts-row,.template-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.campaigns-grid,.dashboard-grid,.templates-grid{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(2,1fr)}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.table{display:table}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-neutral-400{--tw-bg-opacity:1;background-color:#a3a3a3;background-color:rgb(163 163 163/var(--tw-bg-opacity,1))}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-neutral-400{--tw-text-opacity:1;color:#a3a3a3;color:rgb(163 163 163/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-primary-50:#ebf5ff;--color-primary-100:#e1effe;--color-primary-200:#c3ddfd;--color-primary-300:#a4cafe;--color-primary-400:#76a9fa;--color-primary-500:#3f83f8;--color-primary-600:#1c64f2;--color-primary-700:#1a56db;--color-primary-800:#1e429f;--color-primary-900:#233876;--color-secondary-50:#edfafa;--color-secondary-100:#d5f5f6;--color-secondary-200:#afecef;--color-secondary-300:#7edce2;--color-secondary-400:#16bdca;--color-secondary-500:#0694a2;--color-secondary-600:#047481;--color-secondary-700:#036672;--color-secondary-800:#05505c;--color-secondary-900:#014451;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-info-50:#eff6ff;--color-info-500:#3b82f6;--color-info-600:#2563eb;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}[data-theme=dark]{--color-neutral-50:#111827;--color-neutral-100:#1f2937;--color-neutral-200:#374151;--color-neutral-300:#4b5563;--color-neutral-400:#6b7280;--color-neutral-500:#9ca3af;--color-neutral-600:#d1d5db;--color-neutral-700:#e5e7eb;--color-neutral-800:#f3f4f6;--color-neutral-900:#f9fafb}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f9fafb;background-color:var(--color-neutral-50);color:#111827;color:var(--color-neutral-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--color-neutral-900);font-weight:600;line-height:1.25}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#4b5563;color:var(--color-neutral-600);line-height:1.6}a{color:#1c64f2;color:var(--color-primary-600);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1a56db;color:var(--color-primary-700)}.app-layout{background:#f3f4f6;background:var(--color-neutral-100);display:flex;min-height:100vh}.app-layout.dark{background:#111827;background:var(--color-neutral-900)}.sidebar{background:linear-gradient(180deg,#111827,#1f2937);background:linear-gradient(180deg,var(--color-neutral-900) 0,var(--color-neutral-800) 100%);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .2s ease;transition:width var(--transition-base);width:260px;width:var(--sidebar-width);z-index:100}.sidebar-collapsed .sidebar{width:72px;width:var(--sidebar-collapsed-width)}.workspace-selector{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-3);margin:.5rem;margin:var(--spacing-2);padding:.75rem;padding:var(--spacing-3);position:relative;transition:background .15s ease;transition:background var(--transition-fast)}.workspace-selector:hover{background:#ffffff14}.workspace-selector.collapsed{justify-content:center;padding:.5rem;padding:var(--spacing-2)}.workspace-avatar{align-items:center;background:linear-gradient(135deg,#3f83f8,#0694a2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-size:var(--font-size-base);font-weight:700;height:36px;justify-content:center;width:36px}.workspace-avatar.small{font-size:.875rem;font-size:var(--font-size-sm);height:28px;width:28px}.workspace-info{flex:1 1;min-width:0}.workspace-name{color:#fff;display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-plan{display:block;font-size:.75rem;font-size:var(--font-size-xs)}.workspace-chevron,.workspace-plan{color:#9ca3af;color:var(--color-neutral-400)}.workspace-chevron{transition:transform .15s ease;transition:transform var(--transition-fast)}.workspace-chevron.open{transform:rotate(180deg)}.workspace-dropdown{background:#1f2937;background:var(--color-neutral-800);border:1px solid #ffffff1a;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);left:.5rem;left:var(--spacing-2);margin-top:.5rem;margin-top:var(--spacing-2);padding:.5rem;padding:var(--spacing-2);position:absolute;right:.5rem;right:var(--spacing-2);top:100%;z-index:110}.workspace-option{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-3);padding:.75rem;padding:var(--spacing-3);transition:background .15s ease;transition:background var(--transition-fast)}.workspace-option:hover{background:#ffffff14}.workspace-option.active{background:rgba(#3F83F8,.2);background:rgba(var(--color-primary-500),.2)}.workspace-option-info{flex:1 1}.workspace-option-info span:first-child{color:#fff;display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.workspace-option .check-icon{color:#22c55e;color:var(--color-success-500)}.workspace-dropdown-divider{background:#ffffff1a;height:1px;margin:.5rem 0;margin:var(--spacing-2) 0}.workspace-option.add-new,.workspace-option.add-new span{color:#76a9fa;color:var(--color-primary-400)}.sidebar-search{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.5rem;border-radius:var(--radius-lg);color:#9ca3af;color:var(--color-neutral-400);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);margin:.5rem .75rem;margin:var(--spacing-2) var(--spacing-3);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);transition:all .15s ease;transition:all var(--transition-fast)}.sidebar-search:hover{background:#ffffff1a;border-color:#fff3}.sidebar-search span{flex:1 1}.sidebar-search kbd{align-items:center;background:#ffffff1a;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-family:inherit;font-size:.75rem;font-size:var(--font-size-xs);gap:2px;padding:2px 6px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-2)}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#9ca3af;color:var(--color-neutral-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}.sidebar-close{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#9ca3af;color:var(--color-neutral-400);cursor:pointer;display:none;height:32px;justify-content:center;width:32px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:.5rem 0;padding:var(--spacing-2) 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px;border-radius:var(--radius-full)}.nav-section{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.nav-section-header{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-neutral-500);cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);width:100%}.nav-section-header:hover{color:#d1d5db;color:var(--color-neutral-300)}.nav-section-title{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section-chevron{transition:transform .15s ease;transition:transform var(--transition-fast)}.section-chevron.collapsed{transform:rotate(-90deg)}.nav-item{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);color:#9ca3af;color:var(--color-neutral-400);cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-3);margin:.25rem .5rem;margin:var(--spacing-1) var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#1c64f2,#1a56db);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 4px 12px #3f83f84d;color:#fff}.nav-item svg{flex-shrink:0;height:20px;width:20px}.nav-item span{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.nav-badge{border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;margin-left:auto;padding:2px 8px}.nav-badge,.nav-badge-dot{background:#3f83f8;background:var(--color-primary-500)}.nav-badge-dot{border-radius:50%;height:8px;position:absolute;right:.5rem;right:var(--spacing-2);top:.5rem;top:var(--spacing-2);width:8px}.upgrade-banner{background:linear-gradient(135deg,#3f83f833,#16bdca33);border:1px solid #3f83f84d;border-radius:.75rem;border-radius:var(--radius-xl);margin:.75rem;margin:var(--spacing-3);padding:1rem;padding:var(--spacing-4)}.upgrade-icon{align-items:center;background:linear-gradient(135deg,#3f83f8,#0694a2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;margin-bottom:.75rem;margin-bottom:var(--spacing-3);width:40px}.upgrade-content strong{color:#fff;display:block;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.upgrade-content p{color:#9ca3af;color:var(--color-neutral-400);font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.sidebar-footer{border-top:1px solid #ffffff1a;padding:.75rem;padding:var(--spacing-3)}.user-card{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-3);padding:.5rem;padding:var(--spacing-2);transition:background .15s ease;transition:background var(--transition-fast)}.user-card:hover{background:#ffffff0d}.user-avatar{align-items:center;background:linear-gradient(135deg,#3f83f8,#0694a2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;width:36px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#6b7280;color:var(--color-neutral-500);display:block;font-size:.75rem;font-size:var(--font-size-xs)}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .2s ease;transition:margin-left var(--transition-base)}.sidebar-collapsed .main-wrapper{margin-left:72px;margin-left:var(--sidebar-collapsed-width)}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);height:64px;height:var(--header-height);justify-content:space-between;padding:0 1.5rem;padding:0 var(--spacing-6);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left,.top-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4)}.header-left{flex:1 1}.header-center{flex:0 0 auto}.breadcrumb,.header-right{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.breadcrumb{font-size:.875rem;font-size:var(--font-size-sm)}.breadcrumb-item{align-items:center;color:#6b7280;color:var(--color-neutral-500);display:flex;gap:.25rem;gap:var(--spacing-1);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.breadcrumb-item:hover{color:#3f83f8;color:var(--color-primary-500)}.breadcrumb-item.current{color:#111827;color:var(--color-neutral-900);font-weight:500}.breadcrumb-separator{color:#d1d5db;color:var(--color-neutral-300)}.search-trigger{align-items:center;background:#f3f4f6;background:var(--color-neutral-100);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--color-neutral-500);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);min-width:200px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast)}.search-trigger:hover{background:#f9fafb;background:var(--color-neutral-50);border-color:#d1d5db;border-color:var(--color-neutral-300)}.search-trigger kbd{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.25rem;border-radius:var(--radius-sm);color:#9ca3af;color:var(--color-neutral-400);display:inline-flex;font-family:inherit;font-size:.75rem;font-size:var(--font-size-xs);gap:2px;margin-left:auto;padding:2px 6px}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-2);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2);transition:background .15s ease;transition:background var(--transition-fast)}.user-menu-trigger:hover{background:#f3f4f6;background:var(--color-neutral-100)}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#3f83f8,#0694a2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;height:32px;justify-content:center;width:32px}.user-name-header{color:#374151;color:var(--color-neutral-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.notification-btn{position:relative}.notification-badge{align-items:center;background:#ef4444;background:var(--color-error-500);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.notification-item.unread{background:#ebf5ff;background:var(--color-primary-50)}.unread-indicator{background:#3f83f8;background:var(--color-primary-500);border-radius:50%;flex-shrink:0;height:8px;width:8px}.main-content{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--spacing-6)}.status-bar{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-neutral-200);color:#6b7280;color:var(--color-neutral-500);display:flex;font-size:.75rem;font-size:var(--font-size-xs);justify-content:space-between;padding:.5rem 1.5rem;padding:var(--spacing-2) var(--spacing-6)}.status-bar-left,.status-bar-right{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.connection-status{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-1)}.connection-status.online{color:#22c55e;color:var(--color-success-500)}.connection-status.offline{color:#ef4444;color:var(--color-error-500)}.status-divider{color:#d1d5db;color:var(--color-neutral-300)}.api-status{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-1)}.status-dot{border-radius:50%;height:6px;width:6px}.status-dot.success{background:#22c55e;background:var(--color-success-500)}.status-link{color:#3f83f8;color:var(--color-primary-500);text-decoration:none}.status-link:hover{text-decoration:underline}.search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-modal{background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-top:10vh;max-width:600px;overflow:hidden;width:100%}.search-modal-input{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);display:flex;gap:.75rem;gap:var(--spacing-3);padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5)}.search-modal-input svg{color:#9ca3af;color:var(--color-neutral-400)}.search-modal-input input{border:none;flex:1 1;font-size:1rem;font-size:var(--font-size-base);outline:none}.search-modal-input kbd{background:#f3f4f6;background:var(--color-neutral-100);border-radius:.25rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs);padding:4px 8px}.search-section{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-neutral-100);padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5)}.search-section h4{align-items:center;color:#6b7280;color:var(--color-neutral-500);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:.75rem;margin-bottom:var(--spacing-3);text-transform:uppercase}.quick-actions-grid{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;gap:.5rem;gap:var(--spacing-2);grid-template-columns:repeat(2,1fr)}.quick-action-btn{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);padding:.75rem;padding:var(--spacing-3);transition:all .15s ease;transition:all var(--transition-fast)}.quick-action-btn:hover{background:#ebf5ff;background:var(--color-primary-50);border-color:#c3ddfd;border-color:var(--color-primary-200);color:#1c64f2;color:var(--color-primary-600)}.search-result-item{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#374151;color:var(--color-neutral-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--spacing-3);padding:.75rem;padding:var(--spacing-3);transition:background .15s ease;transition:background var(--transition-fast);width:100%}.search-result-item:hover{background:#f3f4f6;background:var(--color-neutral-100)}.search-result-item svg{color:#9ca3af;color:var(--color-neutral-400)}.result-arrow{margin-left:auto;opacity:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.search-result-item:hover .result-arrow{opacity:1}.search-modal-footer{background:#f9fafb;background:var(--color-neutral-50);color:#6b7280;color:var(--color-neutral-500);display:flex;gap:1.5rem;gap:var(--spacing-6);justify-content:center;padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5)}.search-modal-footer,.search-modal-footer kbd{align-items:center;font-size:.75rem;font-size:var(--font-size-xs)}.search-modal-footer kbd{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;margin-right:.25rem;margin-right:var(--spacing-1);padding:2px 6px}.page-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.page-header-content{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-4);justify-content:space-between}.page-title{color:#111827;color:var(--color-neutral-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.page-subtitle{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm)}.page-actions{display:flex;gap:.5rem;gap:var(--spacing-2)}.mobile-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:99}@media (max-width:1024px){.search-trigger{min-width:auto}.search-trigger span{display:none}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;transition:transform var(--transition-base)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-toggle.desktop-only{display:none}.sidebar-close{display:flex}.main-wrapper{margin-left:0!important}.mobile-overlay{display:block}.breadcrumb{display:none}.header-center{flex:1 1}.status-bar,.upgrade-banner,.user-name-header{display:none}}.desktop-only{display:inline-flex}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}}.page-body{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--spacing-6)}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;padding:var(--spacing-5) var(--spacing-6)}.card-title{color:#111827;color:var(--color-neutral-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.card-body{padding:1.5rem;padding:var(--spacing-6)}.card-footer{background:#f9fafb;background:var(--color-neutral-50);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-neutral-200);padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6)}.btn-primary{background:linear-gradient(135deg,#1c64f2,#1a56db);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:0 2px 8px #3f83f84d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a56db,#1e429f);background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));box-shadow:0 4px 12px #3f83f866;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);color:#374151;color:var(--color-neutral-700)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--color-neutral-50);border-color:#9ca3af;border-color:var(--color-neutral-400)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:#fff}.btn-ghost{background:#0000;color:#4b5563;color:var(--color-neutral-600)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--color-neutral-100);color:#111827;color:var(--color-neutral-900)}.btn-icon{border-radius:.5rem;border-radius:var(--radius-lg);height:36px;padding:0;width:36px}.form-group{margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.form-label{color:#374151;color:var(--color-neutral-700);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);border-radius:.5rem;border-radius:var(--radius-lg);color:#111827;color:var(--color-neutral-900);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3f83f8;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #e1effe;box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-input::placeholder{color:#9ca3af;color:var(--color-neutral-400)}.form-input.error{border-color:#ef4444;border-color:var(--color-error-500)}.form-error{color:#ef4444;color:var(--color-error-500)}.form-error,.form-hint{font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-1)}.form-hint{color:#6b7280;color:var(--color-neutral-500)}.form-textarea{min-height:100px;resize:vertical}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);text-align:left}.table th{background:#f9fafb;background:var(--color-neutral-50);color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table td{color:#374151;color:var(--color-neutral-700);font-size:.875rem;font-size:var(--font-size-sm)}.table tbody tr:hover{background:#f9fafb;background:var(--color-neutral-50)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.badge-primary{background:#e1effe;background:var(--color-primary-100);color:#1a56db;color:var(--color-primary-700)}.badge-success{background:#f0fdf4;background:var(--color-success-50);color:#16a34a;color:var(--color-success-600)}.badge-warning{background:#fffbeb;background:var(--color-warning-50);color:#d97706;color:var(--color-warning-600)}.badge-error{background:#fef2f2;background:var(--color-error-50);color:#dc2626;color:var(--color-error-600)}.badge-neutral{background:#f3f4f6;background:var(--color-neutral-100);color:#4b5563;color:var(--color-neutral-600)}.stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.25rem;padding:var(--spacing-5);transition:all .15s ease;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4);width:48px}.stat-card-icon.primary{background:#e1effe;background:var(--color-primary-100);color:#1c64f2;color:var(--color-primary-600)}.stat-card-icon.secondary{background:#d5f5f6;background:var(--color-secondary-100);color:#047481;color:var(--color-secondary-600)}.stat-card-icon.success{background:#f0fdf4;background:var(--color-success-50);color:#22c55e;color:var(--color-success-500)}.stat-card-icon.warning{background:#fffbeb;background:var(--color-warning-50);color:#f59e0b;color:var(--color-warning-500)}.stat-card-value{color:#111827;color:var(--color-neutral-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;line-height:1;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.stat-card-label{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm)}.stat-card-change{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;gap:.25rem;gap:var(--spacing-1);margin-top:.5rem;margin-top:var(--spacing-2)}.stat-card-change.positive{color:#22c55e;color:var(--color-success-500)}.stat-card-change.negative{color:#ef4444;color:var(--color-error-500)}.modal-overlay{align-items:center;animation:fadeIn .15s ease;animation:fadeIn var(--transition-fast);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--spacing-4);position:fixed;z-index:1000}.modal{animation:slideUp .2s ease;animation:slideUp var(--transition-base);background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;padding:var(--spacing-5) var(--spacing-6)}.modal-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--spacing-6)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-neutral-200);gap:.75rem;gap:var(--spacing-3);justify-content:flex-end;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.modal-footer,.pagination{align-items:center;display:flex}.pagination{gap:.5rem;gap:var(--spacing-2)}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);border-radius:.5rem;border-radius:var(--radius-lg);color:#374151;color:var(--color-neutral-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;height:36px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:36px}.pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--color-neutral-50);border-color:#9ca3af;border-color:var(--color-neutral-400)}.pagination-btn.active{background:#1c64f2;background:var(--color-primary-600);border-color:#1c64f2;border-color:var(--color-primary-600);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.search-box{position:relative;width:280px}.search-box svg{color:#9ca3af;color:var(--color-neutral-400);height:18px;left:.75rem;left:var(--spacing-3);position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-box input{border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);border-radius:.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem .5rem 2.5rem;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-10);width:100%}.search-box input:focus{border-color:#3f83f8;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #e1effe;box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.filter-group{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.empty-state{padding:3rem 1.5rem;padding:var(--spacing-12) var(--spacing-6);text-align:center}.empty-state-icon{align-items:center;background:#f3f4f6;background:var(--color-neutral-100);border-radius:9999px;border-radius:var(--radius-full);color:#9ca3af;color:var(--color-neutral-400);display:flex;height:80px;justify-content:center;margin:0 auto 1.25rem;margin:0 auto var(--spacing-5);width:80px}.empty-state-title{color:#111827;color:var(--color-neutral-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.empty-state-description{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1.25rem;margin-bottom:var(--spacing-5);margin-left:auto;margin-right:auto;max-width:400px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#1c64f2;border:2px solid var(--color-neutral-200);border-radius:50%;border-top-color:var(--color-primary-600);height:24px;width:24px}.loading-spinner.lg{border-width:3px;height:40px;width:40px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.skeleton-title{height:24px;margin-bottom:.75rem;margin-bottom:var(--spacing-3);width:60%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.page-body{padding:1rem;padding:var(--spacing-4)}}@media (max-width:768px){.search-box{width:100%}.filter-group{flex-wrap:wrap}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.modal{margin:1rem;margin:var(--spacing-4);max-height:calc(100vh - 2rem);max-width:100%}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.gap-1{gap:.25rem;gap:var(--spacing-1)}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-3{gap:.75rem;gap:var(--spacing-3)}.gap-4{gap:1rem;gap:var(--spacing-4)}.gap-5{gap:1.25rem;gap:var(--spacing-5)}.gap-6{gap:1.5rem;gap:var(--spacing-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-6)}.ml-auto{margin-left:auto}.p-4{padding:1rem;padding:var(--spacing-4)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.px-4{padding-left:1rem;padding-left:var(--spacing-4);padding-right:1rem;padding-right:var(--spacing-4)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-2);padding-top:.5rem;padding-top:var(--spacing-2)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-neutral-500{color:#6b7280;color:var(--color-neutral-500)}.text-neutral-600{color:#4b5563;color:var(--color-neutral-600)}.text-neutral-700{color:#374151;color:var(--color-neutral-700)}.text-neutral-900{color:#111827;color:var(--color-neutral-900)}.text-primary-600{color:#1c64f2;color:var(--color-primary-600)}.text-success-500{color:#22c55e;color:var(--color-success-500)}.text-error-500{color:#ef4444;color:var(--color-error-500)}.bg-white{background:#fff}.bg-neutral-50{background:#f9fafb;background:var(--color-neutral-50)}.bg-neutral-100{background:#f3f4f6;background:var(--color-neutral-100)}.rounded-md{border-radius:.375rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all .2s ease;transition:all var(--transition-base)}.hover\:opacity-80:hover{opacity:.8}.settings-page{max-width:1200px}.settings-layout{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:260px 1fr}.settings-nav{background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:1rem;padding:var(--spacing-4);position:-webkit-sticky;position:sticky;top:calc(64px + 1.5rem);top:calc(var(--header-height) + var(--spacing-6))}.settings-tab{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#4b5563;color:var(--color-neutral-600);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.75rem;gap:var(--spacing-3);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.settings-tab:hover{background:#f3f4f6;background:var(--color-neutral-100);color:#111827;color:var(--color-neutral-900)}.settings-tab.active{background:#ebf5ff;background:var(--color-primary-50);color:#1c64f2;color:var(--color-primary-600)}.settings-tab.danger{color:#ef4444;color:var(--color-error-500)}.settings-tab.danger:hover{background:#fef2f2;background:var(--color-error-50)}.settings-tab .tab-indicator{margin-left:auto;opacity:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.settings-tab.active .tab-indicator{opacity:1}.settings-nav-divider{background:#e5e7eb;background:var(--color-neutral-200);height:1px;margin:1rem 0;margin:var(--spacing-4) 0}.settings-content{min-height:500px}.settings-section{background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-6)}.settings-section-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding-bottom:1rem;padding-bottom:var(--spacing-4)}.settings-section-header h2{color:#111827;color:var(--color-neutral-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600}.settings-section-header p{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-1);width:100%}.settings-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.invite-form{background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.invite-form .form-row{align-items:flex-end}.team-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.team-member{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-4);padding:1rem;padding:var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast)}.team-member:hover{background:#f3f4f6;background:var(--color-neutral-100)}.member-avatar{align-items:center;background:#e1effe;background:var(--color-primary-100);border-radius:9999px;border-radius:var(--radius-full);color:#1c64f2;color:var(--color-primary-600);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;height:44px;justify-content:center;width:44px}.member-info{display:flex;flex:1 1;flex-direction:column}.member-info strong{color:#111827;color:var(--color-neutral-900);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.member-info span{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.current-plan-card{background:linear-gradient(135deg,#3f83f8,#1a56db);background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-700) 100%);border-radius:.75rem;border-radius:var(--radius-xl);color:#fff;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);overflow:hidden;padding:1.5rem;padding:var(--spacing-6);position:relative}.current-plan-card:before{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.plan-badge{background:#fff3;border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.current-plan-card h3{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.plan-price{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.price-amount{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700}.price-period{font-size:.875rem;font-size:var(--font-size-sm);opacity:.8}.plan-features{list-style:none;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.plan-features li{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.plan-actions{display:flex;gap:.75rem;gap:var(--spacing-3)}.plan-actions .btn{flex:1 1}.plan-actions .btn-primary{background:#fff;color:#1c64f2;color:var(--color-primary-600)}.plan-actions .btn-ghost{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.billing-info{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.billing-history h4,.billing-info h4{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.payment-card{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.payment-card div{flex:1 1}.payment-card strong{color:#111827;color:var(--color-neutral-900);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.payment-card span{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.billing-table{border-collapse:collapse;width:100%}.billing-table td,.billing-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);text-align:left}.billing-table th{background:#f9fafb;background:var(--color-neutral-50);color:#6b7280;color:var(--color-neutral-500);font-weight:500}.api-keys-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.api-key-card{background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-4)}.api-key-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.api-key-info strong{color:#111827;color:var(--color-neutral-900);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.api-key-info span,.api-key-meta span{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.api-key-value{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.375rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-2);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.api-key-value code{color:#374151;color:var(--color-neutral-700);flex:1 1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.875rem;font-size:var(--font-size-sm)}.api-key-actions{display:flex;gap:.25rem;gap:var(--spacing-1)}.api-docs{background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-4)}.api-docs h4{font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.api-docs p{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.notification-settings{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.notification-group h4{align-items:center;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.toggle-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.toggle-item{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;padding:var(--spacing-3);transition:all .15s ease;transition:all var(--transition-fast)}.toggle-item:hover{background:#f3f4f6;background:var(--color-neutral-100)}.toggle-item span:first-child{color:#374151;color:var(--color-neutral-700);font-size:.875rem;font-size:var(--font-size-sm)}.toggle-item input{display:none}.toggle-switch{background:#d1d5db;background:var(--color-neutral-300);border-radius:9999px;border-radius:var(--radius-full);height:24px;position:relative;width:44px}.toggle-switch,.toggle-switch:after{transition:all .15s ease;transition:all var(--transition-fast)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.toggle-item input:checked+.toggle-switch{background:#3f83f8;background:var(--color-primary-500)}.toggle-item input:checked+.toggle-switch:after{left:22px}.appearance-settings{max-width:400px}.theme-selector h4{font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.theme-options{display:flex;gap:1rem;gap:var(--spacing-4)}.theme-option{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.theme-option input{display:none}.theme-preview{align-items:center;aspect-ratio:4/3;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.theme-preview.light{background:#f3f4f6;background:var(--color-neutral-100);color:#4b5563;color:var(--color-neutral-600)}.theme-preview.dark{background:#1f2937;background:var(--color-neutral-800);color:#9ca3af;color:var(--color-neutral-400)}.theme-option.active .theme-preview,.theme-option:hover .theme-preview{border-color:#3f83f8;border-color:var(--color-primary-500)}.theme-option span{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.theme-option.active span{color:#1c64f2;color:var(--color-primary-600)}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2);position:static}.settings-tab{flex:1 1;justify-content:center;min-width:120px}.settings-tab .tab-indicator{display:none}.settings-nav-divider{width:100%}}.workflows-page .filters-bar{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.workflows-grid{grid-gap:1.25rem;grid-gap:var(--spacing-5);display:grid;gap:1.25rem;gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.workflow-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .15s ease;transition:all var(--transition-fast)}.workflow-card:hover{border-color:#c3ddfd;border-color:var(--color-primary-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.workflow-card-header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--spacing-3);padding:1rem 1rem .75rem;padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.workflow-icon{align-items:center;background:#ebf5ff;background:var(--color-primary-50);border-radius:.5rem;border-radius:var(--radius-lg);color:#1c64f2;color:var(--color-primary-600);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.workflow-info{flex:1 1;min-width:0}.workflow-info h3{color:#111827;color:var(--color-neutral-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.workflow-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--color-neutral-500);display:-webkit-box;font-size:.875rem;font-size:var(--font-size-sm);overflow:hidden}.workflow-menu{position:relative}.workflow-card-body{padding:0 1rem 1rem;padding:0 var(--spacing-4) var(--spacing-4)}.workflow-nodes-preview,.workflow-trigger-info{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.workflow-nodes-preview .label,.workflow-trigger-info .label{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500}.nodes-preview{display:flex;gap:.25rem;gap:var(--spacing-1)}.node-preview{align-items:center;background:#f3f4f6;background:var(--color-neutral-100);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--color-neutral-600);display:flex;height:26px;justify-content:center;width:26px}.node-more{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs);padding:0 .5rem;padding:0 var(--spacing-2)}.workflow-stats{background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-4);padding:.75rem;padding:var(--spacing-3)}.workflow-stats .stat-item{flex:1 1;text-align:center}.workflow-stats .stat-value{color:#111827;color:var(--color-neutral-900);display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.workflow-stats .stat-label{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.workflow-card-footer{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-neutral-100);display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.workflow-actions{display:flex;gap:.5rem;gap:var(--spacing-2)}.workflow-editor{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-6)}.editor-section{background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);padding:1.25rem;padding:var(--spacing-5)}.editor-section h3{align-items:center;color:#111827;color:var(--color-neutral-900);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.section-description{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.trigger-selector{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.trigger-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2);padding:1rem;padding:var(--spacing-4);text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.trigger-option:hover{border-color:#a4cafe;border-color:var(--color-primary-300)}.trigger-option.active{background:#ebf5ff;background:var(--color-primary-50);border-color:#3f83f8;border-color:var(--color-primary-500)}.trigger-option input{display:none}.trigger-option svg{color:#6b7280;color:var(--color-neutral-500)}.trigger-option.active svg{color:#1c64f2;color:var(--color-primary-600)}.trigger-option span{color:#4b5563;color:var(--color-neutral-600);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500}.trigger-option.active span{color:#1a56db;color:var(--color-primary-700)}.trigger-config{background:#fff;border-radius:.5rem;border-radius:var(--radius-lg);margin-top:1rem;margin-top:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.workflow-nodes{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.start-node{background:#fff;border:2px solid #3f83f8;border:2px solid var(--color-primary-500);color:#1a56db;color:var(--color-primary-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.75rem;gap:var(--spacing-3);padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5)}.start-node,.start-node .node-icon{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:flex}.start-node .node-icon{background:#e1effe;background:var(--color-primary-100);color:#1c64f2;color:var(--color-primary-600);height:32px;justify-content:center;width:32px}.node-editor{flex-direction:column;max-width:400px;width:100%}.node-connector,.node-editor{align-items:center;display:flex}.node-connector{color:#9ca3af;color:var(--color-neutral-400);height:32px;justify-content:center}.node-connector:after,.node-connector:before{background:#d1d5db;background:var(--color-neutral-300);content:"";height:12px;width:2px}.node-content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);overflow:hidden;width:100%}.node-header{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);display:flex;gap:.5rem;gap:var(--spacing-2);padding:.75rem;padding:var(--spacing-3)}.node-header .node-icon{align-items:center;background:#d5f5f6;background:var(--color-secondary-100);border-radius:.375rem;border-radius:var(--radius-md);color:#047481;color:var(--color-secondary-600);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.node-header select{background:#0000;border:none;color:#111827;color:var(--color-neutral-900);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.node-body{padding:1rem;padding:var(--spacing-4)}.add-node-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border:2px dashed var(--color-neutral-300);border-radius:.5rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--color-neutral-500);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);justify-content:center;padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5);transition:all .15s ease;transition:all var(--transition-fast)}.add-node-btn:hover{background:#ebf5ff;background:var(--color-primary-50);border-color:#3f83f8;border-color:var(--color-primary-500);color:#1c64f2;color:var(--color-primary-600)}.stats-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.stat-card{background:#f9fafb;background:var(--color-neutral-50);gap:.75rem;gap:var(--spacing-3);padding:1rem;padding:var(--spacing-4)}.stat-card,.stat-card .stat-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);display:flex}.stat-card .stat-icon{height:44px;justify-content:center;width:44px}.stat-card .stat-icon.success{background:#f0fdf4;background:var(--color-success-50);color:#22c55e;color:var(--color-success-500)}.stat-card .stat-icon.primary{background:#ebf5ff;background:var(--color-primary-50);color:#3f83f8;color:var(--color-primary-500)}.stat-card .stat-icon.warning{background:#fffbeb;background:var(--color-warning-50);color:#f59e0b;color:var(--color-warning-500)}.stat-card .stat-icon.info{background:#eff6ff;background:var(--color-info-50);color:#3b82f6;color:var(--color-info-500)}.stat-card .stat-content .stat-value{color:#111827;color:var(--color-neutral-900);display:block;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.stat-card .stat-content .stat-label{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm)}.recent-runs h4{align-items:center;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.runs-table{border-collapse:collapse;width:100%}.runs-table td,.runs-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--spacing-3);text-align:left}.runs-table th{background:#f9fafb;background:var(--color-neutral-50);color:#6b7280;color:var(--color-neutral-500);font-weight:500}@media (max-width:768px){.workflows-grid{grid-template-columns:1fr}.trigger-selector{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}.inbox-page{display:flex;height:calc(100vh - 60px);overflow:hidden;padding:0}.inbox-page .conversations-sidebar{background:var(--color-white);border-right:1px solid #e5e7eb;border-right:1px solid var(--color-neutral-200);display:flex;flex-direction:column;min-width:320px;width:320px}.inbox-page .sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);padding:1rem;padding:var(--spacing-4)}.inbox-page .sidebar-header h2{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.inbox-page .search-box,.inbox-page .sidebar-header h2{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.inbox-page .search-box{background:#f3f4f6;background:var(--color-neutral-100);border-radius:.5rem;border-radius:var(--radius-lg);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.inbox-page .search-box input{background:none;border:none;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm)}.inbox-page .conversations-list{flex:1 1;overflow-y:auto}.inbox-page .conversation-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-neutral-100);cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-3);padding:1rem;padding:var(--spacing-4);transition:background .2s}.inbox-page .conversation-item:hover{background:#f9fafb;background:var(--color-neutral-50)}.inbox-page .conversation-item.active{background:#ebf5ff;background:var(--color-primary-50);border-right:3px solid #3f83f8;border-right:3px solid var(--color-primary-500)}.inbox-page .conversation-avatar{align-items:center;background:linear-gradient(135deg,#3f83f8,#0694a2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:50%;color:#fff;display:flex;font-weight:600;height:44px;justify-content:center;position:relative;width:44px}.inbox-page .avatar-status{border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.inbox-page .avatar-status.online{background:#22c55e;background:var(--color-success-500)}.inbox-page .avatar-status.offline{background:#9ca3af;background:var(--color-neutral-400)}.inbox-page .conversation-details{flex:1 1;min-width:0}.inbox-page .conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.inbox-page .conversation-name{color:#111827;color:var(--color-neutral-900);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.inbox-page .conversation-time{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.inbox-page .conversation-preview{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-page .conversation-preview.unread{color:#111827;color:var(--color-neutral-900);font-weight:600}.inbox-page .conversation-meta{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);margin-top:.25rem;margin-top:var(--spacing-1)}.inbox-page .unread-badge{background:#3f83f8;background:var(--color-primary-500);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:2px 6px}.inbox-page .chat-area{background:#f9fafb;background:var(--color-neutral-50);display:flex;flex:1 1;flex-direction:column}.inbox-page .chat-header{align-items:center;background:var(--color-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4)}.inbox-page .chat-header-info{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.inbox-page .chat-header-actions{display:flex;gap:.5rem;gap:var(--spacing-2)}.inbox-page .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;gap:var(--spacing-3);overflow-y:auto;padding:1rem;padding:var(--spacing-4)}.inbox-page .chat-message{display:flex;flex-direction:column;max-width:70%}.inbox-page .chat-message.incoming{align-self:flex-start}.inbox-page .chat-message.outgoing{align-self:flex-end}.inbox-page .message-bubble{border-radius:.75rem;border-radius:var(--radius-xl);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);position:relative}.inbox-page .chat-message.incoming .message-bubble{background:var(--color-white);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--radius-sm)}.inbox-page .chat-message.outgoing .message-bubble{background:#3f83f8;background:var(--color-primary-500);border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--radius-sm);color:#fff}.inbox-page .message-text{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5}.inbox-page .message-time{align-items:center;color:#6b7280;color:var(--color-neutral-500);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-1);margin-top:.25rem;margin-top:var(--spacing-1)}.inbox-page .chat-message.outgoing .message-time{color:#fffc;justify-content:flex-end}.inbox-page .chat-input-area{background:var(--color-white);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-neutral-200);padding:1rem;padding:var(--spacing-4)}.inbox-page .chat-input-wrapper{align-items:flex-end;background:#f3f4f6;background:var(--color-neutral-100);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:.75rem;gap:var(--spacing-3);padding:.5rem;padding:var(--spacing-2)}.inbox-page .chat-input-actions{display:flex;gap:.25rem;gap:var(--spacing-1)}.inbox-page .chat-input-wrapper textarea{background:none;border:none;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);max-height:120px;padding:.5rem;padding:var(--spacing-2);resize:none}.inbox-page .send-btn{align-items:center;background:#3f83f8;background:var(--color-primary-500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.inbox-page .send-btn:hover{background:#1c64f2;background:var(--color-primary-600)}.inbox-page .contact-info-panel{background:var(--color-white);border-left:1px solid #e5e7eb;border-left:1px solid var(--color-neutral-200);min-width:300px;overflow-y:auto;width:300px}.inbox-page .contact-info-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-neutral-200);padding:1.5rem;padding:var(--spacing-6);text-align:center}.inbox-page .contact-info-header .avatar{align-items:center;background:linear-gradient(135deg,#3f83f8,#0694a2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;height:80px;justify-content:center;margin:0 auto .75rem;margin:0 auto var(--spacing-3);width:80px}.inbox-page .contact-info-section{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-neutral-100);padding:1rem;padding:var(--spacing-4)}.inbox-page .contact-info-section h4{color:#6b7280;color:var(--color-neutral-500);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3);text-transform:uppercase}.inbox-page .info-row{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);padding:.5rem 0;padding:var(--spacing-2) 0}.inbox-page .info-row svg{color:#9ca3af;color:var(--color-neutral-400)}.inbox-page .empty-state{align-items:center;color:#6b7280;color:var(--color-neutral-500);display:flex;flex:1 1;flex-direction:column;justify-content:center}.inbox-page .empty-state svg{color:#d1d5db;color:var(--color-neutral-300);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.segments-page .segments-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.segment-card{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.25rem;padding:var(--spacing-5);transition:all .2s}.segment-card:hover{border-color:#c3ddfd;border-color:var(--color-primary-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.segment-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.segment-icon{align-items:center;background:#ebf5ff;background:var(--color-primary-50);border-radius:.5rem;border-radius:var(--radius-lg);color:#3f83f8;color:var(--color-primary-500);display:flex;height:48px;justify-content:center;width:48px}.segment-card h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.segment-card .segment-description{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.segment-stats{grid-gap:.75rem;grid-gap:var(--spacing-3);background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.segment-stats .stat{text-align:center}.segment-stats .stat-value{color:#111827;color:var(--color-neutral-900);display:block;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.segment-stats .stat-label{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.segment-conditions{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.segment-conditions .condition-pill{align-items:center;background:#f3f4f6;background:var(--color-neutral-100);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-1);margin-bottom:.5rem;margin-bottom:var(--spacing-2);margin-right:.5rem;margin-right:var(--spacing-2);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.segment-card-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--color-neutral-100);display:flex;gap:.5rem;gap:var(--spacing-2);padding-top:1rem;padding-top:var(--spacing-4)}.condition-builder{background:#f9fafb;background:var(--color-neutral-50);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.condition-builder,.condition-row{border-radius:.5rem;border-radius:var(--radius-lg)}.condition-row{align-items:center;background:var(--color-white);display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding:.75rem;padding:var(--spacing-3)}.condition-row input,.condition-row select{border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);border-radius:.375rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.condition-row .condition-type{min-width:150px}.condition-row .condition-operator{min-width:120px}.condition-row .condition-value{flex:1 1}.add-condition-btn{align-items:center;background:none;border:none;color:#3f83f8;color:var(--color-primary-500);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);padding:.5rem;padding:var(--spacing-2)}.broadcasts-page .broadcasts-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.broadcast-card{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.25rem;padding:var(--spacing-5)}.broadcast-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.broadcast-card h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.broadcast-template-preview{background:#f9fafb;background:var(--color-neutral-50);border-left:3px solid #76a9fa;border-left:3px solid var(--color-primary-400);border-radius:.5rem;border-radius:var(--radius-lg);color:#374151;color:var(--color-neutral-700);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.broadcast-delivery-stats{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;gap:.5rem;gap:var(--spacing-2);grid-template-columns:repeat(4,1fr);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.delivery-stat{background:#f9fafb;background:var(--color-neutral-50);border-radius:.375rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--spacing-3);text-align:center}.delivery-stat .value{color:#111827;color:var(--color-neutral-900);display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.delivery-stat .label{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.delivery-stat.success .value{color:#22c55e;color:var(--color-success-500)}.delivery-stat.failed .value{color:#ef4444;color:var(--color-error-500)}.broadcast-wizard{margin:0 auto;max-width:600px}.wizard-steps{display:flex;gap:1rem;gap:var(--spacing-4);justify-content:center;margin-bottom:2rem;margin-bottom:var(--spacing-8)}.wizard-step{align-items:center;color:#9ca3af;color:var(--color-neutral-400);display:flex;gap:.5rem;gap:var(--spacing-2)}.wizard-step.active{color:#3f83f8;color:var(--color-primary-500)}.wizard-step.completed{color:#22c55e;color:var(--color-success-500)}.wizard-step-number{align-items:center;background:currentColor;border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.wizard-content{background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-6)}.reports-page .reports-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.report-card{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;padding:1.25rem;padding:var(--spacing-5);transition:all .2s}.report-card:hover{border-color:#c3ddfd;border-color:var(--color-primary-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.report-card-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-4);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.report-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.report-card h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.report-card .report-description{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm)}.report-preview{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;height:120px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4);overflow:hidden}.report-card-footer{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--color-neutral-100);display:flex;justify-content:space-between;padding-top:1rem;padding-top:var(--spacing-4)}.report-meta{align-items:center;color:#6b7280;color:var(--color-neutral-500);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-1)}.quick-stats-bar{grid-gap:1rem;grid-gap:var(--spacing-4);background:linear-gradient(135deg,#3f83f8,#1c64f2);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:.75rem;border-radius:var(--radius-xl);color:#fff;display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.quick-stat,.quick-stats-bar{padding:1rem;padding:var(--spacing-4)}.quick-stat{text-align:center}.quick-stat .stat-value{display:block;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.quick-stat .stat-label{font-size:.875rem;font-size:var(--font-size-sm);opacity:.9}.integrations-page .integrations-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.integration-card{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.25rem;padding:var(--spacing-5);transition:all .2s}.integration-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.integration-card.connected{border-color:var(--color-success-300)}.integration-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-4);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.integration-logo{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.integration-logo.small{height:36px;width:36px}.integration-logo img{height:28px;object-fit:contain;width:28px}.integration-info h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.integration-description{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm)}.integration-description,.integration-features{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.integration-features{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.feature-tag{align-items:center;background:#f0fdf4;background:var(--color-success-50);border-radius:9999px;border-radius:var(--radius-full);color:#16a34a;color:var(--color-success-600);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-1);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.integration-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--color-neutral-100);display:flex;gap:.5rem;gap:var(--spacing-2);padding-top:1rem;padding-top:var(--spacing-4)}.webhooks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.webhooks-header h2{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600}.webhooks-header p{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm)}.webhooks-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.webhook-card{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.25rem;padding:var(--spacing-5)}.webhook-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.webhook-info h4{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.webhook-actions{display:flex;gap:.5rem;gap:var(--spacing-2)}.webhook-url{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.webhook-url label{color:#6b7280;color:var(--color-neutral-500);display:block;font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.url-display{align-items:center;background:#f3f4f6;background:var(--color-neutral-100);border-radius:.375rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-2);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.url-display code{color:#374151;color:var(--color-neutral-700);flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-events{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.webhook-events label{color:#6b7280;color:var(--color-neutral-500);display:block;font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.event-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.event-tag{background:#ebf5ff;background:var(--color-primary-50);border-radius:.375rem;border-radius:var(--radius-md);color:#1c64f2;color:var(--color-primary-600);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.webhook-stats{grid-gap:.75rem;grid-gap:var(--spacing-3);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-neutral-100);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);padding-top:1rem;padding-top:var(--spacing-4)}.webhook-stats .stat{text-align:center}.webhook-stats .stat-value{display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.webhook-stats .stat-label{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.events-grid{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;grid-template-columns:repeat(2,1fr)}.event-option,.events-grid{gap:.5rem;gap:var(--spacing-2)}.event-option{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:flex;padding:.75rem;padding:var(--spacing-3);transition:all .2s}.event-option:hover{background:#f3f4f6;background:var(--color-neutral-100)}.event-option.active{background:#ebf5ff;background:var(--color-primary-50);border:1px solid #c3ddfd;border:1px solid var(--color-primary-200)}.event-option input{display:none}.connect-info{align-items:flex-start;background:#eff6ff;background:var(--color-info-50);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.connect-info svg{color:#3b82f6;color:var(--color-info-500);flex-shrink:0}.connect-info p{color:#2563eb;color:var(--color-info-600);font-size:.875rem;font-size:var(--font-size-sm)}.help-link{margin-top:1rem;margin-top:var(--spacing-4)}.help-link a{align-items:center;color:#3f83f8;color:var(--color-primary-500);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2)}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.filter-btn{background:#f3f4f6;background:var(--color-neutral-100);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);transition:all .2s}.filter-btn:hover{background:#e5e7eb;background:var(--color-neutral-200)}.filter-btn.active{background:#3f83f8;background:var(--color-primary-500);color:#fff}.help-page{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-6)}.help-hero{background:linear-gradient(135deg,#3f83f8,#1a56db);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:1rem;border-radius:var(--radius-2xl);color:#fff;margin-bottom:2rem;margin-bottom:var(--spacing-8);padding:3rem 1rem;padding:var(--spacing-12) var(--spacing-4);text-align:center}.help-hero h1{font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.help-hero p{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);opacity:.9}.help-search{align-items:center;background:#fff;border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:.75rem;gap:var(--spacing-3);margin:0 auto 1rem;margin:0 auto var(--spacing-4);max-width:600px;padding:.5rem .5rem .5rem 1rem;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4)}.help-search svg{color:#9ca3af;color:var(--color-neutral-400)}.help-search input{border:none;flex:1 1;font-size:1rem;font-size:var(--font-size-base);padding:.5rem;padding:var(--spacing-2)}.help-search .btn{border-radius:9999px;border-radius:var(--radius-full)}.popular-searches{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--spacing-3);justify-content:center}.popular-searches span{opacity:.8}.popular-searches button{background:#fff3;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);transition:background .2s}.popular-searches button:hover{background:#ffffff4d}.help-categories-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-8)}.help-category-card{align-items:center;background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-4);padding:1.25rem;padding:var(--spacing-5);transition:all .2s}.help-category-card:hover{border-color:#c3ddfd;border-color:var(--color-primary-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.help-category-card .category-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.help-category-card .category-content{flex:1 1}.help-category-card h3{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.help-category-card p{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.help-category-card .article-count{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.help-category-card .arrow{color:#9ca3af;color:var(--color-neutral-400)}.quick-links-section{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.quick-links-section h2{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.quick-links-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.quick-link{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.5rem;border-radius:var(--radius-lg);color:#374151;color:var(--color-neutral-700);display:flex;gap:.75rem;gap:var(--spacing-3);padding:1rem;padding:var(--spacing-4);text-decoration:none;transition:all .2s}.quick-link:hover{background:#ebf5ff;background:var(--color-primary-50);color:#1c64f2;color:var(--color-primary-600)}.faq-section{margin:0 auto;max-width:800px}.faq-category{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.faq-category h3{color:#374151;color:var(--color-neutral-700);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.faq-item{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);margin-bottom:.75rem;margin-bottom:var(--spacing-3);overflow:hidden}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;justify-content:space-between;padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5);text-align:left;width:100%}.faq-question:hover{background:#f9fafb;background:var(--color-neutral-50)}.faq-answer{color:#4b5563;color:var(--color-neutral-600);line-height:1.6;padding:0 1.25rem 1rem;padding:0 var(--spacing-5) var(--spacing-4)}.faq-feedback{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--color-neutral-100);color:#6b7280;color:var(--color-neutral-500);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);margin-top:1rem;margin-top:var(--spacing-4);padding-top:.75rem;padding-top:var(--spacing-3)}.videos-section .videos-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:var(--color-white);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all .2s}.video-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.video-thumbnail{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);background:linear-gradient(135deg,var(--color-neutral-800),var(--color-neutral-900));display:flex;height:180px;justify-content:center;position:relative}.video-thumbnail svg{color:#fff;opacity:.8}.video-thumbnail .duration{background:#000000b3;border-radius:.25rem;border-radius:var(--radius-sm);bottom:.5rem;bottom:var(--spacing-2);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2);position:absolute;right:.5rem;right:var(--spacing-2)}.video-info{padding:1rem;padding:var(--spacing-4)}.video-info h4{font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.video-info p{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm)}.support-section{background:#f9fafb;background:var(--color-neutral-50);border-radius:1rem;border-radius:var(--radius-2xl);padding:3rem 1rem;padding:var(--spacing-12) var(--spacing-4);text-align:center}.support-section h2{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.support-section>p{color:#4b5563;color:var(--color-neutral-600);margin-bottom:2rem;margin-bottom:var(--spacing-8)}.support-options{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.support-option{background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.75rem;border-radius:var(--radius-xl);cursor:pointer;padding:1.5rem;padding:var(--spacing-6);text-align:center;transition:all .2s}.support-option:hover{border-color:#c3ddfd;border-color:var(--color-primary-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.support-icon{align-items:center;background:#ebf5ff;background:var(--color-primary-50);border-radius:50%;color:#3f83f8;color:var(--color-primary-500);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-4);width:64px}.support-option h4{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.support-option p{color:#4b5563;color:var(--color-neutral-600);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.response-time{align-items:center;color:#6b7280;color:var(--color-neutral-500);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-1)}.article-view{margin:0 auto;max-width:800px}.back-btn{align-items:center;background:none;border:none;color:#3f83f8;color:var(--color-primary-500);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.article-header{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.article-header h1{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.article-meta{color:#6b7280;color:var(--color-neutral-500);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1rem;gap:var(--spacing-4)}.article-meta span{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-1)}.article-content{color:#374151;color:var(--color-neutral-700);font-size:1rem;font-size:var(--font-size-base);line-height:1.8}.article-content h2{color:#111827;color:var(--color-neutral-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:2rem 0 1rem;margin:var(--spacing-8) 0 var(--spacing-4)}.article-content ol,.article-content p,.article-content ul{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.article-content ol,.article-content ul{padding-left:1.5rem;padding-left:var(--spacing-6)}.article-content li{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.tip-box{background:#fffbeb;background:var(--color-warning-50);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-3);margin:1.5rem 0;margin:var(--spacing-6) 0;padding:1rem;padding:var(--spacing-4)}.tip-box svg{color:#f59e0b;color:var(--color-warning-500);flex-shrink:0}.tip-box kbd{background:#e5e7eb;background:var(--color-neutral-200);border-radius:.25rem;border-radius:var(--radius-sm);display:inline-block;font-family:monospace;font-size:.75rem;font-size:var(--font-size-xs);padding:2px 6px}.article-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-neutral-200);margin-top:2rem;margin-top:var(--spacing-8);padding-top:2rem;padding-top:var(--spacing-8)}.helpful-section{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.related-articles h4{font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.related-articles ul{list-style:none;padding:0}.related-articles li{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.related-articles a{color:#3f83f8;color:var(--color-primary-500);text-decoration:none}.related-articles a:hover{text-decoration:underline}.category-view .category-header{align-items:center;background:var(--color-white);border-left:4px solid;border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--spacing-4);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding:1.5rem;padding:var(--spacing-6)}.category-view .category-header h1{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.category-view .category-header p{color:#4b5563;color:var(--color-neutral-600)}.articles-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.article-card{align-items:center;background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-4);padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5);transition:all .2s}.article-card:hover{border-color:#c3ddfd;border-color:var(--color-primary-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.article-card svg:first-child{color:#9ca3af;color:var(--color-neutral-400)}.article-card .article-info{flex:1 1}.article-card h4{font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.article-card .article-meta{color:#6b7280;color:var(--color-neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.tabs-bar.centered{justify-content:center}.support-info{align-items:center;background:#f9fafb;background:var(--color-neutral-50);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--color-neutral-600);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);padding:.75rem;padding:var(--spacing-3)}@media (max-width:768px){.inbox-page{flex-direction:column}.inbox-page .conversations-sidebar{height:40vh;min-width:0;min-width:auto;width:100%}.inbox-page .contact-info-panel{display:none}.broadcasts-page .broadcasts-grid,.help-categories-grid,.integrations-page .integrations-grid,.reports-page .reports-grid,.segments-page .segments-grid,.webhooks-grid{grid-template-columns:1fr}.help-hero h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.support-options{grid-template-columns:1fr}.condition-row{flex-wrap:wrap}}.auth-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.auth-branding{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px;position:relative}.auth-branding-content{max-width:500px;position:relative;z-index:2}.auth-logo{gap:12px;margin-bottom:48px}.auth-logo,.auth-logo-icon{align-items:center;display:flex}.auth-logo-icon{background:#fff3;border-radius:12px;height:56px;justify-content:center;width:56px}.auth-logo-text h1{font-size:28px;font-weight:700;margin:0}.auth-logo-text span{font-size:14px;opacity:.8}.auth-tagline h2{font-size:42px;font-weight:800;line-height:1.2;margin:0 0 16px}.auth-tagline p{font-size:18px;line-height:1.6;margin-bottom:40px;opacity:.9}.auth-features{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.auth-feature{align-items:flex-start;display:flex;gap:16px}.auth-feature-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.auth-feature-text{display:flex;flex-direction:column}.auth-feature-text strong{font-weight:600;margin-bottom:4px}.auth-feature-text span{font-size:14px;opacity:.8}.auth-testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:24px}.auth-testimonial p{font-size:16px;font-style:italic;line-height:1.6;margin-bottom:16px}.auth-testimonial-author{align-items:center;display:flex;gap:12px}.auth-testimonial-avatar{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.auth-testimonial-author strong{display:block;font-weight:600}.auth-testimonial-author span{font-size:13px;opacity:.8}.auth-branding-bg{inset:0;position:absolute;z-index:1}.auth-bg-gradient{background:linear-gradient(135deg,#667eeae6,#764ba2e6);inset:0;position:absolute}.auth-bg-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");inset:0;position:absolute}.auth-form-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:40px}.auth-form-container{max-width:420px;width:100%}.auth-form-header{margin-bottom:32px;text-align:center}.auth-form-header h2{color:#1f2937;color:var(--color-neutral-800);font-size:28px;font-weight:700;margin:0 0 8px}.auth-form-header p{color:#6b7280;color:var(--color-neutral-500);font-size:15px;margin:0}.auth-error{background:#fef2f2;background:var(--color-error-50);border:1px solid #ef4444;border:1px solid var(--color-error-500);border-radius:8px;color:#dc2626;color:var(--color-error-600);font-size:14px;margin-bottom:24px;padding:12px 16px}.auth-form{gap:20px}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:6px}.auth-form label{color:#374151;color:var(--color-neutral-700);font-size:14px;font-weight:500}.auth-form .input-wrapper{align-items:center;display:flex;position:relative}.auth-form .input-icon{color:#9ca3af;color:var(--color-neutral-400);left:12px;pointer-events:none;position:absolute}.auth-form input{border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);border-radius:8px;font-size:15px;padding:12px 12px 12px 40px;transition:all .2s;width:100%}.auth-form input:focus{border-color:#3f83f8;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-form .form-group.has-error input{border-color:#ef4444;border-color:var(--color-error-500)}.auth-form .field-error{color:#ef4444;color:var(--color-error-500);font-size:13px}.auth-form .password-toggle{background:none;border:none;color:#9ca3af;color:var(--color-neutral-400);cursor:pointer;padding:4px;position:absolute;right:12px}.auth-form .password-toggle:hover{color:#4b5563;color:var(--color-neutral-600)}.auth-form .form-options{align-items:center;display:flex;justify-content:space-between}.auth-form .remember-me{align-items:center;color:#4b5563;color:var(--color-neutral-600);display:flex;font-size:14px;gap:8px}.auth-form .remember-me input[type=checkbox]{height:16px;padding:0;width:16px}.auth-form .forgot-link{color:#1c64f2;color:var(--color-primary-600);font-size:14px;font-weight:500;text-decoration:none}.auth-form .forgot-link:hover{text-decoration:underline}.auth-form .submit-btn{align-items:center;background:#1c64f2;background:var(--color-primary-600);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.auth-form .submit-btn:hover{background:#1a56db;background:var(--color-primary-700)}.auth-form .submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:#9ca3af;color:var(--color-neutral-400);display:flex;font-size:13px;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#e5e7eb;background:var(--color-neutral-200);content:"";flex:1 1;height:1px}.auth-social-buttons{display:flex;flex-direction:column;gap:12px}.auth-social-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--color-neutral-300);border-radius:8px;color:#374151;color:var(--color-neutral-700);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all .2s;width:100%}.auth-social-btn:hover{background:#f9fafb;background:var(--color-neutral-50);border-color:#9ca3af;border-color:var(--color-neutral-400)}.auth-footer{color:#4b5563;color:var(--color-neutral-600);font-size:14px;margin-top:32px;text-align:center}.auth-footer a{color:#1c64f2;color:var(--color-primary-600);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:1024px){.auth-branding{display:none}.auth-form-section{flex:1 1}}@media (max-width:480px){.auth-form-section{padding:24px}.auth-form-header h2{font-size:24px}}
/*# sourceMappingURL=main.2c3cdbfa.css.map*/