@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-base:#07090f;--bg-surface:#0d1117;--bg-card:#111827;--bg-card-hover:#161f2e;--bg-elevated:#1a2233;--bg-input:#0d1117;--border-default:#1e2d40;--border-subtle:#162032;--border-strong:#2d4163;--primary:#6366f1;--primary-hover:#5254cc;--primary-glow:#6366f140;--primary-light:#6366f11f;--accent:#22d3ee;--accent-hover:#06b6d4;--accent-glow:#22d3ee33;--accent-light:#22d3ee1a;--success:#10b981;--success-light:#10b9811f;--warning:#f59e0b;--warning-light:#f59e0b1f;--danger:#ef4444;--danger-light:#ef44441f;--info:#3b82f6;--info-light:#3b82f61f;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#cbd5e1;--text-disabled:#475569;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-accent:linear-gradient(135deg, #22d3ee 0%, #6366f1 100%);--gradient-card:linear-gradient(135deg, #111827 0%, #0d1117 100%);--gradient-glow:radial-gradient(ellipse at top, #6366f126 0%, transparent 70%);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-primary:0 4px 24px #6366f14d;--shadow-accent:0 4px 24px #22d3ee33;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.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;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer}input,textarea,select{font-family:var(--font-family)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.demo-banner{z-index:9999;padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--font-size-sm);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;gap:var(--space-2);background:linear-gradient(90deg,#7c3aed 0%,#db2777 50%,#7c3aed 100%) 0 0/200%;font-weight:600;animation:4s linear infinite shimmer-banner;display:flex;position:fixed;top:0;left:0;right:0}@keyframes shimmer-banner{0%{background-position:0%}to{background-position:200%}}.demo-banner__icon{font-size:1rem}.app-layout{min-height:100vh;display:flex}.app-layout--demo{padding-top:36px}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:100;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar--demo{top:36px}.sidebar__logo{padding:var(--space-6) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.sidebar__logo-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);width:36px;height:36px;box-shadow:var(--shadow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-text{flex-direction:column;display:flex}.sidebar__logo-name{font-size:var(--font-size-base);color:var(--text-primary);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2}.sidebar__logo-tagline{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-3) var(--space-1);margin-top:var(--space-2);font-size:10px;font-weight:700}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;font-weight:500;display:flex;position:relative}.sidebar__nav-item:hover{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-subtle)}.sidebar__nav-item--active{color:var(--primary);background:var(--primary-light);border-color:#6366f133}.sidebar__nav-item--active:before{content:"";background:var(--primary);border-radius:var(--radius-full);width:3px;height:60%;position:absolute;top:50%;left:-3px;transform:translateY(-50%)}.sidebar__nav-item-icon{opacity:.8;flex-shrink:0;width:20px;height:20px}.sidebar__nav-item--active .sidebar__nav-item-icon{opacity:1}.sidebar__nav-item-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4}.sidebar__footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;display:flex}.sidebar__tenant{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar__tenant:hover{background:var(--bg-card)}.sidebar__tenant-avatar{background:var(--gradient-primary);border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--font-size-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__tenant-info{flex:1;overflow:hidden}.sidebar__tenant-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__tenant-plan{font-size:var(--font-size-xs);color:var(--text-muted)}.main-content{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;max-width:calc(100vw - var(--sidebar-width));flex-direction:column;flex:1;display:flex;overflow-x:hidden}.page-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:100%;display:flex}.page-header__title{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.025em;font-weight:700}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-body{padding:var(--space-8);gap:var(--space-6);flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card--glass{-webkit-backdrop-filter:blur(16px);background:#111827b3}.card--primary{background:var(--primary-light);border-color:#6366f133}.card__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.stat-card--primary:before{background:var(--gradient-primary)}.stat-card--accent:before{background:var(--gradient-accent)}.stat-card--success:before{background:linear-gradient(90deg, var(--success), #34d399)}.stat-card--warning:before{background:linear-gradient(90deg, var(--warning), #fbbf24)}.stat-card__icon{border-radius:var(--radius-lg);width:44px;height:44px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.stat-card--primary .stat-card__icon{background:var(--primary-light);color:var(--primary)}.stat-card--accent .stat-card__icon{background:var(--accent-light);color:var(--accent)}.stat-card--success .stat-card__icon{background:var(--success-light);color:var(--success)}.stat-card--warning .stat-card__icon{background:var(--warning-light);color:var(--warning)}.stat-card__value{font-size:var(--font-size-3xl);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:800;line-height:1}.stat-card__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.stat-card__trend{align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--font-size-xs);font-weight:600;display:flex}.stat-card__trend--up{color:var(--success)}.stat-card__trend--down{color:var(--danger)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-primary)}.btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 28px #6366f166}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn--danger{background:var(--danger-light);color:var(--danger);border-color:#ef444433}.btn--danger:hover{background:var(--danger);color:#fff}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--icon{padding:var(--space-2);aspect-ratio:1}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.5;display:inline-flex}.badge--success{background:var(--success-light);color:var(--success)}.badge--warning{background:var(--warning-light);color:var(--warning)}.badge--danger{background:var(--danger-light);color:var(--danger)}.badge--info{background:var(--info-light);color:var(--info)}.badge--primary{background:var(--primary-light);color:var(--primary)}.badge--accent{background:var(--accent-light);color:var(--accent)}.badge--muted{background:var(--bg-elevated);color:var(--text-secondary)}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:#f8fafc;font-weight:600}.form-label--required:after{content:" *";color:var(--danger)}.form-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--font-size-sm);width:100%;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-input::placeholder{color:#94a3b8}.form-input--error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.form-helper{font-size:var(--font-size-xs);color:#e2e8f0;font-weight:500;line-height:1.5}.form-helper--error{color:var(--danger)}.form-select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;width:100%;padding-right:36px}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--font-size-sm);resize:vertical;width:100%;min-height:100px;transition:all var(--transition-fast)}.api-alert{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:#f59e0b14;border:1px solid #f59e0b40;display:flex}.api-alert__icon{color:var(--warning);flex-shrink:0;margin-top:2px}.api-alert__content{flex:1}.api-alert__title{font-size:var(--font-size-sm);color:var(--warning);margin-bottom:var(--space-1);font-weight:700}.api-alert__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.api-alert__link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline}.table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border-default);overflow-x:auto}.table{border-collapse:collapse;background:var(--bg-card);width:100%}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border-default);font-weight:700}.table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-surface);color:var(--text-primary)}.table td strong{color:var(--text-primary);font-weight:600}.kanban{gap:var(--space-4);padding-bottom:var(--space-4);width:100%;min-width:0;max-width:100%;display:flex;overflow-x:auto}.kanban-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.kanban-column{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);flex-direction:column;flex:0 0 300px;display:flex;overflow:hidden}.kanban-column__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.kanban-column__title{font-size:var(--font-size-sm);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.kanban-column__count{font-size:var(--font-size-xs);color:#f8fafc;background:var(--bg-elevated);border-radius:var(--radius-full);padding:3px 10px;font-weight:700}.kanban-column__body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;min-height:200px;max-height:calc(100vh - 280px);display:flex;overflow-y:auto}.lead-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-2);flex-direction:column;display:flex}.lead-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:var(--bg-card-hover);transform:translateY(-2px)}.lead-card__name{color:#f8fafc;font-size:1.05rem;font-weight:700;line-height:1.3}.lead-card__company{color:#cbd5e1;font-size:.875rem;font-weight:500}.lead-card__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.settings-layout{gap:var(--space-6);grid-template-columns:220px 1fr;display:grid}.settings-nav{gap:var(--space-1);flex-direction:column;display:flex}.settings-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;font-weight:500;display:flex}.settings-nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.settings-nav-item--active{color:var(--primary);background:var(--primary-light);border-color:#6366f133}.settings-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6)}.settings-card__icon{background:var(--bg-elevated);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-card__desc{font-size:var(--font-size-sm);color:#e2e8f0;margin-top:var(--space-1);font-weight:450;line-height:1.5}.settings-card__desc code,.form-helper code,code{color:#38bdf8!important;background:#38bdf81f!important;border:1px solid #38bdf840!important;border-radius:4px!important;padding:2px 6px!important;font-family:monospace!important;font-size:.85em!important}.api-key-input .form-input{letter-spacing:.05em;font-family:Courier New,monospace;font-size:var(--font-size-xs);padding-right:48px}.api-key-toggle{right:var(--space-3);color:var(--text-muted);cursor:pointer;padding:var(--space-1);background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.auth-page{background:var(--bg-base);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#6366f11f 0%,#0000 70%);width:80%;height:80%;position:absolute;top:-40%;left:-20%}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(#22d3ee14 0%,#0000 70%);width:80%;height:80%;position:absolute;bottom:-40%;right:-20%}.auth-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-10);z-index:1;width:100%;max-width:440px;box-shadow:var(--shadow-lg);position:relative}.auth-box__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.auth-box__title{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.025em;margin-bottom:var(--space-2);font-weight:800}.auth-box__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-4) 0;color:var(--text-muted);font-size:var(--font-size-xs);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-footer a{color:var(--primary);font-weight:600}.empty-state{padding:var(--space-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{background:var(--bg-elevated);border-radius:var(--radius-2xl);width:80px;height:80px;margin-bottom:var(--space-5);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.empty-state__text{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:400px;margin-bottom:var(--space-6);line-height:1.6}.activity-feed{flex-direction:column;gap:0;display:flex}.activity-item{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);display:flex;position:relative}.activity-item:last-child{border-bottom:none}.activity-item__icon{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-item__content{flex:1}.activity-item__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.activity-item__text strong{color:var(--text-primary);font-weight:600}.activity-item__time{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);animation:fade-in var(--transition-fast);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slide-up var(--transition-base);overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.modal__close{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast);align-items:center;display:flex}.modal__close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);display:flex}.chart-container{width:100%;height:240px}.tabs{gap:var(--space-1);background:var(--bg-surface);border-radius:var(--radius-lg);width:fit-content;padding:4px;display:flex}.tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500}.tab:hover{color:var(--text-primary)}.tab--active{background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important;font-weight:700!important;box-shadow:0 2px 10px #6366f166!important}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-card-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-bar{max-width:360px;position:relative}.search-bar__icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar .form-input{padding-left:calc(var(--space-3) + 20px + var(--space-2))}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9998;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg);align-items:flex-start;gap:var(--space-3);min-width:320px;max-width:440px;animation:toast-in var(--transition-base);display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){:root{--sidebar-width:72px}.sidebar__logo-text,.sidebar__nav-item span,.sidebar__section-label,.sidebar__tenant-info{display:none}.main-content{margin-left:72px}.page-body{padding:var(--space-4)}.settings-layout{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.auth-box{padding:var(--space-6)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000bf;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);flex-direction:column;width:100%;max-height:90vh;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 80px #000000b3,0 0 0 1px #6366f114}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.modal__close{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--danger-light);color:var(--danger);border-color:#ef44444d}.modal>div:not(.modal__header):not(.modal__footer){padding:var(--space-6);flex:1;overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;display:flex}.tabs{gap:var(--space-1);background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-1);border:1px solid var(--border-subtle);width:fit-content;display:flex}.tab{color:var(--text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:600}.tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.tab--active{background:var(--primary);color:#fff}.tab--active:hover{background:var(--primary-hover);color:#fff}.search-bar{align-items:center;display:flex;position:relative}.search-bar__icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}.search-bar .form-input{padding-left:calc(var(--space-3) + 16px + var(--space-2));min-width:220px}.form-textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);transition:var(--transition-fast);resize:vertical;box-sizing:border-box;min-height:100px;font-family:inherit;line-height:1.6}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-textarea::placeholder{color:var(--text-disabled)}.btn--danger{background:var(--danger-light);color:var(--danger);border:1px solid #ef444440}.btn--danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--icon{padding:var(--space-1);border-radius:var(--radius-md);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.settings-nav{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:var(--space-2);top:calc(50px + var(--space-4));position:sticky}.settings-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;width:100%;font-size:var(--font-size-sm);transition:var(--transition-fast);text-align:left;background:0 0;border:none;font-weight:500;display:flex}.settings-nav-item--active{background:var(--primary-light);color:var(--primary);font-weight:700}.settings-section{gap:var(--space-5);flex-direction:column;display:flex}.settings-section__title{font-size:var(--font-size-xl);color:var(--text-primary);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:800}.settings-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border-subtle)}.settings-card__header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.settings-card__icon{flex-shrink:0;font-size:1.5rem}.settings-card__title{color:var(--text-primary);font-weight:700;font-size:var(--font-size-base);margin-bottom:var(--space-1)}.settings-card__status{flex-shrink:0;margin-left:auto}.settings-form{gap:var(--space-4);flex-direction:column;display:flex}.settings-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.api-key-input{position:relative}.api-key-input .form-input{padding-right:calc(var(--space-4) + 24px + var(--space-2));font-family:monospace;font-size:var(--font-size-xs)}.api-key-toggle{right:var(--space-3);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.api-key-toggle:hover{color:var(--text-primary)}.badge--muted{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle)}.tutorial-overlay{z-index:9999;pointer-events:none;position:fixed;inset:0}.tutorial-overlay>*{pointer-events:auto}.tutorial-overlay__mask{cursor:pointer;width:100%;height:100%;position:fixed;inset:0}.tutorial-highlight{border:2px solid var(--primary);pointer-events:none;border-radius:12px;animation:2s ease-in-out infinite tutorialPulse;box-shadow:0 0 0 4px #6366f126,0 0 24px #6366f133,inset 0 0 0 1px #6366f114}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 4px #6366f126,0 0 24px #6366f133}50%{box-shadow:0 0 0 8px #6366f114,0 0 40px #6366f14d}}.tutorial-tooltip{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);z-index:10000;padding:0;animation:.3s cubic-bezier(.16,1,.3,1) tutorialTooltipIn;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #6366f11a}@keyframes tutorialTooltipIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tutorial-tooltip__header{padding:var(--space-5) var(--space-5) var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.tutorial-tooltip__category{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:var(--space-1);font-size:10px;font-weight:700;display:block}.tutorial-tooltip__title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:800;line-height:1.3}.tutorial-tooltip__close{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tutorial-tooltip__close:hover{background:var(--danger-light);color:var(--danger)}.tutorial-tooltip__desc{padding:0 var(--space-5);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.7}.tutorial-tooltip__progress{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0;display:flex}.tutorial-tooltip__progress-bar{background:var(--bg-elevated);border-radius:99px;flex:1;height:4px;overflow:hidden}.tutorial-tooltip__progress-fill{background:var(--gradient-primary);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.tutorial-tooltip__progress-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.tutorial-tooltip__nav{padding:var(--space-4) var(--space-5) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:600}.btn--ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.btn--ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.settings-layout{gap:var(--space-6);grid-template-columns:260px 1fr;align-items:start;display:grid}.settings-nav{gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-3);flex-direction:column;display:flex}.settings-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:500;display:flex}.settings-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-nav-item--active{color:var(--text-primary)!important;background:#6366f126!important;border-color:#6366f14d!important;font-weight:700!important}.settings-section{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.settings-section__title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:800}.settings-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.settings-card__title{font-size:var(--font-size-base);color:var(--text-primary);font-weight:700}.settings-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.provider-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.provider-card{background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.provider-card:hover{border-color:var(--primary)}.provider-card--active{border-color:var(--primary);background:#6366f11f}.api-key-input{width:100%;position:relative}.api-key-input input{width:100%!important;padding-right:40px!important}.api-key-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:10px;right:10px}.settings-form{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.settings-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%;display:grid}.settings-card__header{align-items:center;gap:var(--space-4);width:100%;display:flex}.settings-card__status{margin-left:auto}.campaign-card-layout{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);width:100%;display:flex}.campaign-stats-row{gap:var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap;width:100%;display:flex}.campaign-card-actions{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr 380px;display:grid}.quick-actions-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.two-col-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.three-col-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:900px){html,body{width:100%!important;overflow-x:hidden!important}.demo-banner{justify-content:space-between!important;align-items:center!important;padding:6px 12px!important;font-size:11px!important;line-height:1.3!important;display:flex!important;position:relative!important}.demo-banner__text{text-align:left!important;font-size:11px!important;display:block!important}.demo-banner__link{margin-left:4px!important;display:inline-block!important}.app-layout--demo{padding-top:0!important}.mobile-header{z-index:999!important;background:#0d1117!important;border-bottom:1px solid #1e2d40!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:10px 14px!important;display:flex!important;position:sticky!important;top:0!important}.mobile-header__toggle{color:#fff!important;cursor:pointer!important;background:#1a2233!important;border:1px solid #2d4163!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:8px 12px!important;font-size:14px!important;font-weight:700!important;display:flex!important}.mobile-header__title{color:#fff!important;font-size:16px!important;font-weight:800!important}.sidebar{color:#f8fafc!important;z-index:100000!important;background:#0d1117!important;border-right:1px solid #1e2d40!important;width:85vw!important;max-width:320px!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;transform:translate(-100%)!important;box-shadow:0 0 50px #000000e6!important}.sidebar--open{transform:translate(0)!important}.sidebar__mobile-close{color:#fff!important;cursor:pointer!important;background:#1a2233!important;border:1px solid #2d4163!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-left:auto!important;font-size:16px!important;font-weight:700!important;display:flex!important}.sidebar__logo-name{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;font-weight:800!important}.sidebar__logo-tagline{color:#94a3b8!important;font-size:12px!important}.sidebar__nav-item{color:#f8fafc!important;opacity:1!important;visibility:visible!important;border-radius:8px!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;display:flex!important}.sidebar__nav-item span{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important;visibility:visible!important;display:inline-block!important}.sidebar__nav-item svg{stroke:#818cf8!important;opacity:1!important;flex-shrink:0!important;display:block!important}.sidebar__nav-item--active{color:#fff!important;background:#6366f140!important;border-left:4px solid #6366f1!important;font-weight:700!important}.sidebar__nav-item--active span{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:700!important}.sidebar__nav-item--active svg{stroke:#a5b4fc!important}.sidebar__section-label{color:#a5b4fc!important;text-transform:uppercase!important;letter-spacing:.12em!important;padding:16px 14px 6px!important;font-size:11px!important;font-weight:800!important;display:block!important}.sidebar__tenant-name{color:#fff!important;font-size:14px!important;font-weight:700!important}.settings-layout{flex-direction:column!important;gap:14px!important;width:100%!important;max-width:100vw!important;display:flex!important}.settings-nav{-webkit-overflow-scrolling:touch!important;border-radius:var(--radius-lg)!important;scrollbar-width:none!important;flex-direction:row!important;gap:8px!important;width:100%!important;max-width:100vw!important;padding:6px 4px 10px!important;display:flex!important;overflow-x:auto!important}.settings-nav::-webkit-scrollbar{display:none!important}.settings-nav-item{white-space:nowrap!important;border:1px solid var(--border-default)!important;border-radius:99px!important;flex:none!important;padding:8px 12px!important;font-size:13px!important}.settings-section{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;min-height:0!important;overflow:hidden visible!important}.settings-form-row{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.settings-card__header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.settings-card__status{margin-left:0!important}.campaign-card-layout{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.campaign-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;display:grid!important}.campaign-card-actions{flex-flow:wrap!important;gap:8px!important;width:100%!important;margin-top:10px!important}.campaign-card-actions button{text-align:center!important;flex:calc(50% - 8px)!important;justify-content:center!important}.tutorial-step,.tutorial-card{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important}.tutorial-step span[style],.tutorial-step .badge,.tutorial-card span[style],.tutorial-card .badge{white-space:normal!important;word-break:break-word!important;max-width:100%!important;font-size:11px!important}.settings-layout>div:last-child{width:100%!important;max-width:100%!important;min-height:0!important;overflow:hidden auto!important}.settings-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 12px!important;overflow-x:hidden!important}.provider-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.provider-card{padding:10px 8px!important;font-size:12px!important}.api-alert{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;padding:12px!important}table{border-collapse:collapse!important;white-space:nowrap!important;width:100%!important}th,td{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;word-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important;padding:12px 14px!important;font-size:13px!important}.table-responsive,.data-table-container,.table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}div:has(>table){-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}.app-layout{flex-direction:column!important;width:100%!important;min-height:100vh!important;overflow-x:hidden!important}.main-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;margin-left:0!important;padding:14px 10px!important;overflow-x:hidden!important}.stats-grid,.dashboard-grid,.quick-actions-grid,.two-col-grid,.three-col-grid,.page-grid,.settings-grid,.settings-form-grid,.kanban-board,.grid-2,.grid-3,.grid-4{flex-direction:column!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;display:flex!important}.card,.stat-card,.kanban-column,.lead-card,.campaign-card,.call-card,.email-card,.contract-card,.report-card,.settings-card{box-sizing:border-box!important;word-break:normal!important;overflow-wrap:normal!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:14px 12px!important}.page-header{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;padding:14px 10px!important;display:flex!important}.page-header>div{width:100%!important}.page-header>div[style*=flex],.page-header>div[style*=gap]{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.page-header a,.page-header button{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important}.page-body{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:14px 10px!important;overflow-x:hidden!important}.page-body>*,.card>*,.settings-section>*,.settings-card>*,.settings-form>*,.modal__body>*,.modal-body>*{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.card>div[style*=flex],.card>div[style*=gap],.settings-section>div[style*=flex],.settings-section>div[style*=gap],.settings-card>div[style*=flex],.settings-card>div[style*=gap],.page-body>div[style*=flex],.page-body>div[style*=gap]{box-sizing:border-box!important;flex-wrap:wrap!important;max-width:100%!important}.form-input,.form-select,.form-textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=time],select,textarea,.form-group,.form-group select,.form-group input{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.settings-section>div:last-child,.settings-card>div:last-child{flex-wrap:wrap!important}.btn{box-sizing:border-box!important;white-space:normal!important;max-width:100%!important}.api-alert{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;padding:12px!important}.api-alert__content{word-break:break-word!important;width:100%!important}.api-alert ol,.api-alert ul{box-sizing:border-box!important;width:100%!important;padding-left:16px!important}.modal__body div[style*="width: 150"],.modal-body div[style*="width: 150"]{text-align:left!important;flex-shrink:1!important;width:auto!important;min-width:0!important}.modal-overlay,.modal-backdrop{z-index:100000!important}.modal,.modal-dialog,.modal-container,.modal-content,.modal__body,.modal-body{box-sizing:border-box!important;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100vw!important;max-height:90vh!important;margin:0!important;padding:16px 14px!important;position:fixed!important;inset:auto 0 0!important;overflow:hidden auto!important;box-shadow:0 -10px 40px #000000e6!important}.modal>*,.modal-dialog>*,.modal__body>*{box-sizing:border-box!important;max-width:100%!important}.tabs,.tab-list,.toggle-tabs{flex-wrap:wrap!important;gap:4px!important;width:100%!important;display:flex!important}.tab,.tab-button,.toggle-tab{text-align:center!important;flex:auto!important;padding:8px 10px!important;font-size:12px!important}.badge{white-space:normal!important;word-break:break-word!important}code{word-break:break-all!important;white-space:pre-wrap!important}.stat-card__value{word-break:break-word!important;font-size:1.25rem!important}.activity-item{flex-wrap:wrap!important}.activity-item__content{width:100%!important;min-width:0!important}.activity-item__text{word-break:break-word!important}}