@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--bg-secondary: #FAFAFA;--bg-elevated: #FFFFFF;--text-primary: #0A0A0A;--text-secondary: #525252;--text-tertiary: #A3A3A3;--border: #E5E5E5;--border-light: #F0F0F0;--accent: #3B82F6;--accent-dark: #2563EB;--accent-light: rgba(59, 130, 246, .1);--accent-muted: #525252;--dark: #0A0A0A;--success: #22C55E;--warning: #F97316;--whatsapp: #25D366;--instagram: #E4405F;--sms: #3B82F6;--email: #F59E0B;--web: #0A0A0A;--ease: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-xs: 11px;--font-sm: 13px;--font-base: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 48px;--font-4xl: 64px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--touch-target-min: 44px;--touch-target-sm: 36px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}@media (max-width: 1024px){:root{--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--font-3xl: 36px;--font-4xl: 48px}}@media (max-width: 768px){:root{--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 28px;--spacing-3xl: 40px;--font-2xl: 28px;--font-3xl: 32px;--font-4xl: 40px}}@media (max-width: 480px){:root{--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--font-4xl: 32px}}@media (max-width: 1024px){.hide-on-tablet{display:none!important}}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 769px){.show-on-mobile-only{display:none!important}}@media (min-width: 1025px){.show-on-tablet-only{display:none!important}}.responsive-container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media (max-width: 768px){.responsive-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.responsive-grid{display:grid;gap:var(--spacing-lg)}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.responsive-grid-4,.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.responsive-grid-4,.responsive-grid-3,.responsive-grid-2{grid-template-columns:1fr}}.responsive-flex{display:flex;gap:var(--spacing-md)}.responsive-flex-wrap{flex-wrap:wrap}@media (max-width: 768px){.responsive-flex-col-mobile{flex-direction:column}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (hover: none) and (pointer: coarse){.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.no-touch-hover:hover{transform:none!important;box-shadow:inherit!important}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap-balance{text-wrap:balance}.img-responsive{max-width:100%;height:auto}.img-cover{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.btn-responsive{width:100%;justify-content:center}.btn-group-responsive{flex-direction:column;width:100%}.btn-group-responsive>*{width:100%}}.scroll-smooth{scroll-behavior:smooth}.scroll-snap-x{scroll-snap-type:x mandatory;overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-snap-item{scroll-snap-align:start}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.safe-area-padding{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.safe-area-bottom{padding-bottom:max(var(--spacing-md),var(--safe-area-inset-bottom))}.vh-full{min-height:100vh;min-height:100dvh}.vh-screen{height:100vh;height:100dvh}.modal-responsive{max-width:min(90vw,600px);max-height:min(90vh,90dvh);overflow-y:auto}@media (max-width: 480px){.modal-responsive{max-width:100vw;max-height:100vh;max-height:100dvh;border-radius:0;margin:0}.modal-fullscreen-mobile{width:100%;height:100%;border-radius:0}}html,body{overflow-x:hidden;max-width:100vw}.heading-responsive{font-size:clamp(1.5rem,4vw + 1rem,3rem);line-height:1.2}.subheading-responsive{font-size:clamp(1rem,2vw + .5rem,1.5rem);line-height:1.4}.body-responsive{font-size:clamp(.875rem,1vw + .5rem,1rem);line-height:1.6}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;z-index:101}.logo-img{height:44px;width:auto;filter:brightness(0)}.logo-text{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.nav-links{display:flex;gap:32px}.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .15s}.nav-links a:hover{color:var(--accent)}.nav-cta{font-size:13px;font-weight:500;padding:8px 14px;background:var(--accent);color:#fff;border-radius:6px;transition:all .2s var(--ease)}.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}.nav-right{display:flex;align-items:center;gap:12px}.lang-toggle{font-size:12px;font-weight:600;padding:6px 10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s var(--ease)}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer;z-index:101;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.mobile-menu-toggle:hover{background:#0000000d}.mobile-menu-toggle svg{width:24px;height:24px;color:var(--text-primary)}.mobile-nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-menu{display:none;position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;height:100dvh;background:var(--bg);z-index:100;transform:translate(100%);transition:transform .3s var(--ease);flex-direction:column;box-shadow:-4px 0 24px #0000001a}.mobile-nav-menu.active{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.mobile-nav-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;color:var(--text-secondary);transition:all .2s;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-close:hover{background:#0000000d;color:var(--text-primary)}.mobile-nav-close svg{width:24px;height:24px}.mobile-nav-links{flex:1;padding:24px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.mobile-nav-links a{display:flex;align-items:center;padding:14px 16px;font-size:16px;font-weight:500;color:var(--text-primary);border-radius:12px;transition:all .2s}.mobile-nav-links a:hover,.mobile-nav-links a:active{background:var(--bg-secondary);color:var(--accent)}.mobile-nav-footer{padding:24px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.mobile-nav-footer .nav-cta{display:block;text-align:center;padding:14px 20px;font-size:15px}.mobile-nav-footer .lang-toggle{width:100%;padding:12px;text-align:center}@media (max-width: 1024px){.nav-inner{padding:0 20px}.nav-links{gap:24px}}@media (max-width: 768px){.nav-inner{height:70px;padding:0 16px}.logo-img{height:36px}.logo-text{font-size:20px}.nav-links,.nav-right .nav-cta,.nav-right .lang-toggle{display:none}.mobile-menu-toggle{display:flex}.mobile-nav-overlay{display:block}.mobile-nav-menu{display:flex}}@media (max-width: 480px){.nav-inner{height:64px}.logo-img{height:32px}.logo-text{font-size:18px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;border-radius:8px;transition:all .15s var(--ease);cursor:pointer}.btn-primary{padding:14px 24px;background:var(--accent);color:#fff;box-shadow:0 2px 8px #3b82f640}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 4px 16px #3b82f659;transform:translateY(-1px)}.btn-primary svg{width:14px;height:14px;transition:transform .15s}.btn-primary:hover svg{transform:translate(2px)}.btn-secondary{padding:14px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.btn-lg{padding:14px 28px;font-size:15px}@media (max-width: 768px){.btn{font-size:14px;border-radius:10px}.btn-primary,.btn-secondary{padding:12px 20px}.btn-lg{padding:14px 24px;font-size:15px}@media (hover: none){.btn-primary:hover,.btn-secondary:hover{transform:none}}}@media (max-width: 480px){.btn{font-size:14px;min-height:44px}.btn-primary,.btn-secondary{padding:12px 18px}.btn-lg{padding:14px 20px}.btn svg{width:16px;height:16px}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.kpi-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s var(--ease)}.kpi-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #3b82f61a}.kpi-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.kpi-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.kpi-icon svg{width:18px;height:18px}.kpi-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.kpi-value{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1;margin-bottom:8px}.kpi-skeleton{height:32px;width:80px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.kpi-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--text-tertiary)}.kpi-change svg{width:14px;height:14px}.kpi-change.positive{color:var(--success)}.kpi-change.negative{color:#ef4444}.kpi-change-label{color:var(--text-tertiary);margin-left:4px}.dashboard-content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.dashboard-column{display:flex;flex-direction:column;gap:24px}.activity-feed{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-light)}.activity-feed-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.activity-view-all{font-size:13px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;transition:color .15s}.activity-view-all:hover{color:var(--accent-dark)}.activity-feed-list{max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);transition:background .15s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--bg-secondary)}.activity-platform-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-platform-icon svg{width:18px;height:18px}.activity-platform-icon.whatsapp{background:#25d3661a;color:var(--whatsapp)}.activity-platform-icon.instagram{background:#e4405f1a;color:var(--instagram)}.activity-platform-icon.sms{background:#3b82f61a;color:var(--sms)}.activity-platform-icon.email{background:#f59e0b1a;color:var(--email)}.activity-platform-icon.default{background:var(--bg-secondary);color:var(--text-tertiary)}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.activity-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.activity-message{font-size:13px;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-feed-empty{padding:48px 20px;text-align:center}.activity-feed-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:16px}.activity-feed-empty p{font-size:14px;color:var(--text-secondary)}.activity-item-skeleton{display:flex;gap:12px;padding:16px 20px}.activity-skeleton-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-secondary);animation:shimmer 1.5s infinite}.activity-skeleton-content{flex:1}.activity-skeleton-name{height:14px;width:120px;background:var(--bg-secondary);border-radius:4px;margin-bottom:8px;animation:shimmer 1.5s infinite}.activity-skeleton-message{height:12px;width:200px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.appointments-widget{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.appointments-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-light)}.appointments-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.appointments-view-all{font-size:13px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer}.appointments-list{max-height:300px;overflow-y:auto}.appointment-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);transition:background .15s}.appointment-item:hover{background:var(--bg-secondary)}.appointment-time{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);min-width:140px}.appointment-time svg{width:14px;height:14px;color:var(--text-tertiary)}.appointment-service{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.appointment-contact{display:block;font-size:12px;color:var(--text-secondary)}.appointment-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;text-transform:capitalize}.status-confirmed{background:#22c55e1a;color:var(--success)}.status-pending{background:#f59e0b1a;color:var(--warning)}.status-cancelled{background:#ef44441a;color:#ef4444}.status-default{background:var(--bg-secondary);color:var(--text-tertiary)}.appointments-empty{padding:48px 20px;text-align:center}.appointments-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:16px}.appointments-empty p{font-size:14px;color:var(--text-secondary)}.appointment-item-skeleton{display:flex;gap:12px;padding:16px 20px}.appointment-skeleton-time{width:120px;height:14px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.appointment-skeleton-content{flex:1}.appointment-skeleton-service{height:14px;width:100px;background:var(--bg-secondary);border-radius:4px;margin-bottom:6px;animation:shimmer 1.5s infinite}.appointment-skeleton-contact{height:12px;width:80px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.platform-breakdown{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.platform-header{padding:20px;border-bottom:1px solid var(--border-light)}.platform-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.platform-list{padding:16px 20px}.platform-item{display:flex;align-items:center;gap:12px;padding:8px 0}.platform-label{display:flex;align-items:center;gap:8px;min-width:100px}.platform-name{font-size:13px;font-weight:500;color:var(--text-secondary)}.platform-bar-container{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.platform-bar{height:100%;border-radius:4px;transition:width .5s var(--ease-out)}.platform-percentage{font-size:13px;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.platform-empty{padding:48px 20px;text-align:center}.platform-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:16px}.platform-empty p{font-size:14px;color:var(--text-secondary)}.platform-item-skeleton{display:flex;align-items:center;gap:12px;padding:8px 0}.platform-skeleton-label{width:80px;height:14px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.platform-skeleton-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.platform-skeleton-pct{width:30px;height:14px;background:var(--bg-secondary);border-radius:4px;animation:shimmer 1.5s infinite}.appointment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:appointmentModalFadeIn .2s ease}@keyframes appointmentModalFadeIn{0%{opacity:0}to{opacity:1}}.appointment-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;position:relative;animation:appointmentModalSlideUp .3s ease;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}@keyframes appointmentModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.appointment-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header-content{display:flex;flex-direction:column;gap:8px}.modal-header-content h2{margin:0;font-size:20px;font-weight:600;color:#111827}.appointment-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;width:fit-content}.modal-close-btn{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modal-close-btn:hover{background:#e5e7eb}.modal-close-btn svg{width:18px;height:18px;color:#6b7280}.appointment-modal-message{display:flex;align-items:center;gap:10px;padding:12px 24px;font-size:14px;margin:0}.appointment-modal-message svg{width:18px;height:18px;flex-shrink:0}.appointment-modal-message.error{background:#fef2f2;color:#dc2626;border-bottom:1px solid #fecaca}.appointment-modal-message.success{background:#f0fdf4;color:#16a34a;border-bottom:1px solid #bbf7d0}.appointment-modal-content{padding:24px;overflow-y:auto;flex:1}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.detail-section-header svg{width:18px;height:18px;color:#6b7280}.detail-section-header h3{margin:0;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-section-content{padding-left:28px}.detail-primary{margin:0;font-size:16px;font-weight:500;color:#111827}.detail-secondary{margin:4px 0 0;font-size:14px;color:#6b7280;display:flex;align-items:center}.detail-notes{margin:0;font-size:14px;color:#374151;line-height:1.6;white-space:pre-wrap}.cancelled-info{background:#fef2f2;padding:16px;border-radius:12px;margin-top:20px}.cancelled-info .detail-section-header svg{color:#dc2626}.cancelled-info .detail-section-header h3{color:#dc2626}.edit-form,.cancel-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.reschedule-note{margin:0;font-size:13px;color:#6b7280;background:#f3f4f6;padding:12px 16px;border-radius:8px}.cancel-warning{margin:0;font-size:14px;color:#dc2626;font-weight:500;padding:12px 16px;background:#fef2f2;border-radius:8px;text-align:center}.appointment-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;gap:12px;flex-wrap:wrap}.footer-actions-left,.footer-actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn svg{width:16px;height:16px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover:not(:disabled){background:#2563eb}.action-btn.secondary{background:#e5e7eb;color:#374151}.action-btn.secondary:hover:not(:disabled){background:#d1d5db}.action-btn.danger{background:#dc2626;color:#fff}.action-btn.danger:hover:not(:disabled){background:#b91c1c}.action-btn.confirm{background:#ecfdf5;color:#059669}.action-btn.confirm:hover:not(:disabled){background:#d1fae5}.action-btn.complete{background:#f0fdf4;color:#16a34a}.action-btn.complete:hover:not(:disabled){background:#dcfce7}.action-btn.no-show{background:#fffbeb;color:#d97706}.action-btn.no-show:hover:not(:disabled){background:#fef3c7}.action-btn.email{background:#eff6ff;color:#2563eb}.action-btn.email:hover:not(:disabled){background:#dbeafe}.action-btn.edit{background:#f3f4f6;color:#374151}.action-btn.edit:hover:not(:disabled){background:#e5e7eb}.action-btn.reschedule{background:#faf5ff;color:#7c3aed}.action-btn.reschedule:hover:not(:disabled){background:#f3e8ff}.action-btn.cancel-apt{background:#fff1f2;color:#e11d48}.action-btn.cancel-apt:hover:not(:disabled){background:#ffe4e6}.action-btn.delete{background:#fef2f2;color:#dc2626}.action-btn.delete:hover:not(:disabled){background:#fee2e2}@media (max-width: 768px){.appointment-modal-overlay{padding:0;align-items:flex-end}.appointment-modal{max-width:100%;max-height:95vh;max-height:95dvh;border-radius:20px 20px 0 0;animation:appointmentModalSlideUpMobile .3s ease}@keyframes appointmentModalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.appointment-modal-header{padding:20px 20px 16px}.appointment-modal-content{padding:20px;max-height:calc(95vh - 200px);max-height:calc(95dvh - 200px)}.appointment-modal-footer{padding:16px 20px;flex-direction:column;align-items:stretch;gap:10px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.footer-actions-left,.footer-actions-right{justify-content:center;flex-wrap:wrap}.action-btn{flex:1;justify-content:center;min-width:90px;min-height:44px}.modal-close-btn{width:40px;height:40px}.detail-section-content{padding-left:0}.detail-primary{font-size:15px}.detail-secondary{font-size:13px}}@media (max-width: 480px){.appointment-modal{max-height:100vh;max-height:100dvh;border-radius:0}.appointment-modal-header{padding:16px}.appointment-modal-content{padding:16px;max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px)}.appointment-modal-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.modal-header-content h2{font-size:17px}.action-btn{padding:10px 12px;font-size:12px;min-height:44px}.action-btn svg{width:14px;height:14px}.footer-actions-left,.footer-actions-right{gap:6px}.detail-section{margin-bottom:20px}.detail-section-header{gap:8px;margin-bottom:8px}.detail-section-header h3{font-size:11px}.form-group input,.form-group textarea,.form-group select{padding:14px 16px;font-size:16px;border-radius:12px}.form-group textarea{min-height:120px}}@media (max-width: 768px){.bulk-selection-bar{flex-direction:column;gap:12px;padding:16px}.bulk-selection-actions{width:100%;flex-wrap:wrap;justify-content:center}.bulk-btn{flex:1;min-width:80px;justify-content:center;min-height:44px}}.bulk-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#eff6ff;border-radius:12px;margin-bottom:16px}.bulk-selection-info span{font-size:14px;font-weight:500;color:#1e40af}.bulk-selection-actions{display:flex;align-items:center;gap:8px}.bulk-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-btn svg{width:16px;height:16px}.bulk-btn.confirm-all:hover{background:#059669}.bulk-btn.cancel-all:hover{background:#dc2626}.bulk-btn.email-all:hover{background:#2563eb}.bulk-btn.clear:hover{background:#d1d5db}.day-detail-item.selectable{position:relative}.day-detail-item .selection-checkbox{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.day-detail-item .selection-checkbox.checked svg{color:#fff}.day-detail-item.selectable .detail-item-time{margin-left:28px}.dashboard-layout{display:flex;min-height:100vh;background:#f5f5f7}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;opacity:1;transition:opacity .3s var(--ease)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;display:flex;flex-direction:column;z-index:50;transition:transform .3s var(--ease),width .3s var(--ease);margin:12px;height:calc(100vh - 24px)}.sidebar-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:10px}.sidebar-logo-img{height:36px;width:auto;filter:brightness(0)}.sidebar-logo-text{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.sidebar-close-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .15s}.sidebar-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-close-btn svg{width:20px;height:20px}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.sidebar-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);border-radius:10px;font-size:14px;font-weight:500;transition:all .15s var(--ease);margin-bottom:4px;border:none;background:none;width:100%;text-align:left;cursor:pointer}.sidebar-nav-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav-link:hover{background:#0000000a;color:var(--text-primary)}.sidebar-nav-link.active{background:#3b82f61a;color:#2563eb}.sidebar-nav-link.active svg{color:#3b82f6}.sidebar-nav-featured{background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border:1px solid rgba(59,130,246,.15)}.sidebar-nav-featured:hover{background:linear-gradient(135deg,#3b82f61a,#3b82f626);border-color:#3b82f640}.sidebar-nav-group{margin-bottom:4px}.sidebar-nav-expandable{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);border-radius:10px;font-size:14px;font-weight:500;transition:all .15s var(--ease);border:none;background:none;width:100%;text-align:left;cursor:pointer}.sidebar-nav-expandable svg:first-child{width:20px;height:20px;flex-shrink:0}.sidebar-nav-expandable:hover{background:#0000000a;color:var(--text-primary)}.sidebar-nav-group.has-active>.sidebar-nav-expandable{color:#3b82f6}.sidebar-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s var(--ease);opacity:.5}.sidebar-nav-expandable.expanded .sidebar-chevron{transform:rotate(180deg)}.sidebar-dropdown{max-height:0;overflow:hidden;transition:max-height .2s var(--ease);padding-left:24px}.sidebar-dropdown.expanded{max-height:200px}.sidebar-dropdown-link{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-tertiary);font-size:13px;font-weight:500;border-radius:8px;transition:all .15s}.sidebar-dropdown-link:hover{color:var(--text-primary);background:#0000000a}.sidebar-dropdown-link.active{color:#2563eb;background:#3b82f61a}.sidebar-dropdown-dot{width:6px;height:6px;border-radius:50%;background:#00000026;flex-shrink:0}.sidebar-dropdown-link.active .sidebar-dropdown-dot{background:#3b82f6}.coming-soon-badge{font-size:10px;font-weight:600;padding:3px 8px;background:var(--bg-secondary);color:var(--text-tertiary);border-radius:100px;margin-left:auto;text-transform:uppercase;letter-spacing:.02em}.coming-soon-featured{background:var(--accent);color:#fff}.sidebar-footer{padding:16px;border-top:1px solid rgba(0,0,0,.06)}.lang-toggle-sidebar{font-size:11px;font-weight:600;padding:6px 10px;background:transparent;color:var(--text-tertiary);border:1px solid rgba(0,0,0,.08);border-radius:6px;cursor:pointer;transition:all .2s var(--ease);margin-bottom:12px}.lang-toggle-sidebar:hover{border-color:#3b82f6;color:#3b82f6}.sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;background:#0000000a;border-radius:12px;margin-bottom:12px}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;color:var(--text-primary);font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:none;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.sidebar-logout-btn svg{width:16px;height:16px}.sidebar-logout-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.dashboard-main{flex:1;margin-left:284px;min-height:100vh;display:flex;flex-direction:column}.dashboard-mobile-header{display:none;position:sticky;top:0;z-index:30;background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80;padding:12px 16px;align-items:center;justify-content:space-between}.sidebar-toggle-btn{background:none;border:none;padding:8px;cursor:pointer;color:#475569;border-radius:8px;transition:all .15s}.sidebar-toggle-btn:hover{background:#0000000a;color:#0f172a}.sidebar-toggle-btn svg{width:24px;height:24px}.dashboard-mobile-logo{display:flex;align-items:center;gap:8px}.logo-img-small{height:28px;width:auto;filter:brightness(0)}.dashboard-mobile-logo span{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;color:var(--text-primary)}.lang-toggle-mobile{font-size:11px;font-weight:600;padding:6px 10px;background:#fff9;color:#475569;border:1px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer;transition:all .15s}.lang-toggle-mobile:hover{background:#ffffffe6;color:#22c55e;border-color:#22c55e4d}.dashboard-content{flex:1;padding:24px;overflow:hidden;height:calc(100vh - 60px)}.dashboard-content:has(.dash-home){overflow:hidden;padding:20px}@media (max-width: 1200px){.sidebar{width:240px}.dashboard-main{margin-left:264px}.sidebar-nav-link{padding:10px 14px;font-size:13px}.sidebar-dropdown-link{padding:8px 14px;font-size:12px}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);width:280px;margin:0;height:100vh;height:100dvh;border-radius:0}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex}.dashboard-main{margin-left:0}.dashboard-mobile-header{display:flex}.dashboard-content{padding:20px;height:calc(100vh - 70px);height:calc(100dvh - 70px)}}@media (max-width: 768px){.sidebar{width:100%;max-width:320px}.dashboard-mobile-header{padding:10px 16px}.dashboard-content{padding:16px;height:calc(100vh - 60px);height:calc(100dvh - 60px)}.sidebar-nav-link{padding:14px 16px;font-size:15px}.sidebar-dropdown-link{padding:12px 16px;font-size:14px}.sidebar-user{padding:14px}.sidebar-logout-btn{padding:12px;font-size:14px}}@media (max-width: 480px){.sidebar{max-width:100%;width:100%}.dashboard-content{padding:12px;height:calc(100vh - 56px);height:calc(100dvh - 56px)}.dashboard-mobile-header{padding:8px 12px}.sidebar-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.logo-img-small{height:24px}.dashboard-mobile-logo span{font-size:16px}.lang-toggle-mobile{padding:8px 12px;font-size:12px}}@supports (padding: max(0px)){@media (max-width: 1024px){.sidebar,.dashboard-content{padding-bottom:max(16px,env(safe-area-inset-bottom))}}}.hero{position:relative;max-width:900px;margin:0 auto;padding:180px 24px 60px;text-align:center}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:24px 24px;opacity:.5;pointer-events:none;z-index:-1}.hero:after{content:"";position:absolute;top:10%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero-content{opacity:0;transform:translateY(20px);animation:fadeUp .6s var(--ease-out) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-logo{height:72px;width:auto;filter:brightness(0);margin-bottom:40px}.hero h1{font-size:72px;font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:28px;color:var(--text-primary)}.hero h1 span{color:var(--accent)}.hero-subtitle{font-size:20px;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto 40px}.hero-ctas{display:flex;justify-content:center;gap:16px}.hero-visual{opacity:0;animation:fadeUp .6s var(--ease-out) .15s forwards}.pipeline{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:32px}.pipeline-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;text-align:center}.pipeline-channels{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.channel{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);transition:all .2s var(--ease)}.channel svg{width:20px;height:20px}.channel:hover{border-color:var(--border);transform:translateY(-2px)}.channel.whatsapp:hover{color:var(--whatsapp)}.channel.instagram:hover{color:var(--instagram)}.channel.sms:hover{color:var(--sms)}.channel.email:hover{color:var(--email)}.channel.web:hover{color:var(--web)}.flow-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px}.flow-lines{display:flex;align-items:center;gap:8px}.flow-line{width:40px;height:1px;background:var(--border)}.flow-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:flowPulse 2s ease-in-out infinite}.flow-dot:nth-child(2){animation-delay:.3s}.flow-dot:nth-child(3){animation-delay:.6s}@keyframes flowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.flow-arrow{width:1px;height:20px;background:var(--border);position:relative}.flow-arrow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--border)}.ai-core{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.ai-core-box{width:100%;max-width:200px;padding:20px;background:var(--accent);border-radius:12px;text-align:center}.ai-core-label{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px}.ai-core-speed{font-size:11px;font-weight:500;color:#ffffffb3}.pipeline-outputs{display:flex;justify-content:center;gap:12px}.output{flex:1;max-width:100px;padding:14px 12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;text-align:center;transition:all .2s var(--ease)}.output:hover{border-color:var(--border)}.output-icon{font-size:18px;margin-bottom:6px}.output-label{font-size:11px;font-weight:500;color:var(--text-secondary)}.stats{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);padding:64px 24px}.stats-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:48px;opacity:0;transform:translateY(20px);transition:all .5s var(--ease-out)}.stats-inner.vis{opacity:1;transform:translateY(0)}.stat{text-align:center}.stat-value{font-size:40px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-tertiary)}.section{padding:100px 24px;max-width:1120px;margin:0 auto}.section-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.section-title{font-size:36px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px}.section-subtitle{font-size:16px;color:var(--text-secondary);max-width:420px}.section-header{text-align:center;margin-bottom:56px;opacity:0;transform:translateY(20px);transition:all .5s var(--ease-out)}.section-header.vis{opacity:1;transform:translateY(0)}.section-header .section-subtitle{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{padding:32px;background:var(--bg);border:2px solid var(--border-light);border-radius:20px;opacity:0;transform:translateY(20px);transition:all .3s var(--ease-out);transition-delay:calc(var(--i) * .08s)}.feature-card.vis{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 32px #3b82f61f;transform:translateY(-4px)}.feature-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,var(--accent-light) 0%,rgba(59,130,246,.15) 100%);border:1px solid rgba(59,130,246,.1)}.feature-stat-badge{display:flex;flex-direction:column;align-items:flex-end;padding:8px 12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;border:1px solid rgba(34,197,94,.2)}.feature-stat-value{font-size:20px;font-weight:700;color:#16a34a;letter-spacing:-.02em;line-height:1}.feature-stat-label{font-size:9px;font-weight:500;color:#15803d;text-transform:uppercase;letter-spacing:.02em;margin-top:2px;max-width:80px;text-align:right}.feature-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.02em}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.feature-bullets{display:flex;flex-direction:column;gap:8px}.feature-bullet{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-primary);padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.feature-bullet svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.feature-viz{margin-top:20px;height:48px;display:flex;align-items:center}.speed-bar{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.speed-bar-fill{height:100%;width:0%;background:var(--text-primary);border-radius:2px;transition:width 1.5s var(--ease-out)}.feature-card.vis .speed-bar-fill{width:95%}.calendar-mini{display:flex;gap:6px}.calendar-slot{width:32px;height:32px;border-radius:6px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-tertiary);opacity:0;transition:all .3s var(--ease-out)}.feature-card.vis .calendar-slot{opacity:1}.feature-card.vis .calendar-slot:nth-child(1){transition-delay:.1s}.feature-card.vis .calendar-slot:nth-child(2){transition-delay:.15s}.feature-card.vis .calendar-slot:nth-child(3){transition-delay:.2s}.feature-card.vis .calendar-slot:nth-child(4){transition-delay:.25s}.feature-card.vis .calendar-slot:nth-child(5){transition-delay:.3s}.calendar-slot.booked{background:var(--text-primary);color:#fff}.bars-mini{display:flex;align-items:flex-end;gap:6px;height:48px}.bar{width:28px;background:var(--bg-secondary);border-radius:4px;transition:height .8s var(--ease-out),background .3s}.feature-card.vis .bar:nth-child(1){height:48px;transition-delay:.1s}.feature-card.vis .bar:nth-child(2){height:32px;transition-delay:.2s}.feature-card.vis .bar:nth-child(3){height:20px;transition-delay:.3s}.feature-card.vis .bar:nth-child(4){height:36px;background:var(--success);transition-delay:.4s}.feature-card:not(.vis) .bar{height:8px!important}.channels-mini{display:flex;align-items:center;gap:8px}.channel-mini{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transform:translate(-8px);transition:all .3s var(--ease-out)}.feature-card.vis .channel-mini{opacity:1;transform:translate(0)}.feature-card.vis .channel-mini:nth-child(1){transition-delay:.1s}.feature-card.vis .channel-mini:nth-child(2){transition-delay:.15s}.feature-card.vis .channel-mini:nth-child(3){transition-delay:.2s}.feature-card.vis .channel-mini:nth-child(4){transition-delay:.25s}.channels-arrow{color:var(--text-tertiary);font-size:12px;opacity:0;transition:opacity .3s .3s}.feature-card.vis .channels-arrow{opacity:1}.unified-inbox{width:36px;height:36px;border-radius:8px;background:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transform:scale(.8);transition:all .3s var(--ease-out) .35s}.feature-card.vis .unified-inbox{opacity:1;transform:scale(1)}.how-section{background:transparent;padding-top:140px}.steps{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--bg);border:2px solid var(--border);border-radius:16px;opacity:0;transform:translateY(16px);transition:all .4s var(--ease-out),border-color .15s,box-shadow .15s;transition-delay:calc(var(--i) * .1s);box-shadow:0 2px 12px #0000000a}.step.vis{opacity:1;transform:translateY(0)}.step:hover{border-color:var(--border)}.step-num{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.step-content h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.step-content p{font-size:14px;color:var(--text-secondary);line-height:1.5}.integrations-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;opacity:0;transform:translateY(20px);transition:all .5s var(--ease-out);max-width:100%}.integrations-grid.vis{opacity:1;transform:translateY(0)}.integration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:var(--bg);border:2px solid var(--border-light);border-radius:16px;transition:all .2s var(--ease)}.integration img{width:48px;height:48px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:all .2s var(--ease)}.integration-name{font-size:13px;font-weight:500;color:var(--text-tertiary);transition:color .2s var(--ease)}.integration:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #3b82f61a}.integration:hover img{filter:grayscale(0%);opacity:1}.integration:hover .integration-name{color:var(--text-primary)}@media (max-width: 1024px){.integrations-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.integrations-grid{grid-template-columns:repeat(3,1fr);gap:12px}.integration{padding:20px 12px}.integration img{width:40px;height:40px}.integration-name{font-size:12px}}@media (max-width: 480px){.integrations-grid{grid-template-columns:repeat(2,1fr)}.integration{padding:16px 12px}}.cta-section{text-align:center;padding:100px 24px;max-width:1120px;margin:0 auto}.cta-inner{opacity:0;transform:translateY(20px);transition:all .5s var(--ease-out)}.cta-inner.vis{opacity:1;transform:translateY(0)}.cta-section h2{font-size:36px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px}.cta-section p{font-size:16px;color:var(--text-secondary);margin-bottom:28px}.cta-note{display:block;margin-top:12px;font-size:13px;color:var(--text-tertiary)}.footer{border-top:1px solid var(--border-light);padding:48px 24px 32px}.footer-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:48px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}.footer-brand p{font-size:13px;color:var(--text-tertiary);margin-top:12px}.footer-links{display:flex;gap:64px}.footer-col h4{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.footer-col a{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;transition:color .15s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1120px;margin:0 auto;padding-top:20px}.footer-bottom span{font-size:12px;color:var(--text-tertiary)}@media (max-width: 1024px){.hero{grid-template-columns:1fr;gap:48px;text-align:center;padding-top:120px}.hero h1{font-size:42px}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-visual{max-width:400px;margin:0 auto}}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:36px}.features-grid{grid-template-columns:1fr}.stats-inner{grid-template-columns:repeat(2,1fr);gap:32px}.stat-value{font-size:32px}.hero-ctas{flex-direction:column;align-items:center}.footer-inner{flex-direction:column;gap:32px}.footer-links{gap:40px}.section-title{font-size:28px}.pipeline{padding:24px 20px}.pipeline-channels{gap:8px}.channel{width:38px;height:38px}}@media (max-width: 480px){.stats-inner{grid-template-columns:1fr;gap:24px}.step{flex-direction:column;gap:12px}.pipeline-outputs{flex-wrap:wrap}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:#3b82f626}.dashboard-mockup{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000014,0 8px 24px #0000000a;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);transition:transform .4s var(--ease);animation:dashboardFloat 6s ease-in-out infinite}.dashboard-mockup:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}@keyframes dashboardFloat{0%,to{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateY(-8px)}}.dashboard-chrome{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.chrome-dots{display:flex;gap:6px}.bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px;width:340px;opacity:0;animation:bentoIn .6s var(--ease-out) .2s forwards}@keyframes bentoIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bento-card{background:#fff;border-radius:16px;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000000a;transition:all .2s var(--ease)}.bento-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.bento-main{grid-column:span 2;padding:24px;display:flex;justify-content:space-between;align-items:flex-end}.bento-stat{display:flex;flex-direction:column;gap:4px}.bento-stat-value{font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em}.bento-stat-label{font-size:13px;color:var(--text-tertiary)}.bento-bar-chart{display:flex;align-items:flex-end;gap:6px;height:60px}.bento-bar{width:8px;height:var(--h);background:var(--border);border-radius:4px;opacity:0;transform:scaleY(0);transform-origin:bottom;animation:barIn .4s var(--ease-out) var(--delay) forwards}.bento-bar.active{background:var(--accent)}@keyframes barIn{to{opacity:1;transform:scaleY(1)}}.bento-logo{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1d4ed8,#3b82f6);border:none}.bento-logo-inner{font-size:40px;font-weight:700;color:#fff;letter-spacing:-.02em}.bento-channels{aspect-ratio:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:16px}.bento-channel{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.bento-channel svg{width:20px;height:20px}.bento-channel.whatsapp{background:#25d366}.bento-channel.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaf45)}.bento-channel.sms{background:var(--accent)}.bento-conversion{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:4px}.bento-conversion-value{font-size:28px;font-weight:700;color:var(--success);letter-spacing:-.02em}.bento-conversion-label{font-size:12px;color:var(--text-tertiary)}.bento-status{padding:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.bento-status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dashboard-mockup-old{display:none;gap:0;padding:40px 32px}.flow-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:48px}.flow-column.center{flex-shrink:0;margin:0 12px}.flow-nodes{display:flex;flex-direction:column;gap:6px}.flow-nodes.outputs{gap:14px}.flow-nodes.actions-only{gap:10px}.flow-node.action-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d;opacity:0;transform:translate(10px) scale(.8);animation:actionIconIn .4s var(--ease-out) forwards;transition:all .2s var(--ease)}.flow-node.action-icon svg{width:18px;height:18px}.flow-node.action-icon:hover{transform:translate(0) scale(1.1);box-shadow:0 4px 16px #3b82f666}.flow-node.action-icon:nth-child(1){animation-delay:1.2s}.flow-node.action-icon:nth-child(2){animation-delay:1.35s}.flow-node.action-icon:nth-child(3){animation-delay:1.5s}@keyframes actionIconIn{to{opacity:1;transform:translate(0) scale(1)}}.flow-nodes.channels-only{gap:8px}.flow-node.channel-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;opacity:0;transform:translate(-10px) scale(.8);animation:channelIconIn .4s var(--ease-out) forwards;transition:all .2s var(--ease)}.flow-node.channel-icon svg{width:18px;height:18px}.flow-node.channel-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;box-shadow:0 2px 8px #25d3664d}.flow-node.channel-icon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaf45);color:#fff;border:none;box-shadow:0 2px 8px #e4405f4d}.flow-node.channel-icon.sms{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.flow-node.channel-icon.web{background:linear-gradient(135deg,#374151,#111827);color:#fff;border:none;box-shadow:0 2px 8px #0003}.flow-node.channel-icon:hover{transform:translate(0) scale(1.1);box-shadow:0 4px 16px #00000026}.flow-node.channel-icon:nth-child(1){animation-delay:.3s}.flow-node.channel-icon:nth-child(2){animation-delay:.45s}.flow-node.channel-icon:nth-child(3){animation-delay:.6s}.flow-node.channel-icon:nth-child(4){animation-delay:.75s}@keyframes channelIconIn{to{opacity:1;transform:translate(0) scale(1)}}.flow-node{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;opacity:0;transform:translate(-10px);animation:flowNodeIn .4s var(--ease-out) forwards;transition:all .2s var(--ease)}.flow-node:hover{border-color:var(--border);transform:translate(2px);box-shadow:0 2px 8px #0000000a}.flow-nodes.outputs .flow-node{transform:translate(10px)}.flow-nodes.outputs .flow-node:nth-child(1){animation-delay:1.2s}.flow-nodes.outputs .flow-node:nth-child(2){animation-delay:1.35s}.flow-nodes.outputs .flow-node:nth-child(3){animation-delay:1.5s}@keyframes flowNodeIn{to{opacity:1;transform:translate(0)}}.flow-node-icon-wrapper{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flow-node-icon-wrapper svg{width:14px;height:14px}.flow-node-icon-wrapper.action{background:var(--accent);color:#fff}.flow-node-text{font-size:11px;font-weight:500;color:var(--text-secondary)}.flow-node.action{background:linear-gradient(135deg,#3b82f614,#3b82f605);border-color:#3b82f633}.flow-node.action:hover{border-color:var(--accent);transform:translate(-2px);box-shadow:0 4px 12px #3b82f626}.flow-node.action .flow-node-text{color:var(--accent-dark);font-weight:600}.flow-lines-container{width:60px;height:180px;flex-shrink:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center}.flow-lines-container.input,.flow-lines-container.output{height:180px}.flow-lines-svg{width:100%;height:100%;overflow:visible;background:transparent}.flow-line{fill:none;stroke:var(--border);stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;animation:flowLineIn .8s var(--ease-out) forwards;opacity:.6}.flow-line.out{stroke:var(--border)}.flow-lines-container.input .flow-line:nth-child(1){animation-delay:.6s}.flow-lines-container.input .flow-line:nth-child(2){animation-delay:.7s}.flow-lines-container.input .flow-line:nth-child(3){animation-delay:.8s}.flow-lines-container.input .flow-line:nth-child(4){animation-delay:.9s}.flow-lines-container.output .flow-line:nth-child(1){animation-delay:1.3s}.flow-lines-container.output .flow-line:nth-child(2){animation-delay:1.4s}.flow-lines-container.output .flow-line:nth-child(3){animation-delay:1.5s}.flow-lines-container.output .flow-line:nth-child(4){animation-delay:1.6s}@keyframes flowLineIn{to{stroke-dashoffset:0}}.flow-particle,.flow-particle.out{fill:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.flow-ai-core{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);animation:flowCoreIn .6s var(--ease-out) forwards .9s}@keyframes flowCoreIn{to{opacity:1;transform:scale(1)}}.flow-ai-orbit{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;animation:orbitSpin 4s linear infinite}.flow-ai-orbit-dot{position:absolute;top:0;left:50%;width:6px;height:6px;margin-left:-3px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flow-ai-inner{display:flex;align-items:center;justify-content:center;width:68px;height:68px;background:linear-gradient(145deg,#1d4ed8,#3b82f6);border-radius:18px;box-shadow:0 6px 24px #3b82f666,0 2px 8px #1d4ed84d,inset 0 1px #fff3}.flow-ai-letter{font-size:30px;font-weight:700;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.15)}.logo-ticker{padding:48px 0 80px;border-bottom:1px solid var(--border-light);overflow:hidden;background:var(--bg)}.logo-ticker-label{text-align:center;font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px}.logo-ticker-track{display:flex;width:fit-content;animation:ticker 60s linear infinite}.logo-ticker-track:hover{animation-play-state:paused}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-logos{display:flex;gap:48px;padding:0 24px}.ticker-logo{height:28px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.4;transition:all .3s var(--ease)}.ticker-logo:hover{filter:grayscale(0%);opacity:1}.bento-features{padding:100px 24px;max-width:1200px;margin:0 auto}.bento-features-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:20px;opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out)}.bento-features-grid.vis{opacity:1;transform:translateY(0)}.bento-feature-card{background:#fff;border:1px solid var(--border-light);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .4s var(--ease)}.bento-feature-card:hover{border-color:var(--accent);box-shadow:0 20px 60px #3b82f61f;transform:translateY(-4px)}.bento-hero-card{grid-column:span 7;grid-row:span 2;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;padding:40px}.bento-hero-card:hover{box-shadow:0 24px 80px #00000040}.bento-card-glow{position:absolute;top:-50%;right:-30%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);pointer-events:none}.bento-card-content{position:relative;z-index:1}.bento-card-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:100px;font-size:12px;font-weight:600;color:#22c55e;margin-bottom:32px}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.bento-metric{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.bento-metric-value{font-size:72px;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}.bento-metric-unit{font-size:24px;font-weight:600;color:#fff9;text-transform:uppercase}.bento-metric-label{font-size:14px;color:#ffffff80;margin-bottom:32px}.bento-speed-bars{display:flex;flex-direction:column;gap:12px}.bento-speed-row{display:flex;align-items:center;gap:12px}.bento-speed-row>span:first-child{width:70px;font-size:12px;font-weight:500;color:#ffffff80}.bento-speed-row>span:last-child{width:40px;font-size:12px;font-weight:600;color:#fffc;text-align:right}.bento-speed-track{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.bento-speed-fill{height:100%;width:var(--w);background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;animation:barGrow 1s var(--ease-out) forwards;transform-origin:left}.bento-speed-fill.green{background:linear-gradient(90deg,#22c55e,#4ade80)}.bento-speed-fill.purple{background:linear-gradient(90deg,#a855f7,#c084fc)}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bento-card-title{font-size:24px;font-weight:700;color:#fff;margin-top:32px;margin-bottom:8px}.bento-card-desc{font-size:15px;color:#fff9;line-height:1.5}.bento-stat-card{grid-column:span 5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e33}.bento-stat-card:hover{border-color:#22c55e;box-shadow:0 20px 60px #22c55e26}.bento-stat-icon{font-size:32px;margin-bottom:12px}.bento-stat-value{font-size:48px;font-weight:800;color:#16a34a;letter-spacing:-.03em;line-height:1}.bento-stat-label{font-size:14px;font-weight:500;color:#15803d;margin-top:4px;margin-bottom:24px}.bento-stat-chart{display:flex;align-items:flex-end;gap:6px;height:80px;padding:0 20px}.bento-chart-bar{width:20px;height:var(--h);background:#22c55e33;border-radius:4px;transition:all .3s var(--ease)}.bento-chart-bar.highlight{background:linear-gradient(180deg,#22c55e,#16a34a)}.bento-channels-card{grid-column:span 5;background:#fff}.bento-channels-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.bento-channels-header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.bento-channels-count{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-light);padding:4px 10px;border-radius:100px}.bento-channels-icons{display:flex;gap:12px;margin-bottom:20px}.bento-channel-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s var(--ease)}.bento-channel-icon svg{width:22px;height:22px}.bento-channel-icon:hover{transform:translateY(-4px) scale(1.05)}.bento-channel-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.bento-channel-icon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcaf45)}.bento-channel-icon.sms{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bento-channel-icon.email{background:linear-gradient(135deg,#f59e0b,#d97706)}.bento-channel-icon.web{background:linear-gradient(135deg,#374151,#111827)}.bento-channels-desc{font-size:14px;color:var(--text-secondary)}.bento-calendar-card{grid-column:span 7;background:#fff}.bento-calendar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.bento-calendar-header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.bento-calendar-stat{text-align:right}.bento-calendar-stat .stat-num{font-size:24px;font-weight:800;color:var(--accent);display:block;line-height:1}.bento-calendar-stat .stat-text{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.bento-calendar-grid{display:flex;gap:12px;margin-bottom:20px}.bento-calendar-day{flex:1;padding:16px 12px;background:var(--bg-secondary);border-radius:14px;text-align:center;border:2px solid transparent;transition:all .3s var(--ease)}.bento-calendar-day.booked{background:var(--accent-light);border-color:var(--accent)}.day-label{font-size:12px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:10px}.bento-calendar-day.booked .day-label{color:var(--accent)}.day-slots{display:flex;flex-direction:column;gap:6px}.slot{height:8px;background:var(--border-light);border-radius:4px}.slot.filled{background:linear-gradient(90deg,var(--accent),var(--accent-dark))}.bento-calendar-features{display:flex;gap:16px}.bento-calendar-features span{font-size:13px;font-weight:500;color:var(--text-secondary)}.bento-recovery-card{grid-column:span 12;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b33;display:flex;flex-direction:column;gap:32px}.bento-recovery-card:hover{border-color:#f59e0b;box-shadow:0 20px 60px #f59e0b26}.bento-recovery-content{display:flex;align-items:flex-start;gap:20px}.bento-recovery-icon{width:56px;height:56px;background:#f59e0b33;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bento-recovery-icon svg{width:28px;height:28px;color:#b45309}.bento-recovery-text h3{font-size:20px;font-weight:700;color:#78350f;margin-bottom:8px}.bento-recovery-text p{font-size:15px;color:#92400e;line-height:1.5;max-width:500px}.bento-recovery-flow{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;background:#ffffff80;border-radius:16px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:8px}.flow-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s var(--ease)}.flow-icon.cold{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.flow-icon.ai{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.flow-icon.hot{background:linear-gradient(135deg,#fee2e2,#fecaca)}.flow-step span{font-size:12px;font-weight:600;color:#78350f}.flow-arrow{font-size:24px;color:#92400e;opacity:.5}@media (max-width: 1024px){.bento-features-grid{grid-template-columns:repeat(6,1fr)}.bento-hero-card,.bento-stat-card,.bento-channels-card,.bento-calendar-card,.bento-recovery-card{grid-column:span 6}}@media (max-width: 768px){.bento-features-grid{grid-template-columns:1fr;gap:16px}.bento-hero-card,.bento-stat-card,.bento-channels-card,.bento-calendar-card,.bento-recovery-card{grid-column:span 1}.bento-metric-value{font-size:48px}.bento-recovery-content{flex-direction:column}.bento-recovery-flow{flex-wrap:wrap;gap:16px}.flow-arrow{display:none}.bento-calendar-grid{flex-wrap:wrap}.bento-calendar-day{flex:1 1 calc(33% - 8px)}}.stacking-container{position:relative;height:400vh;overflow:visible}.stacking-header{position:sticky;top:80px;text-align:center;padding:40px 24px 32px;max-width:1120px;margin:0 auto;z-index:10}.stacking-header .section-subtitle{margin:0 auto}.stacking-card-stat-large{margin-bottom:24px}.stat-value-large{display:block;font-size:56px;font-weight:800;color:var(--accent);letter-spacing:-.03em;line-height:1}.stat-label-large{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-top:8px;text-transform:uppercase;letter-spacing:.05em}.viz-revenue-graph{width:100%;max-width:350px;height:auto}.viz-revenue-graph .revenue-line{stroke-dasharray:300;animation:drawLine 5s ease-out infinite}.viz-revenue-graph .revenue-fill{animation:fillIn 5s ease-out infinite}@keyframes drawLine{0%{stroke-dashoffset:300}40%,90%{stroke-dashoffset:0}to{stroke-dashoffset:300}}@keyframes fillIn{0%,10%{opacity:0}40%,90%{opacity:1}to{opacity:0}}.viz-leads{display:flex;flex-direction:column;gap:20px;width:100%;max-width:280px}.viz-leads-funnel{display:flex;flex-direction:column;align-items:center;gap:8px}.viz-funnel-stage{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border-light);transition:all .3s ease}.viz-funnel-stage.stage-1{width:100%}.viz-funnel-stage.stage-2{width:80%;background:#eff6ff;border-color:#3b82f633}.viz-funnel-stage.stage-3{width:60%;background:#f0fdf4;border-color:#10b9814d}.viz-funnel-count{font-size:22px;font-weight:700;color:var(--text-primary)}.viz-funnel-stage.stage-2 .viz-funnel-count{color:#2563eb}.viz-funnel-stage.stage-3 .viz-funnel-count{color:#059669}.viz-funnel-label{font-size:13px;color:var(--text-secondary)}.viz-funnel-arrow{font-size:16px;color:var(--text-muted);opacity:.5}.viz-leads-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#f0fdf4;border-radius:10px;border:1px solid rgba(34,197,94,.2);font-size:14px;font-weight:600;color:#15803d}.viz-badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.viz-integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.viz-integrations-grid .integration{padding:32px 24px}.viz-integrations-grid .integration img{width:56px;height:56px}.viz-integrations-grid .integration{animation:cardHighlight 4s infinite}.viz-integrations-grid .integration:nth-child(1){animation-delay:0s}.viz-integrations-grid .integration:nth-child(2){animation-delay:1s}.viz-integrations-grid .integration:nth-child(3){animation-delay:3s}.viz-integrations-grid .integration:nth-child(4){animation-delay:2s}@keyframes cardHighlight{0%,20%{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #3b82f61a}0%,20%{filter:grayscale(0%)}25%,to{border-color:var(--border-light);transform:translateY(0);box-shadow:none}}.viz-integrations-grid .integration img{animation:imgHighlight 4s infinite}.viz-integrations-grid .integration:nth-child(1) img{animation-delay:0s}.viz-integrations-grid .integration:nth-child(2) img{animation-delay:1s}.viz-integrations-grid .integration:nth-child(3) img{animation-delay:3s}.viz-integrations-grid .integration:nth-child(4) img{animation-delay:2s}@keyframes imgHighlight{0%,20%{filter:grayscale(0%);opacity:1}25%,to{filter:grayscale(100%);opacity:.6}}.viz-conversion{display:flex;flex-direction:column;gap:20px;width:100%;max-width:320px}.viz-conversion-bars{display:flex;flex-direction:column;gap:16px}.viz-conv-bar{position:relative;height:48px;background:#f5f5f5;border-radius:12px;overflow:hidden;display:flex;align-items:center;padding:0 16px}.viz-conv-bar.highlight{background:#eff6ff}.viz-conv-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#e5e5e5,#d4d4d4);border-radius:12px;z-index:0}.viz-conv-fill.before{animation:fillBefore 7s ease-out infinite}.viz-conv-fill.after{animation:fillAfter 7s ease-out infinite}.viz-conv-bar.highlight .viz-conv-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}@keyframes fillBefore{0%{width:0%}30%,90%{width:12%}to{width:0%}}@keyframes fillAfter{0%,15%{width:0%}45%,85%{width:100%}to{width:0%}}.viz-conv-label{position:relative;z-index:1;font-size:14px;font-weight:600;color:var(--text-secondary)}.viz-conv-bar.highlight .viz-conv-label{color:#fff}.viz-conv-value{position:relative;z-index:1;margin-left:auto;font-size:18px;font-weight:700;color:var(--text-primary)}.viz-conv-bar.highlight .viz-conv-value{color:var(--text-primary)}.viz-conversion-stats{display:flex;justify-content:center}.viz-conv-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;background:#f0fdf4;border-radius:12px;border:1px solid rgba(16,185,129,.2)}.viz-conv-stat-value{font-size:28px;font-weight:800;color:#059669}.viz-conv-stat-label{font-size:13px;color:#15803d;font-weight:500}.faq-section{padding:100px 24px;max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:56px}.faq-header .section-subtitle{margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:all .2s var(--ease)}.faq-item:hover{border-color:var(--border)}.faq-item.open{border-color:var(--accent);box-shadow:0 4px 24px #3b82f614}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit}.faq-question-text{font-size:16px;font-weight:500;color:var(--text-primary)}.faq-icon{width:24px;height:24px;border-radius:6px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease);flex-shrink:0}.faq-icon svg{width:14px;height:14px;color:var(--text-tertiary);transition:transform .3s var(--ease)}.faq-item.open .faq-icon{background:var(--accent)}.faq-item.open .faq-icon svg{color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.faq-item.open .faq-answer{max-height:300px}.faq-answer-content{padding:0 24px 20px;font-size:15px;color:var(--text-secondary);line-height:1.7}.feature-card:hover{border-color:var(--accent);box-shadow:0 8px 32px #3b82f61a;transform:translateY(-2px) scale(1.01)}.step:hover{border-color:var(--accent);box-shadow:0 8px 24px #3b82f61f;transform:translateY(-2px)}.step:hover .step-num{background:var(--accent);color:#fff}.integration:hover{border-color:var(--accent);transform:translateY(-2px)}.ai-core-box{width:100%;max-width:200px;padding:20px;background:var(--dark);border-radius:12px;text-align:center}@media (max-width: 1024px){.stacking-card{grid-template-columns:1fr;height:auto;padding:32px}.stacking-card-visual{display:none}.stacking-cards,.stacking-container{height:auto}.stacking-wrapper{position:relative;height:auto;padding:40px 24px}.dashboard-mockup{transform:none;animation:none}.dashboard-mockup:hover{transform:none}}@media (max-width: 768px){.dashboard-stats{flex-wrap:wrap}.dashboard-stat{flex:1 1 calc(50% - 6px)}.stacking-card-title{font-size:22px}.stacking-card-icon{width:48px;height:48px;font-size:20px}.faq-question{padding:16px 20px}.faq-question-text{font-size:15px}.faq-answer-content{padding:0 20px 16px;font-size:14px}.ticker-logos{gap:32px}.ticker-logo{height:24px}}@media (max-width: 480px){.dashboard-stat{flex:1 1 100%}.dashboard-stat-value{font-size:18px}.conversation-item{padding:8px 10px}.stacking-card{padding:24px}}@media (max-width: 768px){.hero{padding:120px 20px 40px}.hero-logo{height:48px;margin-bottom:24px}.hero h1{font-size:32px;margin-bottom:20px}.hero-subtitle{font-size:16px;margin-bottom:28px;padding:0 10px}.hero-ctas{flex-direction:column;gap:12px;padding:0 20px}.hero-ctas .btn{width:100%;justify-content:center}}@media (max-width: 480px){.hero{padding:100px 16px 32px}.hero-logo{height:40px;margin-bottom:20px}.hero h1{font-size:28px;line-height:1.15;margin-bottom:16px}.hero-subtitle{font-size:15px;line-height:1.5;margin-bottom:24px}}@media (max-width: 768px){.section{padding:60px 20px}.section-title{font-size:26px}.section-subtitle{font-size:14px}.section-header{margin-bottom:32px}}@media (max-width: 480px){.section{padding:48px 16px}.section-title{font-size:22px}.section-label{font-size:10px}}@media (max-width: 768px){.steps{gap:10px}.step{padding:20px;gap:16px}.step-num{width:28px;height:28px;font-size:12px}.step-content h3{font-size:14px}.step-content p{font-size:13px}}@media (max-width: 480px){.step{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.cta-section{padding:60px 20px}.cta-section h2{font-size:28px}.cta-section p{font-size:14px}}@media (max-width: 480px){.cta-section{padding:48px 16px}.cta-section h2{font-size:24px}.cta-section .btn{width:100%;justify-content:center}}@media (max-width: 768px){.footer{padding:32px 20px 24px}.footer-inner{flex-direction:column;gap:24px;padding-bottom:24px}.footer-brand{text-align:center}.footer-brand .logo{justify-content:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px}.footer-col{text-align:center}}@media (max-width: 480px){.footer{padding:24px 16px 20px}.footer-links{flex-direction:column;gap:24px}.footer-bottom{text-align:center}}@media (max-width: 768px){.plans-page{padding:120px 20px 40px}.plans-header h1{font-size:28px}.plans-header p{font-size:14px}.plans-grid{grid-template-columns:1fr;gap:20px;max-width:400px;margin:0 auto}.plan-card{padding:24px}.plan-price{font-size:32px}.plan-features li{font-size:13px}}@media (max-width: 480px){.plans-page{padding:100px 16px 32px}.plans-header h1{font-size:24px}.plan-card{padding:20px}.plan-cta{padding:14px 20px;font-size:14px}}@media (max-width: 768px){.nav-user-email,.nav-login{display:none}}@media (max-width: 480px){.btn{padding:12px 20px;font-size:14px}.btn-lg{padding:14px 24px;font-size:15px}}@media (hover: none) and (pointer: coarse){.feature-card:hover,.step:hover,.integration:hover{transform:none}.nav-links a,.footer-col a{padding:8px 4px}.faq-question{min-height:56px}}.dashboard-page{min-height:100vh;padding:140px 24px 80px;background:var(--bg);max-width:800px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:12px}.dashboard-header p{font-size:18px;color:var(--text-secondary)}.dashboard-subscription-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-light);border:1px solid var(--accent);border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--accent-dark);margin:0 auto 40px;display:flex;width:fit-content}.subscription-status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.dashboard-coming-soon{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:60px 40px;text-align:center}.coming-soon-icon{font-size:48px;margin-bottom:20px}.dashboard-coming-soon h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.dashboard-coming-soon p{font-size:16px;color:var(--text-secondary);max-width:400px;margin:0 auto}.dashboard-blocked{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.dashboard-blocked-icon{font-size:64px;margin-bottom:24px}.dashboard-blocked h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.dashboard-blocked p{font-size:18px;color:var(--text-secondary);margin-bottom:32px;max-width:400px}.plans-page{min-height:100vh;padding:140px 24px 80px;background:var(--bg)}.plans-header{text-align:center;max-width:600px;margin:0 auto 60px}.plans-header h1{font-size:40px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:16px}.plans-header p{font-size:18px;color:var(--text-secondary);line-height:1.6}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto}.plan-card{position:relative;background:var(--bg);border:2px solid var(--border);border-radius:24px;padding:40px;display:flex;flex-direction:column;transition:all .3s var(--ease)}.plan-card:hover{border-color:var(--border);box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.plan-card-featured{border-color:var(--accent);background:linear-gradient(to bottom,rgba(59,130,246,.03),transparent)}.plan-card-featured:hover{border-color:var(--accent);box-shadow:0 16px 50px #3b82f626}.plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.plan-card-header{margin-bottom:24px}.plan-card-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.plan-description{font-size:14px;color:var(--text-secondary);line-height:1.5}.plan-pricing{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.plan-price{font-size:48px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.plan-period{font-size:16px;font-weight:500;color:var(--text-tertiary);margin-left:4px}.plan-price-setup{margin-bottom:8px}.plan-setup-amount{font-size:20px;font-weight:600;color:var(--text-secondary)}.plan-price-monthly{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.plan-then{font-size:14px;color:var(--text-tertiary);margin-right:4px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:14px;flex:1;margin-bottom:32px}.plan-features li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.plan-features li svg{width:20px;height:20px;flex-shrink:0;color:var(--success);margin-top:1px}.plan-cta{width:100%;padding:16px 24px;font-size:15px;font-weight:600;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease);display:flex;align-items:center;justify-content:center;min-height:56px}.plan-cta:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.plan-cta:disabled{opacity:.7;cursor:not-allowed}.plan-cta-featured{background:var(--accent);border-color:var(--accent);color:#fff}.plan-cta-featured:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-loading{display:flex;align-items:center;justify-content:center}.spinner-small{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;gap:24px}.plans-header h1{font-size:32px}.plans-header p{font-size:16px}.plan-card{padding:32px 24px}.plan-price{font-size:40px}}@media (max-width: 480px){.plans-page{padding:120px 16px 60px}.plans-header h1{font-size:28px}.plan-card{padding:24px 20px}.plan-card-header h2{font-size:20px}.plan-price{font-size:36px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dashboard-mockup{transform:none;animation:none}.logo-ticker-track{animation:none}}.legal-page{min-height:calc(100vh - 80px);padding:120px 24px 60px;background:var(--bg)}.legal-container{max-width:800px;margin:0 auto}.legal-container h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.legal-updated{font-size:.875rem;color:var(--text-tertiary);margin-bottom:40px}.legal-section{margin-bottom:40px}.legal-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.legal-section p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.legal-section ul,.legal-section ol{margin:16px 0;padding-left:24px}.legal-section li{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.legal-section a{color:var(--accent);text-decoration:underline}.legal-section a:hover{color:var(--accent-dark)}.deletion-options{display:grid;gap:24px;margin:24px 0}.deletion-option{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.deletion-option h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.deletion-option p{margin-bottom:12px}.deletion-option ol{margin:12px 0 0}.deletion-option a{color:var(--accent);font-weight:500}.deletion-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:16px}.deletion-form .form-group{margin-bottom:20px}.deletion-form label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.deletion-form input,.deletion-form textarea{width:100%;padding:12px 16px;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-primary);transition:border-color .2s}.deletion-form input:focus,.deletion-form textarea:focus{outline:none;border-color:var(--accent)}.deletion-form input:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.deletion-form textarea{resize:vertical;min-height:100px}.deletion-form .form-hint{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.deletion-form .form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.deletion-form .btn{width:100%}.deletion-success{text-align:center;padding:60px 24px}.deletion-success .success-icon{width:80px;height:80px;margin:0 auto 24px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.deletion-success .success-icon svg{width:40px;height:40px;stroke:var(--success)}.deletion-success h2{font-size:1.5rem;margin-bottom:12px}.deletion-success p{max-width:400px;margin:0 auto 24px}.deletion-success .success-note{font-size:.875rem;color:var(--text-tertiary)}.deletion-success .btn{margin-top:24px}@media (max-width: 768px){.legal-page{padding:100px 16px 40px}.legal-container h1{font-size:1.75rem}.legal-section h2{font-size:1.125rem}.deletion-option,.deletion-form{padding:20px}}.nav-login{font-size:13px;font-weight:500;padding:8px 14px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s var(--ease)}.nav-login:hover{color:var(--accent)}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.auth-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;position:relative;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease)}.auth-modal-close:hover{background:var(--border-light)}.auth-modal-close svg{width:16px;height:16px;stroke:var(--text-secondary)}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-logo{width:48px;height:48px;margin-bottom:16px}.auth-modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.auth-modal-header p{font-size:14px;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:500;color:var(--text-primary)}.auth-field input{padding:12px 14px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;transition:all .2s var(--ease);background:#fff}.auth-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.auth-field input::placeholder{color:var(--text-tertiary)}.auth-submit{margin-top:8px;padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s var(--ease)}.auth-submit:hover{background:var(--accent-dark);transform:translateY(-1px)}.verification-code-input{text-align:center;font-size:22px!important;font-weight:600!important;letter-spacing:6px;font-family:Space Grotesk,monospace}.verification-code-input::placeholder{letter-spacing:6px;color:var(--text-tertiary)}.auth-resend-btn{width:100%;padding:12px;margin-top:12px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease)}.auth-resend-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.auth-resend-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.auth-social{display:flex;gap:12px}.auth-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--border-light);border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease)}.auth-social-btn:hover{background:var(--bg-secondary);border-color:var(--border)}.auth-social-btn svg{width:18px;height:18px}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{font-size:14px;color:var(--text-secondary)}.auth-switch button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;font-size:14px}.auth-switch button:hover{text-decoration:underline}.auth-forgot-link{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:0;text-align:right;margin-top:-8px;margin-bottom:8px}.auth-forgot-link:hover{text-decoration:underline}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;background:var(--bg-secondary)}.reset-password-card{background:#fff;border-radius:16px;padding:48px 40px;width:100%;max-width:440px;box-shadow:0 4px 24px #00000014;text-align:center}.reset-password-card .auth-logo{width:56px;height:56px;margin-bottom:24px}.reset-password-card h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.reset-password-card>p{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.reset-password-card .auth-form{text-align:left}.reset-password-card .auth-message{text-align:left;margin-bottom:24px}.reset-loading{padding:40px 0;display:flex;justify-content:center}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.section-loading{min-height:300px;display:flex;align-items:center;justify-content:center}.modal-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-loading .spinner{border-color:#fff3;border-top-color:#fff}.reset-invalid{display:flex;flex-direction:column;gap:24px;align-items:center}.reset-invalid .auth-message{width:100%}.reset-invalid .btn{width:100%;justify-content:center}.reset-back-link{margin-top:24px;text-align:center}.reset-back-link a{color:var(--accent);font-size:14px;font-weight:500}.reset-back-link a:hover{text-decoration:underline}@media (max-width: 480px){.reset-password-page{padding:100px 16px 40px}.reset-password-card{padding:32px 24px}.reset-password-card h1{font-size:20px}}.auth-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-message svg{width:18px;height:18px;flex-shrink:0}.auth-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.auth-error svg{stroke:#dc2626}.auth-success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.auth-success svg{stroke:#16a34a}.auth-field input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-social-btn:disabled{opacity:.7;cursor:not-allowed}.nav-user-email{font-size:13px;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.auth-modal-overlay{padding:0;align-items:flex-end}.auth-modal{max-width:100%;max-height:95vh;max-height:95dvh;border-radius:20px 20px 0 0;padding:32px 24px;animation:authSlideUpMobile .3s ease}@keyframes authSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{width:40px;height:40px}.auth-modal-header{margin-bottom:24px}.auth-field input{padding:14px 16px;font-size:16px;border-radius:10px}.auth-submit{padding:16px 24px;font-size:16px;min-height:52px}.auth-social{flex-direction:column}.auth-social-btn{padding:14px 16px;font-size:15px}}@media (max-width: 480px){.auth-modal{padding:24px 20px;max-height:100vh;max-height:100dvh;border-radius:0;padding-bottom:max(24px,env(safe-area-inset-bottom))}.auth-modal-header h2{font-size:20px}.auth-modal-header p{font-size:13px}.auth-logo{width:44px;height:44px}.auth-field label{font-size:14px}.auth-divider{margin:20px 0}.auth-switch{margin-top:20px}.nav-user-email{display:none}}.onboarding-page{min-height:100vh;padding:120px 24px 60px;background:var(--bg-secondary)}.onboarding-container{max-width:800px;margin:0 auto}.onboarding-header{text-align:center;margin-bottom:40px}.onboarding-header h1{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.onboarding-header p{font-size:16px;color:var(--text-secondary)}.onboarding-progress{margin-bottom:48px;padding:0 20px}.progress-track{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:700px;margin:0 auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.step-circle{width:40px;height:40px;border-radius:50%;background:transparent;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-tertiary);transition:all .3s var(--ease);position:relative;z-index:1}.step-circle span{line-height:1}.step-circle svg{width:18px;height:18px}.progress-connector{flex:1;height:2px;background:var(--border);margin-top:19px;min-width:30px;max-width:80px;transition:background .3s var(--ease)}.progress-connector.filled{background:var(--accent)}.progress-step.active .step-circle{border-color:var(--accent);color:var(--accent);background:#6366f11a;box-shadow:0 0 0 4px #6366f126}.progress-step.completed .step-circle{background:var(--accent);border-color:var(--accent);color:#fff}.step-label{font-size:11px;color:var(--text-tertiary);text-align:center;transition:color .3s var(--ease);max-width:70px;line-height:1.3}.progress-step.active .step-label{color:var(--accent);font-weight:600}.progress-step.completed .step-label{color:var(--text-secondary);font-weight:500}.onboarding-error{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:24px;color:#dc2626;font-size:14px}.onboarding-error svg{width:20px;height:20px;flex-shrink:0}.onboarding-content{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px 40px 40px}.step-header{text-align:center;margin-bottom:32px}.step-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}.step-icon svg{width:32px;height:32px;stroke:#fff}.step-header h2{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.step-header p{font-size:15px;color:var(--text-secondary)}.onboarding-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group label .required{color:#dc2626;margin-left:2px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text-primary);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group textarea{min-height:100px;resize:vertical}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.step-actions-right{display:flex;gap:12px}.btn-back{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s var(--ease)}.btn-back:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.btn-back svg{width:16px;height:16px}.btn-skip{padding:12px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color .2s var(--ease)}.btn-skip:hover{color:var(--text-primary)}.btn-next{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer;transition:all .2s var(--ease)}.btn-next:hover{background:var(--accent-dark)}.btn-next:disabled{opacity:.6;cursor:not-allowed}.btn-next svg{width:16px;height:16px}.onboarding-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-tertiary)}.timezone-selector{margin-bottom:32px}.hours-grid{display:flex;flex-direction:column;gap:8px;margin-top:24px}.hours-header{display:grid;grid-template-columns:100px 80px 1fr 1fr 40px;align-items:center;gap:12px;padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.hours-row,.day-row{display:grid;grid-template-columns:100px 80px 1fr 1fr 40px;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:10px}.hours-row.closed,.day-row.closed{opacity:.6}.hours-row select{padding:8px 12px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer}.hours-row select:disabled{opacity:.5;cursor:not-allowed}.toggle-btn{padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:all .2s var(--ease)}.toggle-btn:hover{border-color:var(--text-tertiary)}.toggle-btn.active{color:var(--success);background:#22c55e1a;border-color:#22c55e4d}.copy-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s var(--ease);color:var(--text-tertiary)}.copy-btn:hover{background:var(--bg);border-color:var(--border);color:var(--accent)}.copy-btn svg{width:16px;height:16px}.step-form{display:flex;flex-direction:column;gap:24px}.day-name{font-weight:500;color:var(--text-primary)}.day-hours{display:flex;align-items:center;gap:12px}.day-hours input[type=time]{padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.day-hours span{color:var(--text-secondary)}.day-toggle{display:flex;align-items:center;gap:8px}.day-toggle label{font-size:13px;color:var(--text-secondary)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.copy-hours-btn{margin-top:16px;padding:10px 16px;font-size:13px;color:var(--accent);background:var(--accent-light);border:none;border-radius:8px;cursor:pointer;transition:all .2s var(--ease)}.copy-hours-btn:hover{background:#3b82f633}.services-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;transition:border-color .2s var(--ease)}.service-item:hover{border-color:var(--border)}.service-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.service-info p{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.service-meta{display:flex;gap:16px;font-size:13px;color:var(--text-tertiary)}.service-meta span{display:flex;align-items:center;gap:4px}.service-actions{display:flex;gap:8px}.service-actions button{padding:8px 12px;font-size:13px;border-radius:8px;cursor:pointer;transition:all .2s var(--ease)}.btn-edit{color:var(--accent);background:var(--accent-light);border:none}.btn-edit:hover{background:#3b82f633}.btn-delete{color:#dc2626;background:#ef44441a;border:none}.btn-delete:hover{background:#ef444433}.add-item-form{padding:24px;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;margin-bottom:24px}.add-item-form h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.add-item-actions{display:flex;gap:12px;margin-top:20px}.btn-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;font-size:14px;font-weight:500;color:var(--accent);background:var(--accent-light);border:2px dashed var(--accent);border-radius:12px;cursor:pointer;transition:all .2s var(--ease)}.btn-add:hover{background:#3b82f626}.btn-add svg{width:18px;height:18px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px}.faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.faq-item{padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px}.faq-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.faq-question{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.faq-answer{font-size:14px;color:var(--text-secondary);line-height:1.6}.faq-category{display:inline-block;margin-top:8px;padding:4px 10px;font-size:12px;color:var(--accent);background:var(--accent-light);border-radius:20px}.faq-tips{margin-top:32px;padding:20px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:12px}.faq-tips h4{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.faq-tips ul{list-style:none;display:flex;flex-direction:column;gap:8px}.faq-tips li{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative}.faq-tips li:before{content:"•";position:absolute;left:6px;color:var(--accent)}.ai-config-section{margin-bottom:32px}.ai-config-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.tone-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tone-option{padding:16px;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s var(--ease);text-align:center}.tone-option:hover{border-color:var(--text-tertiary)}.tone-option.selected{border-color:var(--accent);background:var(--accent-light)}.tone-option h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.tone-option p{font-size:12px;color:var(--text-secondary)}.feature-toggles{display:flex;flex-direction:column;gap:16px}.feature-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:10px}.feature-toggle-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.feature-toggle-info p{font-size:13px;color:var(--text-secondary)}.handoff-triggers{margin-top:24px}.handoff-triggers h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.trigger-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.trigger-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px}.trigger-tag button{background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center}.trigger-tag button:hover{color:#dc2626}.add-trigger{display:flex;gap:8px}.add-trigger input{flex:1}.accounts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.account-card{padding:24px;border:1px solid var(--border);border-radius:16px;transition:all .2s var(--ease)}.account-card:hover{border-color:var(--text-tertiary);box-shadow:0 4px 12px #0000000d}.account-card.connected{border-color:var(--success);background:#22c55e08}.account-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.account-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.account-icon.instagram{background:linear-gradient(135deg,#e4405f,#f77737)}.account-icon.whatsapp{background:#25d366}.account-icon.google{background:#fff;border:1px solid var(--border)}.account-icon svg,.account-icon img{width:24px;height:24px}.account-icon svg{color:#fff}.account-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.account-info p{font-size:13px;color:var(--text-secondary)}.account-status{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:16px;padding:8px 12px;border-radius:8px}.account-status.connected{color:var(--success);background:#22c55e1a}.account-status.disconnected{color:var(--text-tertiary);background:var(--bg-secondary)}.account-status svg{width:16px;height:16px}.btn-connect{width:100%;padding:12px;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s var(--ease)}.btn-connect.connect{color:#fff;background:var(--accent);border:none}.btn-connect.connect:hover{background:var(--accent-dark)}.btn-connect.disconnect{color:#dc2626;background:transparent;border:1px solid #dc2626}.btn-connect.disconnect:hover{background:#dc26261a}.connect-info{margin-top:32px;padding:16px 20px;background:var(--bg-secondary);border-radius:12px}.connect-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.connect-info p{font-size:13px;color:var(--text-secondary);line-height:1.6}.step-content{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid .full-width{grid-column:span 2}.service-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;transition:border-color .2s var(--ease)}.service-card:hover{border-color:var(--border)}.service-card .service-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.service-card .service-info p{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.service-price{font-weight:600;color:var(--accent)}.service-duration{color:var(--text-tertiary)}.service-form{padding:24px;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;margin-bottom:24px}.service-form h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.faq-card{padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;transition:border-color .2s var(--ease)}.faq-card:hover{border-color:var(--border)}.faq-card .faq-info{flex:1}.faq-card .faq-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.faq-card .faq-info p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.faq-form{padding:24px;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;margin-bottom:24px}.faq-form h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.faq-actions{display:flex;gap:8px;flex-shrink:0}.tips-box{margin-top:32px;padding:20px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:12px}.tips-box h4,.tips-box h5{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.tips-box ul{list-style:none;display:flex;flex-direction:column;gap:8px}.tips-box li{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative}.tips-box li:before{content:"•";position:absolute;left:6px;color:var(--accent)}.platforms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.platform-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:16px;transition:all .2s var(--ease);display:flex;flex-direction:column}.platform-card:hover{border-color:var(--text-tertiary);box-shadow:0 4px 12px #0000000d}.platform-card.connected{border-color:var(--success);background:#22c55e08}.platform-card .connected-badge{position:absolute;top:12px;right:12px;margin:0;padding:4px 8px;font-size:0}.platform-card .connected-badge svg{width:14px;height:14px}.platform-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.platform-icon.instagram{background:linear-gradient(135deg,#e4405f,#f77737)}.platform-icon.whatsapp{background:#25d366}.platform-icon.google{background:#fff;border:1px solid var(--border)}.platform-icon svg{width:24px;height:24px;color:#fff}.platform-info{margin-bottom:16px;flex:1}.platform-info h3,.platform-info h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.platform-info p{font-size:13px;color:var(--text-secondary)}.platforms-list{display:flex;flex-direction:column;gap:16px}.oauth-status-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:12px;margin-bottom:20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.oauth-status-banner.success{background:linear-gradient(135deg,#22c55e1a,#22c55e26);border:1px solid rgba(34,197,94,.3)}.oauth-status-banner.error{background:linear-gradient(135deg,#ef44441a,#ef444426);border:1px solid rgba(239,68,68,.3)}.oauth-status-content{display:flex;align-items:center;gap:12px}.oauth-status-content svg{width:20px;height:20px;flex-shrink:0}.oauth-status-banner.success .oauth-status-content svg{color:#16a34a}.oauth-status-banner.error .oauth-status-content svg{color:#dc2626}.oauth-status-content span{font-size:14px;font-weight:500}.oauth-status-banner.success .oauth-status-content span{color:#15803d}.oauth-status-banner.error .oauth-status-content span{color:#b91c1c}.oauth-status-close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.oauth-status-close:hover{opacity:1}.oauth-status-close svg{width:16px;height:16px}.oauth-status-banner.success .oauth-status-close svg{color:#15803d}.oauth-status-banner.error .oauth-status-close svg{color:#b91c1c}.platform-card-v2{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg);border:1px solid var(--border);border-radius:16px;transition:all .2s var(--ease)}.platform-card-v2:hover{border-color:var(--text-tertiary);box-shadow:0 4px 16px #0000000f}.platform-card-v2.connected{border-color:var(--success);background:linear-gradient(135deg,#22c55e08,#22c55e14)}.platform-card-left{display:flex;align-items:center;gap:16px}.platform-logo{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.platform-logo svg{width:56px;height:56px}.platform-details h4{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.platform-details p{font-size:14px;color:var(--text-secondary);line-height:1.4}.platform-details .platform-username{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0;font-size:13px;font-weight:500;color:var(--success);background:none;border-radius:0}.platform-details .platform-username svg{width:14px;height:14px}.platform-card-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.connected-status{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--success);background:#22c55e1a;border-radius:20px}.connected-status svg{width:14px;height:14px}.platform-card-v2 .btn-connect{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer;transition:all .2s var(--ease)}.platform-card-v2 .btn-connect:hover{background:var(--accent-dark);transform:translateY(-1px)}.platform-card-v2 .btn-connect:disabled{opacity:.6;cursor:not-allowed;transform:none}.platform-card-v2 .btn-connect svg{width:16px;height:16px}.btn-disconnect{padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-tertiary);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s var(--ease)}.btn-disconnect:hover{color:#dc2626;border-color:#dc26264d;background:#dc26260d}.platform-username-old{display:inline-block;margin-top:8px;padding:4px 10px;font-size:12px;color:var(--accent);background:var(--accent-light);border-radius:20px}.platform-action{width:100%;margin-top:auto}.connected-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;color:var(--success);background:#22c55e1a;border-radius:20px;margin-bottom:12px}.connected-badge svg{width:16px;height:16px}.connection-summary{margin-top:32px;padding:20px;background:var(--bg-secondary);border-radius:12px;text-align:center}.connection-summary h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.summary-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:24px;margin:0 auto 12px;color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border)}.summary-badge svg{width:18px;height:18px}.summary-badge.connected,.summary-badge.has-connections{color:var(--success);background:#22c55e1a;border-color:#22c55e33}.summary-badge.pending{color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border)}.summary-note{font-size:13px;color:var(--text-tertiary);margin-top:8px}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;font-size:14px;font-weight:500;color:var(--accent);background:var(--accent-light);border:2px dashed var(--accent);border-radius:12px;cursor:pointer;transition:all .2s var(--ease)}.add-item-btn:hover{background:#3b82f626}.add-item-btn svg{width:18px;height:18px}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s var(--ease)}.icon-btn:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.icon-btn svg{width:16px;height:16px;color:var(--text-secondary)}.icon-btn.danger:hover{background:#dc26261a;border-color:#dc2626}.icon-btn.danger:hover svg{color:#dc2626}.input-with-prefix{display:flex;align-items:stretch}.input-with-prefix .prefix{display:flex;align-items:center;padding:0 12px;font-size:15px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-right:none;border-radius:10px 0 0 10px}.input-with-prefix input{flex:1;border-radius:0 10px 10px 0!important}.helper-text{font-size:12px;color:var(--text-tertiary);margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:20px}.action-right{display:flex;gap:12px}.toggles-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.toggles-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.toggle-label{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:10px;cursor:pointer;transition:background .2s var(--ease)}.toggle-label:hover{background:var(--border-light)}.toggle-label input[type=checkbox]{display:none}.toggle-label .toggle-switch{position:relative;width:44px;height:24px;background:var(--border);border-radius:24px;transition:background .3s var(--ease);flex-shrink:0;order:-1}.toggle-label .toggle-switch:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .3s var(--ease)}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--accent)}.toggle-label input[type=checkbox]:checked+.toggle-switch:before{transform:translate(20px)}.toggle-label .toggle-text{flex:1;display:flex;flex-direction:column;gap:2px}.toggle-label .toggle-text strong{font-size:14px;font-weight:600;color:var(--text-primary)}.toggle-label .toggle-text small{font-size:13px;color:var(--text-secondary)}.toggle-label .toggle-text h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.toggle-label .toggle-text p{font-size:13px;color:var(--text-secondary)}.btn-ghost{padding:12px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color .2s var(--ease)}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:13px}.spinner-sm{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:60px 20px}.form-error{padding:12px 16px;font-size:14px;color:#dc2626;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:20px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #dc26261a}.error-text{font-size:12px;color:#dc2626;margin-top:4px}@media (max-width: 768px){.onboarding-page{padding:100px 16px 40px}.onboarding-header h1{font-size:28px}.onboarding-content{padding:16px 24px 24px}.onboarding-progress{margin-bottom:32px;padding:0 8px}.progress-track{max-width:100%}.step-circle{width:32px;height:32px;font-size:12px}.progress-connector{min-width:16px;max-width:40px;margin-top:15px}.step-label{display:none}.form-row,.form-grid{grid-template-columns:1fr}.form-group.full-width,.form-grid .full-width{grid-column:span 1}.step-actions{flex-direction:column;gap:12px}.step-actions-right,.action-right{width:100%;flex-direction:column}.btn-back,.btn-skip,.btn-next,.btn-ghost,.btn-primary,.btn-secondary{width:100%;justify-content:center}.hours-header{display:none}.hours-row,.day-row{grid-template-columns:1fr;gap:12px}.hours-row .day-name{font-size:15px;font-weight:600}.hours-row select{width:100%}.hours-row .copy-btn{display:none}.day-hours{flex-wrap:wrap}.tone-selector,.accounts-grid,.platforms-grid{grid-template-columns:1fr}.platform-card-v2{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.platform-card-left{width:100%}.platform-card-right{width:100%;justify-content:space-between}.platform-card-v2 .btn-connect{flex:1;width:100%}.toggle-label{flex-direction:column;align-items:flex-start;gap:12px}.toggle-label .toggle-switch{align-self:flex-end}}@media (max-width: 480px){.onboarding-header h1{font-size:24px}.step-circle{width:28px;height:28px;font-size:11px}.progress-connector{min-width:12px;max-width:28px;margin-top:13px}.step-circle svg{width:14px;height:14px}.step-header h2{font-size:20px}.onboarding-content{padding:12px 16px 20px}.service-item,.service-card{flex-direction:column;align-items:flex-start;gap:12px}.service-actions,.faq-actions{width:100%}.service-actions button,.faq-actions button{flex:1}.faq-item-header,.faq-card{flex-direction:column}.faq-card .faq-actions{margin-top:12px}.account-card,.platform-card{padding:20px}.form-actions{flex-direction:column}.form-actions button{width:100%}.connection-summary{padding:16px}.summary-badge{display:flex;margin:4px 0}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.stat-card:hover{border-color:#0000001f;box-shadow:0 4px 12px #00000014}.stat-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:20px;height:20px}.stat-card-icon.blue{background:#6366f126;color:#6366f1}.stat-card-icon.purple{background:#8b5cf626;color:#8b5cf6}.stat-card-icon.green{background:#22c55e26;color:#22c55e}.stat-card-icon.orange{background:#f59e0b26;color:#f59e0b}.stat-card-info{display:flex;flex-direction:column;min-width:0}.stat-card-value{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.2}.stat-card-label{font-size:13px;color:#6b7280;margin-top:2px}.dashboard-grid-main{display:grid;grid-template-columns:2fr 1fr;gap:16px}.dashboard-grid-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.dashboard-panel{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000a}.dashboard-panel:hover{border-color:#0000001f;box-shadow:0 4px 12px #00000014}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.panel-badge{background:#6366f133;color:#818cf8;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.chart-panel{min-height:320px}.chart-wrapper{width:100%}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:12px}.chart-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.chart-legend .dot{width:8px;height:8px;border-radius:50%}.platforms-panel{display:flex;flex-direction:column}.platforms-list{display:flex;flex-direction:column;gap:14px;flex:1}.platform-row{display:flex;align-items:center;gap:12px}.platform-info{display:flex;align-items:center;gap:8px;min-width:90px}.platform-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.platform-name{font-size:13px;color:#374151}.platform-bar-wrapper{flex:1;height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.platform-bar{height:100%;border-radius:3px;transition:width .3s ease}.platform-percent{font-size:12px;font-weight:600;color:#6b7280;min-width:36px;text-align:right}.messages-panel .messages-list{display:flex;flex-direction:column;gap:10px}.message-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;transition:background .2s ease}.message-row:hover{background:#f3f4f6}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.message-info{flex:1;min-width:0;display:flex;flex-direction:column}.message-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;width:100%}.message-name{font-size:13px;font-weight:500;color:#1a1a1a!important;display:inline-block}.message-time{font-size:11px;color:#9ca3af!important;display:inline-block;flex-shrink:0}.message-preview{font-size:12px;color:#6b7280!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.appointments-panel .appointments-list{display:flex;flex-direction:column;gap:10px}.appointment-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;transition:background .2s ease}.appointment-row:hover{background:#f3f4f6}.appointment-date{display:flex;flex-direction:column;align-items:center;padding:6px 10px;background:#6366f11a;border-radius:8px;min-width:44px}.apt-day{font-size:16px;font-weight:700;color:#818cf8;line-height:1}.apt-month{font-size:10px;color:#818cf8b3;text-transform:uppercase;margin-top:2px}.appointment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.apt-client{font-size:13px;font-weight:500;color:#1a1a1a!important;display:block}.apt-service{font-size:11px;color:#6b7280!important;display:block}.apt-badge{font-size:10px;font-weight:600;padding:4px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.apt-badge.confirmed{background:#22c55e26;color:#22c55e}.apt-badge.pending{background:#f59e0b26;color:#f59e0b}.quick-stats-panel{display:flex;flex-direction:column}.quick-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.quick-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:#f9fafb;border-radius:8px;text-align:center}.quick-stat-value{font-size:20px;font-weight:700;color:#1a1a1a}.quick-stat-label{font-size:11px;color:#6b7280;margin-top:4px}@media (max-width: 1200px){.dashboard-grid-main{grid-template-columns:1fr}.dashboard-grid-bottom{grid-template-columns:1fr 1fr}.quick-stats-panel{grid-column:span 2}.quick-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid-bottom{grid-template-columns:1fr}.quick-stats-panel{grid-column:span 1}.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-header{flex-direction:column;gap:16px}.dashboard-header-right{width:100%}.dashboard-select{flex:1}.stats-row{grid-template-columns:1fr}.stat-card{padding:16px}.stat-card-value{font-size:20px}.dashboard-panel{padding:16px}.chart-panel{min-height:280px}}.dash-home{height:calc(100vh - 40px);display:flex;flex-direction:column;gap:16px;padding:0;overflow:hidden}.dash-home.dash-loading{align-items:center;justify-content:center}.dash-loader{display:flex;flex-direction:column;align-items:center;gap:16px}.dash-loader p{font-size:14px;color:var(--text-tertiary)}.dash-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dash-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dash-header-left h1{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.dash-subtitle{font-size:13px;color:var(--text-tertiary)}.dash-header-right{display:flex;align-items:center;gap:10px}.time-selector{display:flex;background:var(--bg-secondary);border-radius:8px;padding:3px}.time-btn{padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:none;border:none;border-radius:5px;cursor:pointer;transition:all .15s}.time-btn:hover{color:var(--text-primary)}.time-btn.active{background:var(--bg);color:var(--text-primary);box-shadow:0 1px 3px #0000000f}.refresh-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.refresh-icon-btn svg{width:16px;height:16px}.refresh-icon-btn:hover{border-color:var(--accent);color:var(--accent)}.refresh-icon-btn:disabled{opacity:.5;cursor:not-allowed}.dash-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;flex-shrink:0}.dash-kpi-row .kpi-card{padding:16px;border-radius:12px}.dash-kpi-row .kpi-header{margin-bottom:12px}.dash-kpi-row .kpi-icon{width:32px;height:32px;border-radius:8px}.dash-kpi-row .kpi-icon svg{width:16px;height:16px}.dash-kpi-row .kpi-value{font-size:26px;margin-bottom:4px}.dash-main-grid{display:grid;grid-template-columns:1fr 280px;gap:14px;flex:1;min-height:0}.dash-chart-section,.dash-side-section{display:flex;flex-direction:column;min-height:0}.dash-card{background:var(--bg);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light)}.dash-card-header h3{font-size:13px;font-weight:600;color:var(--text-primary)}.dash-chart-card{flex:1;display:flex;flex-direction:column}.dash-chart-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary)}.legend-dot.messages{background:var(--accent)}.dash-area-chart{flex:1;padding:10px;min-height:0}.chart-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:13px}.chart-tooltip{background:var(--text-primary);padding:8px 12px;border-radius:6px}.chart-tooltip-label{font-size:11px;color:var(--text-tertiary);margin-bottom:2px}.chart-tooltip-value{font-size:13px;font-weight:600;color:#fff}.dash-platform-card{flex:1;display:flex;flex-direction:column;padding:14px 16px}.dash-platform-card h3{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.dash-platform-content{display:flex;flex-direction:column;gap:14px;flex:1}.dash-donut-container{width:100%;height:120px;display:flex;align-items:center;justify-content:center}.donut-skeleton{width:110px;height:110px;border-radius:50%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.donut-empty{width:110px;height:110px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:24px}.dash-platform-list{display:flex;flex-direction:column;gap:8px}.platform-row{display:flex;align-items:center;gap:8px;font-size:12px}.platform-indicator{width:8px;height:8px;border-radius:2px;flex-shrink:0}.platform-name{color:var(--text-secondary);text-transform:capitalize;flex:1}.platform-value{color:var(--text-primary);font-weight:500}.dash-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex-shrink:0;max-height:180px}.dash-feed-card{display:flex;flex-direction:column;overflow:hidden}.dash-feed-list{flex:1;overflow:hidden}.feed-skeleton{height:48px;margin:8px 12px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.feed-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-light);transition:background .1s}.feed-item:last-child{border-bottom:none}.feed-item:hover{background:var(--bg-secondary)}.feed-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-icon svg{width:16px;height:16px}.feed-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.feed-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-preview{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-time{font-size:10px;color:var(--text-tertiary);flex-shrink:0}.feed-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:12px;padding:20px}.dash-appts-card{display:flex;flex-direction:column;overflow:hidden}.dash-appts-list{flex:1;overflow:hidden}.appt-skeleton{height:44px;margin:8px 12px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-light) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.appt-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-light)}.appt-item:last-child{border-bottom:none}.appt-time{display:flex;flex-direction:column;align-items:center;min-width:40px}.appt-day{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.appt-hour{font-size:12px;font-weight:600;color:var(--text-primary)}.appt-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.appt-service{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt-client{font-size:11px;color:var(--text-tertiary)}.appt-status{font-size:10px;flex-shrink:0}.appt-status.confirmed{color:var(--success)}.appt-status.scheduled{color:var(--text-tertiary)}.appts-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:12px;padding:20px}.dash-empty-state{display:flex;align-items:center;justify-content:center}.dash-empty-content{text-align:center;max-width:400px;padding:40px 20px}.dash-empty-icon{width:100px;height:100px;margin:0 auto 24px;color:var(--text-tertiary)}.dash-empty-icon svg{width:100%;height:100%}.dash-empty-content h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dash-empty-content>p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:32px}.dash-empty-hints{display:flex;flex-direction:column;gap:12px;text-align:left}.hint-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border:1px solid var(--border-light);border-radius:10px}.hint-number{width:24px;height:24px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hint-item span:last-child{font-size:13px;color:var(--text-secondary)}@media (max-width: 1024px){.dash-home{height:auto;min-height:100vh;overflow:auto;padding-bottom:20px}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}.dash-main-grid{grid-template-columns:1fr}.dash-bottom-row{grid-template-columns:1fr;max-height:none}.dash-chart-card{min-height:280px}.dash-platform-card{min-height:200px}}@media (max-width: 640px){.dash-header{flex-direction:column;align-items:flex-start;gap:12px}.dash-header-right{width:100%;justify-content:space-between}.dash-kpi-row{grid-template-columns:1fr}}.dashboard-home{max-width:1200px;margin:0 auto}.dashboard-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:32px}.dashboard-page-title h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.dashboard-welcome{font-size:14px;color:var(--text-secondary)}.dashboard-page-actions{display:flex;align-items:center;gap:12px}.dashboard-refresh-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dashboard-refresh-btn svg{width:18px;height:18px}.dashboard-refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.dashboard-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.time-range-selector{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:4px}.time-range-btn{padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.time-range-btn:hover{color:var(--text-primary)}.time-range-btn.active{background:var(--accent);color:#fff}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:40px}.coming-soon-content{text-align:center;max-width:500px}.coming-soon-icon-large{width:80px;height:80px;border-radius:24px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.coming-soon-icon-large svg{width:36px;height:36px;color:var(--text-secondary)}.coming-soon-featured-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f633);border-color:#3b82f64d}.coming-soon-featured-icon svg{color:var(--accent)}.coming-soon-page h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.coming-soon-page p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.coming-soon-badge-large{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.coming-soon-featured-badge{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:var(--accent);color:#fff}.ads-manager-page .ads-manager-desc{max-width:400px;margin:0 auto 32px}.ads-features-preview{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:32px;text-align:left}.ads-features-preview h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.ads-features-list{list-style:none}.ads-features-list li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:var(--text-secondary)}.ads-features-list li svg{width:18px;height:18px;color:var(--success);flex-shrink:0}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex}.dashboard-main{margin-left:0}.dashboard-mobile-header{display:flex}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-content{padding:16px}.dashboard-page-header{flex-direction:column;align-items:stretch}.dashboard-page-actions{justify-content:space-between}.kpi-grid{grid-template-columns:1fr;gap:12px}.kpi-card{padding:16px}.kpi-value{font-size:28px}.coming-soon-page{padding:24px}.coming-soon-page h1{font-size:24px}}@media (max-width: 480px){.time-range-selector{width:100%}.time-range-btn{flex:1;padding:8px 10px;font-size:12px}.activity-header{flex-direction:column;align-items:flex-start;gap:4px}.appointment-item{flex-direction:column;align-items:flex-start;gap:8px}.appointment-time{min-width:auto}}.sub-page .sub-page-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.sub-page-breadcrumb .breadcrumb-parent{color:var(--text-secondary);font-weight:500}.sub-page-breadcrumb .breadcrumb-separator{color:var(--text-tertiary)}.sub-page-breadcrumb .breadcrumb-current{color:var(--text-primary);font-weight:600}.sub-page .coming-soon-content{max-width:450px}.sub-page .coming-soon-icon-large{width:70px;height:70px;margin:0 auto 16px}.sub-page .coming-soon-icon-large svg{width:32px;height:32px}.sub-page h1{font-size:24px;margin-bottom:8px}.sub-page p{font-size:14px;line-height:1.6}@media (max-width: 768px){.sub-page-breadcrumb{font-size:13px;margin-bottom:20px}.sub-page .coming-soon-icon-large{width:60px;height:60px}.sub-page h1{font-size:20px}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.dashboard-stat-card{display:flex;flex-direction:column;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;transition:all .2s ease;position:relative;overflow:hidden}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.dashboard-stat-card.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.dashboard-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.dashboard-stat-card.teal:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.dashboard-stat-card.green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.dashboard-stat-card.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dashboard-stat-card.blue:hover{border-color:#3b82f6}.dashboard-stat-card.purple:hover{border-color:#8b5cf6}.dashboard-stat-card.teal:hover{border-color:#14b8a6}.dashboard-stat-card.green:hover{border-color:#22c55e}.dashboard-stat-card.orange:hover{border-color:#f59e0b}.dashboard-stat-card.highlight{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-color:#22c55e4d}.dashboard-stat-card.highlight:before{height:4px;background:linear-gradient(90deg,#22c55e,#16a34a,#15803d)}.dashboard-stat-card .stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.dashboard-stat-card .stat-card-icon svg{width:24px;height:24px}.dashboard-stat-card.blue .stat-card-icon{background:#3b82f626;color:#3b82f6}.dashboard-stat-card.purple .stat-card-icon{background:#8b5cf626;color:#8b5cf6}.dashboard-stat-card.teal .stat-card-icon{background:#14b8a626;color:#14b8a6}.dashboard-stat-card.green .stat-card-icon{background:#22c55e26;color:#22c55e}.dashboard-stat-card.orange .stat-card-icon{background:#f59e0b26;color:#f59e0b}.dashboard-stat-card .stat-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:4px}.dashboard-stat-card .stat-card-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:12px}.dashboard-stat-card .stat-card-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-light)}.dashboard-stat-card .stat-card-trend svg{width:14px;height:14px;flex-shrink:0}.dashboard-stat-card .stat-card-trend.positive{color:#22c55e}.dashboard-stat-card .stat-card-trend.negative{color:#ef4444}@media (max-width: 1200px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-stat-card{padding:20px}.dashboard-stat-card .stat-card-value{font-size:1.75rem}}@media (max-width: 600px){.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-stat-card{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px}.dashboard-stat-card .stat-card-icon{margin-bottom:0}.dashboard-stat-card .stat-card-value{font-size:1.5rem;margin-bottom:0;flex:1}.dashboard-stat-card .stat-card-label{width:100%;margin-bottom:8px;order:3}.dashboard-stat-card .stat-card-trend{width:100%;order:4;padding-top:12px}}.upcoming-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.upcoming-filters .filter-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upcoming-filters .filter-btn:hover{border-color:var(--accent);color:var(--text-primary)}.upcoming-filters .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.upcoming-filters .filter-btn svg{width:16px;height:16px}.upcoming-timeline{display:flex;flex-direction:column;gap:24px}.upcoming-timeline-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.upcoming-timeline-section .timeline-section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.upcoming-timeline-section .section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.upcoming-timeline-section .section-icon svg{width:20px;height:20px}.upcoming-timeline-section.today-section .section-icon{background:#3b82f626;color:#3b82f6}.upcoming-timeline-section.tomorrow-section .section-icon{background:#f59e0b26;color:#f59e0b}.upcoming-timeline-section.week-section .section-icon{background:#8b5cf626;color:#8b5cf6}.upcoming-timeline-section.later-section .section-icon{background:#6b728026;color:#6b7280}.upcoming-timeline-section .section-title{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.upcoming-timeline-section .section-count{background:var(--bg-primary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.upcoming-timeline-section .timeline-section-content{padding:12px;display:flex;flex-direction:column;gap:8px}.upcoming-appointment-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.upcoming-appointment-card:hover{border-color:var(--accent)}.upcoming-appointment-card.happening-now{border-color:#ef4444;background:#ef44440d}.upcoming-appointment-card.very-urgent{border-color:#f59e0b;background:#f59e0b08}.upcoming-appointment-card.urgent{border-color:#fbbf24}.upcoming-appointment-card .appointment-card-left{display:flex;align-items:center}.upcoming-appointment-card .appointment-time-block{text-align:center;min-width:80px}.upcoming-appointment-card .appointment-time{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.upcoming-appointment-card .appointment-date-small{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px}.upcoming-appointment-card .appointment-duration{display:block;font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;margin-top:6px}.upcoming-appointment-card .appointment-card-center{display:flex;flex-direction:column;gap:10px}.upcoming-appointment-card .appointment-service{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upcoming-appointment-card .service-name{font-weight:600;color:var(--text-primary);font-size:1rem}.upcoming-appointment-card .urgency-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.upcoming-appointment-card .urgency-badge.happening-now{background:#ef444426;color:#ef4444}.upcoming-appointment-card .urgency-badge.very-urgent{background:#f59e0b26;color:#f59e0b}.upcoming-appointment-card .urgency-badge.urgent{background:#fbbf2426;color:#d97706}.upcoming-appointment-card .appointment-client{display:flex;align-items:center;gap:10px}.upcoming-appointment-card .client-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#3b82f6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.upcoming-appointment-card .client-info{display:flex;flex-direction:column}.upcoming-appointment-card .client-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.upcoming-appointment-card .client-phone{font-size:.8rem;color:var(--text-secondary)}.upcoming-appointment-card .appointment-notes{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--text-secondary);padding:8px 12px;background:var(--bg-tertiary);border-radius:8px}.upcoming-appointment-card .appointment-notes svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;opacity:.5}.upcoming-appointment-card .appointment-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.upcoming-appointment-card .appointment-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600}.upcoming-appointment-card .appointment-status svg{width:14px;height:14px}.upcoming-appointment-card .appointment-status.status-confirmed{background:#22c55e26;color:#22c55e}.upcoming-appointment-card .appointment-status.status-scheduled{background:#3b82f626;color:#3b82f6}.upcoming-appointment-card .appointment-actions{display:flex;gap:8px}.upcoming-appointment-card .action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upcoming-appointment-card .action-btn:hover{border-color:var(--accent);color:var(--accent)}.upcoming-appointment-card .action-btn svg{width:16px;height:16px}.no-filtered-results{text-align:center;padding:40px 24px;color:var(--text-secondary)}.no-filtered-results button{margin-top:12px;padding:8px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer}@media (max-width: 1200px){.calendar-layout{grid-template-columns:1fr}.calendar-sidebar{max-height:400px}}@media (max-width: 1024px){.upcoming-stats,.completed-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.calendar-page-header,.upcoming-header,.completed-header{flex-direction:column;align-items:stretch}.calendar-container-wrapper{padding:12px}.calendar-stats-bar{gap:12px;padding:10px 12px}.calendar-title{font-size:16px;min-width:auto}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.day-appointment{display:none}.calendar-day.has-appointments:after{content:"";display:block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:4px auto 0}.timeline-card{flex-direction:column;gap:12px}.timeline-card-time{flex-direction:row;justify-content:flex-start;gap:8px}.upcoming-title,.completed-title{font-size:22px}.upcoming-title svg,.completed-title svg{width:26px;height:26px}}@media (max-width: 480px){.upcoming-stats,.completed-stats{grid-template-columns:1fr 1fr;gap:10px}.upcoming-stat-card,.completed-stat-card{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.upcoming-stat-card .stat-icon,.completed-stat-card .stat-icon-wrapper{width:40px;height:40px}.upcoming-stat-card .stat-value,.completed-stat-card .stat-value{font-size:24px}.calendar-stats-bar{flex-direction:column;gap:8px}.history-item{flex-wrap:wrap;gap:12px}.history-item-divider{display:none}.history-item-badge{position:absolute;top:12px;right:12px}.history-item{position:relative;padding-right:50px}}@media (max-width: 1024px){.pipeline-kanban{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.priority-overview{grid-template-columns:1fr}.qualified-value-summary{flex-direction:column}.value-summary-stats{width:100%;justify-content:space-around}.revenue-showcase{flex-direction:column}.revenue-stats{width:100%;justify-content:center}.revenue-stats.enhanced{grid-template-columns:repeat(2,1fr)}.milestone-content{flex-direction:column;align-items:stretch;gap:16px}.milestone-remaining{border-left:none;border-top:1px solid rgba(139,92,246,.2);padding-left:0;padding-top:16px;flex-direction:row;gap:8px;justify-content:center}.converted-quick-stats,.wins-cards.enhanced{grid-template-columns:1fr}}@media (max-width: 768px){.pipeline-header,.new-leads-header,.qualified-header,.converted-header{flex-direction:column;align-items:stretch}.pipeline-stats-bar{justify-content:center}.pipeline-stat-divider{display:none}.new-leads-stats-row{flex-direction:column}.new-leads-stat{min-width:auto}.value-summary-stats{flex-direction:column;gap:16px}.value-summary-progress{margin:0 auto}.time-filter-tabs{width:100%;justify-content:center}.revenue-main{flex-direction:column;text-align:center}.revenue-amount{font-size:32px}.revenue-stats{flex-direction:column}.revenue-stat{width:100%;justify-content:flex-start}.revenue-stats.enhanced{grid-template-columns:1fr}.revenue-stats.enhanced .revenue-stat{flex-direction:row;justify-content:flex-start;text-align:left}.source-filter-pills{flex-direction:column}.source-pill{width:100%;justify-content:flex-start}}@media (max-width: 480px){.pipeline-page,.new-leads-dashboard,.qualified-leads-dashboard,.converted-leads-dashboard{padding:16px}.pipeline-title,.new-leads-title,.qualified-title,.converted-title{font-size:22px}.pipeline-icon,.new-leads-icon,.qualified-icon{width:40px;height:40px}.pipeline-icon svg,.new-leads-icon svg,.qualified-icon svg{width:20px;height:20px}.pipeline-kanban{grid-template-columns:1fr}.pipeline-column{max-height:none}.new-leads-grid,.qualified-deals-grid,.wins-cards{grid-template-columns:1fr}.priority-card-count{font-size:24px}.value-summary-amount{font-size:28px}.revenue-icon-container{width:60px;height:60px}.converted-icon.trophy{width:48px;height:48px}.converted-icon.trophy svg{width:24px;height:24px}}@media (max-width: 1200px){.ai-performance-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.inbox-layout{grid-template-columns:1fr}.inbox-main{display:none}.inbox-stats,.live-stats,.ai-performance-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.inbox-header{flex-direction:column;gap:16px;padding:20px}.inbox-stats{grid-template-columns:1fr;padding:16px 20px}.live-chats-page,.ai-dashboard-page{padding:0 16px 24px}.live-chats-header,.ai-dashboard-header{flex-direction:column;gap:16px;padding:24px 0}.live-chats-title,.ai-dashboard-title{font-size:1.5rem}.live-stats,.ai-performance-stats{grid-template-columns:1fr;gap:12px}.live-chat-grid,.ai-cards-grid{grid-template-columns:1fr}.live-stat-card,.ai-stat-card{flex-direction:row;text-align:left}.ai-stat-card{flex-direction:row;align-items:center;text-align:left}.ai-stat-visual{margin-bottom:0;margin-right:16px}}@media (max-width: 480px){.inbox-title{font-size:1.25rem}.inbox-filters{flex-direction:column}.inbox-item{padding:12px 16px}.live-chats-title,.ai-dashboard-title{font-size:1.25rem}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width: 1024px){.data-table{min-width:600px}.data-table th,.data-table td{padding:10px 12px;font-size:13px}}@media (max-width: 768px){.data-table th,.data-table td{padding:8px 10px;font-size:12px}.data-table .hide-mobile{display:none}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.card,.dashboard-card{padding:16px;border-radius:12px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.list-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.list-item-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.card,.dashboard-card{padding:12px;border-radius:10px}.card-title{font-size:16px}.card-subtitle{font-size:12px}}@media (max-width: 768px){.chart-container{height:250px!important;min-height:200px}.chart-legend{flex-wrap:wrap;gap:8px;font-size:11px}.recharts-wrapper{font-size:11px}.recharts-legend-wrapper{bottom:-10px!important}}@media (max-width: 480px){.chart-container{height:200px!important}}@media (max-width: 768px){.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:16px}.form-row>*{width:100%}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{padding:12px 14px;font-size:16px;border-radius:10px}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}}@media (max-width: 768px){.modal-overlay{padding:16px;align-items:flex-end}.modal-content{max-width:100%;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;margin:0}.modal-header{padding:16px 20px}.modal-body{padding:20px;max-height:calc(90vh - 140px);max-height:calc(90dvh - 140px);overflow-y:auto}.modal-footer{padding:16px 20px;flex-direction:column;gap:10px}.modal-footer button{width:100%}}@media (max-width: 480px){.modal-content{border-radius:16px 16px 0 0}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media (max-width: 380px){.modal-overlay{padding:0}.modal-content{max-height:100vh;max-height:100dvh;height:100%;border-radius:0}}@media (max-width: 1200px){.dash-home-grid{grid-template-columns:1fr}.dash-home-left,.dash-home-right{width:100%}}@media (max-width: 768px){.dash-home{padding:0}.dash-home-header{flex-direction:column;align-items:flex-start;gap:12px}.dash-home-title{font-size:20px}.quick-stats{grid-template-columns:1fr 1fr;gap:10px}.quick-stat-card{padding:14px}.quick-stat-value{font-size:22px}}@media (max-width: 480px){.quick-stats{grid-template-columns:1fr}.quick-stat-card{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 768px){.contacts-header{flex-direction:column;align-items:stretch;gap:12px}.contacts-filters{flex-wrap:wrap;gap:8px}.contact-card{padding:14px}.contact-info{flex-direction:column;align-items:flex-start;gap:4px}.contact-channels{justify-content:flex-start}}@media (max-width: 1024px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;padding:8px 0;gap:8px}.settings-nav-item{white-space:nowrap;padding:10px 16px}}@media (max-width: 768px){.settings-section{padding:16px}.settings-section-title{font-size:16px}.settings-field{flex-direction:column;align-items:flex-start;gap:8px}.settings-field label,.settings-field input,.settings-field select{width:100%}}@media (hover: none) and (pointer: coarse){.sidebar-nav-link,.sidebar-dropdown-link{min-height:48px;display:flex;align-items:center}.card:hover,.dashboard-card:hover,.list-item:hover{transform:none;box-shadow:inherit}.card:active,.dashboard-card:active,.list-item:active{opacity:.9;transform:scale(.99)}.btn,button{min-height:44px}}@media (max-width: 1024px){.dashboard-layout{overflow-x:hidden}.dashboard-main{overflow-x:hidden;max-width:100vw}}.conversations-page{padding:0}.conversations-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.conversations-page .page-header-content{flex:1;min-width:200px}.conversations-page .page-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.conversations-page .breadcrumb-parent{color:var(--text-secondary);font-weight:500}.conversations-page .breadcrumb-separator{color:var(--text-tertiary)}.conversations-page .breadcrumb-current{color:var(--accent);font-weight:600}.conversations-page .page-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.conversations-page .page-title-icon{width:28px;height:28px;color:var(--accent)}.conversations-page .page-title-icon.active-icon{color:var(--success)}.conversations-page .page-title-icon.ai-icon{color:var(--accent)}.conversations-page .page-description{font-size:14px;color:var(--text-secondary);margin:0}.conversations-page .page-header-actions{display:flex;gap:8px}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh svg{width:16px;height:16px}.conversations-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.conversations-stats.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:600px}.conversations-stats .stat-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 20px;text-align:center}.conversations-stats .stat-card.highlight{background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg) 100%);border-color:var(--accent)}.conversations-stats .stat-card.ai-highlight{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,var(--bg) 100%);border-color:var(--accent)}.conversations-stats .stat-card.success{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,var(--bg) 100%);border-color:var(--success)}.conversations-stats .stat-value{display:block;font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.conversations-stats .stat-label{font-size:13px;color:var(--text-secondary)}.conversations-content{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.conversation-list{display:flex;flex-direction:column}.conversation-filters{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.filter-select{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;min-width:140px}.filter-select:hover{border-color:var(--border-hover)}.filter-select:focus{outline:none;border-color:var(--accent)}.conversation-list-items{display:flex;flex-direction:column}.conversation-item{display:flex;gap:14px;padding:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:var(--bg-secondary)}.conversation-item.unread{background:#6366f10a}.conversation-item.unread:hover{background:#6366f114}.conversation-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.conversation-avatar img,.conversation-avatar .avatar-initials{width:48px;height:48px;border-radius:50%;object-fit:cover}.conversation-avatar .avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;font-size:18px;font-weight:600}.conversation-avatar .platform-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;padding:3px;background:var(--bg);border-radius:50%;border:2px solid var(--bg)}.conversation-avatar .platform-icon.whatsapp{color:#25d366}.conversation-avatar .platform-icon.instagram{color:#e4405f}.conversation-avatar .platform-icon.sms,.conversation-avatar .platform-icon.email{color:var(--text-secondary)}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.conversation-name{font-weight:600;color:var(--text-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item.unread .conversation-name{font-weight:700}.conversation-time{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-message{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-item.unread .conversation-message{color:var(--text-primary)}.unread-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:#fff;border-radius:10px;font-size:11px;font-weight:600}.conversation-meta{display:flex;align-items:center;gap:8px}.conversation-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.conversation-status.status-active{background:#22c55e26;color:var(--success)}.conversation-status.status-pending{background:#fbbf2426;color:#d97706}.conversation-status.status-resolved{background:#6366f126;color:var(--accent)}.conversation-status.status-archived{background:var(--bg-secondary);color:var(--text-tertiary)}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#6366f126,#a855f726);color:var(--accent);border-radius:4px;font-size:11px;font-weight:600}.ai-badge svg{width:12px;height:12px}.conversation-list-loading,.conversation-list-error,.conversation-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.conversation-list-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.conversation-list-loading span,.conversation-list-empty span{font-size:14px}.conversation-list-error svg,.conversation-list-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:12px}.conversation-list-error span{font-size:14px;font-weight:500;color:var(--error);margin-bottom:4px}.conversation-list-error p{font-size:13px;color:var(--text-tertiary);margin:0}@media (max-width: 768px){.conversations-stats{grid-template-columns:repeat(2,1fr)}.conversations-stats .stat-card{padding:14px 16px}.conversations-stats .stat-value{font-size:24px}.conversation-filters{flex-direction:column}.filter-select{width:100%}.conversation-item{padding:14px}.conversation-avatar,.conversation-avatar img,.conversation-avatar .avatar-initials{width:44px;height:44px}.conversations-page .page-title{font-size:20px}}@media (max-width: 480px){.conversations-stats{grid-template-columns:1fr 1fr;gap:10px}.conversations-stats .stat-value{font-size:22px}.conversations-stats .stat-label{font-size:11px}.conversation-meta{flex-wrap:wrap}}.all-messages-schedule-page{padding:0;max-width:1400px;margin:0 auto}.urgent-message-hero{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:28px;margin-bottom:28px;position:relative;overflow:hidden}.urgent-message-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple))}.urgent-message-hero.urgent{background:linear-gradient(135deg,#ef44441a,#f973160d);border-color:#ef44444d}.urgent-message-hero.urgent:before{background:linear-gradient(90deg,#ef4444,#f97316);animation:pulse-bar 2s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}.urgent-message-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f126;color:var(--primary-blue);padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:20px}.urgent-message-hero.urgent .hero-badge{background:#ef444426;color:#ef4444}.urgent-message-hero .hero-badge svg{width:16px;height:16px}.urgent-message-hero .hero-content{display:flex;gap:32px;align-items:flex-start}.urgent-message-hero .hero-countdown{flex-shrink:0;min-width:140px}.urgent-message-hero .countdown-timer{text-align:center;padding:20px;background:#ffffff80;border-radius:16px;border:1px solid rgba(99,102,241,.1)}.urgent-message-hero .countdown-timer.urgent{background:#ef44441a;border-color:#ef444433}.urgent-message-hero .countdown-timer.recent{background:#10b9811a;border-color:#10b98133}.urgent-message-hero .countdown-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-blue);line-height:1.2}.urgent-message-hero .countdown-timer.urgent .countdown-value{color:#ef4444}.urgent-message-hero .countdown-timer.recent .countdown-value{color:#10b981}.urgent-message-hero .countdown-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.urgent-message-hero .hero-details{flex:1;display:flex;flex-direction:column;gap:16px}.urgent-message-hero .hero-platform{display:flex;align-items:center;gap:12px}.urgent-message-hero .platform-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.urgent-message-hero .platform-avatar.large{width:48px;height:48px}.urgent-message-hero .platform-avatar.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.urgent-message-hero .platform-avatar.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.urgent-message-hero .platform-avatar.facebook{background:linear-gradient(135deg,#1877f2,#3b5998)}.urgent-message-hero .platform-avatar.sms{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.urgent-message-hero .platform-avatar.email{background:linear-gradient(135deg,#f59e0b,#d97706)}.urgent-message-hero .platform-avatar.default{background:linear-gradient(135deg,#6b7280,#4b5563)}.urgent-message-hero .platform-avatar svg{width:24px;height:24px}.urgent-message-hero .platform-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.urgent-message-hero .hero-contact{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.urgent-message-hero .hero-contact h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.urgent-message-hero .status-badge{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.urgent-message-hero .status-badge.status-active{background:#10b98126;color:#10b981}.urgent-message-hero .status-badge.status-resolved{background:#6366f126;color:#6366f1}.urgent-message-hero .status-badge.status-pending{background:#f59e0b26;color:#f59e0b}.urgent-message-hero .ai-managed-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#8b5cf626;color:#8b5cf6;font-size:.8rem;font-weight:600}.urgent-message-hero .ai-managed-badge svg{width:14px;height:14px}.urgent-message-hero .hero-message-preview{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff9;border-radius:12px;border:1px solid var(--border-color)}.urgent-message-hero .hero-message-preview svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0;margin-top:2px}.urgent-message-hero .hero-message-preview p{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.urgent-message-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.urgent-message-hero .reply-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.urgent-message-hero .reply-btn.primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff}.urgent-message-hero .reply-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.urgent-message-hero .reply-btn svg{width:18px;height:18px}.upcoming-conversation-card{display:flex;align-items:stretch;gap:20px;padding:20px;background:var(--surface);border:1px solid var(--border-color);border-radius:16px;transition:all .2s ease;margin-bottom:12px}.upcoming-conversation-card:hover{border-color:#6366f14d;box-shadow:0 4px 20px #00000014;transform:translate(4px)}.upcoming-conversation-card.needs-attention{border-left:4px solid #6366f1;background:linear-gradient(90deg,rgba(99,102,241,.03) 0%,transparent 30%)}.upcoming-conversation-card.urgent{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.03) 0%,transparent 30%)}.upcoming-conversation-card.very-urgent{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 30%);animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef44441a}}.conversation-card-left{display:flex;flex-direction:column;align-items:center;min-width:90px}.conversation-platform-block{display:flex;flex-direction:column;align-items:center;gap:8px}.conversation-platform-block .platform-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.conversation-platform-block .platform-avatar.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.conversation-platform-block .platform-avatar.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.conversation-platform-block .platform-avatar.facebook{background:linear-gradient(135deg,#1877f2,#3b5998)}.conversation-platform-block .platform-avatar.sms{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.conversation-platform-block .platform-avatar.email{background:linear-gradient(135deg,#f59e0b,#d97706)}.conversation-platform-block .platform-avatar.default{background:linear-gradient(135deg,#6b7280,#4b5563)}.conversation-platform-block .platform-avatar svg{width:24px;height:24px}.conversation-platform-block .platform-name{font-size:.75rem;color:var(--text-secondary);font-weight:500}.conversation-platform-block .unread-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.conversation-card-center{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.conversation-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.conversation-header .contact-name{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.conversation-header .urgency-badge{padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.conversation-header .urgency-badge.needs-attention{background:#6366f126;color:#6366f1}.conversation-header .urgency-badge.urgent{background:#f59e0b26;color:#f59e0b}.conversation-header .urgency-badge.very-urgent{background:#ef444426;color:#ef4444;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.conversation-preview .last-message{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.conversation-meta .message-time{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.conversation-meta .message-time svg{width:14px;height:14px;opacity:.6}.conversation-meta .ai-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:#8b5cf61a;color:#8b5cf6;font-size:.75rem;font-weight:600}.conversation-meta .ai-badge svg{width:12px;height:12px}.conversation-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;min-width:120px}.conversation-status{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.conversation-status svg{width:14px;height:14px}.conversation-status.status-active{background:#10b9811a;color:#10b981}.conversation-status.status-pending{background:#f59e0b1a;color:#f59e0b}.conversation-status.status-resolved{background:#6366f11a;color:#6366f1}.conversation-actions{display:flex;gap:8px}.conversation-actions .action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.conversation-actions .action-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#6366f10d}.conversation-actions .action-btn svg{width:16px;height:16px}.all-messages-schedule-page .upcoming-timeline-section.just-now-section .section-icon{background:#f59e0b26;color:#f59e0b}.all-messages-schedule-page .upcoming-timeline-section.just-now-section:before{background:linear-gradient(180deg,rgba(245,158,11,.3) 0%,transparent 100%)}.all-messages-schedule-page .upcoming-timeline-section.older-section .section-icon{background:#6b728026;color:#6b7280}.all-messages-schedule-page .upcoming-timeline-section.older-section:before{background:linear-gradient(180deg,rgba(107,114,128,.3) 0%,transparent 100%)}.all-messages-schedule-page .stat-card.unread-stat .stat-icon{background:#ef44441a;color:#ef4444}.all-messages-schedule-page .stat-card.active-stat .stat-icon{background:#10b9811a;color:#10b981}.all-messages-schedule-page .stat-card.ai-stat .stat-icon{background:#8b5cf61a;color:#8b5cf6}.all-messages-schedule-page .stat-card.platform-stat .stat-icon{background:#6366f11a}.all-messages-schedule-page .stat-card.platform-stat .stat-icon .platform-icon.whatsapp{color:#25d366}.all-messages-schedule-page .stat-card.platform-stat .stat-icon .platform-icon.instagram{color:#c13584}.all-messages-schedule-page .stat-card.platform-stat .stat-icon .platform-icon.facebook{color:#1877f2}@media (max-width: 768px){.urgent-message-hero .hero-content{flex-direction:column;gap:20px}.urgent-message-hero .hero-countdown{width:100%}.urgent-message-hero .countdown-timer{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.urgent-message-hero .countdown-value{font-size:1.5rem}.urgent-message-hero .countdown-label{margin-top:0}.upcoming-conversation-card{flex-direction:column;gap:16px}.conversation-card-left{flex-direction:row;width:100%;min-width:unset;justify-content:flex-start}.conversation-platform-block{flex-direction:row;gap:12px}.conversation-card-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 480px){.urgent-message-hero{padding:20px}.urgent-message-hero .hero-contact h2{font-size:1.2rem}.urgent-message-hero .reply-btn{width:100%;justify-content:center}.conversation-platform-block .platform-avatar{width:40px;height:40px}.conversation-platform-block .platform-avatar svg{width:20px;height:20px}.conversation-header .contact-name{font-size:.95rem}.conversation-actions .action-btn{width:32px;height:32px}}.active-chats-schedule-page{padding:0;max-width:1400px;margin:0 auto}.active-chats-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.active-chats-page-header .header-content{flex:1;min-width:280px}.active-chats-page-header .header-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.active-chats-page-header .header-breadcrumb svg{width:14px;height:14px;opacity:.5}.active-chats-page-header .breadcrumb-current{color:var(--text-primary);font-weight:500}.active-chats-page-header .page-title{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.active-chats-page-header .page-title svg{width:28px;height:28px;color:#6366f1}.active-chats-page-header .live-title-indicator{position:relative;width:12px;height:12px}.active-chats-page-header .live-title-indicator .live-dot{position:absolute;width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s infinite}.active-chats-page-header .live-title-indicator .live-ring{position:absolute;width:12px;height:12px;border:2px solid #22c55e;border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.active-chats-page-header .page-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0;max-width:500px}.active-chats-page-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.active-chats-page-header .refresh-btn:hover{background:var(--bg-hover);border-color:#6366f1}.active-chats-page-header .refresh-btn svg{width:16px;height:16px}.active-chats-loading-state,.active-chats-error-state,.active-chats-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.active-chats-loading-state .loading-spinner{width:48px;height:48px;border:3px solid var(--border-primary);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.active-chats-loading-state p,.active-chats-error-state p{margin-top:16px;color:var(--text-secondary)}.active-chats-error-state svg{width:48px;height:48px;color:#ef4444}.active-chats-error-state button{margin-top:16px;padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.active-chats-error-state button:hover{background:#4f46e5}.active-chats-empty-state .empty-illustration{width:120px;height:120px;color:var(--text-tertiary);margin-bottom:24px}.active-chats-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.active-chats-empty-state p{color:var(--text-secondary);max-width:300px;margin:0}.urgent-chat-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:20px;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.urgent-chat-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.urgent-chat-hero.critical:before{background:linear-gradient(90deg,#ef4444,#f97316);animation:urgentPulse 2s infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.5}}.urgent-chat-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f126;border-radius:20px;font-size:.8rem;font-weight:600;color:#6366f1;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.urgent-chat-hero.critical .hero-badge{background:#ef444426;color:#ef4444}.urgent-chat-hero .hero-badge svg{width:16px;height:16px}.urgent-chat-hero .hero-content{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start}.urgent-chat-hero .hero-waiting-display{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:180px}.urgent-chat-hero .waiting-container{position:relative;display:flex;flex-direction:column;align-items:center}.urgent-chat-hero .waiting-pulse{position:absolute;width:100px;height:100px;border-radius:50%;background:#ef44441a;animation:waitingPulse 2s infinite}@keyframes waitingPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.urgent-chat-hero .waiting-time{font-size:3rem;font-weight:800;color:#ef4444;line-height:1;position:relative;z-index:1}.urgent-chat-hero .waiting-label{font-size:.85rem;color:var(--text-secondary);margin-top:8px}.urgent-chat-hero .active-container{display:flex;flex-direction:column;align-items:center}.urgent-chat-hero .active-status{font-size:1.5rem;font-weight:700;color:#22c55e}.urgent-chat-hero .last-activity{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.urgent-chat-hero .hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center}.urgent-chat-hero .unread-indicator{padding:6px 12px;background:#ef444426;border-radius:20px;font-size:.8rem;font-weight:600;color:#ef4444}.urgent-chat-hero .platform-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.urgent-chat-hero .platform-indicator svg{width:14px;height:14px}.urgent-chat-hero .hero-details{display:flex;flex-direction:column;gap:20px}.urgent-chat-hero .hero-datetime{display:flex;gap:24px;flex-wrap:wrap}.urgent-chat-hero .hero-date,.urgent-chat-hero .hero-time{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.urgent-chat-hero .hero-date svg,.urgent-chat-hero .hero-time svg{width:18px;height:18px;opacity:.7}.urgent-chat-hero .ai-badge{margin-left:12px;padding:4px 10px;background:#8b5cf626;border-radius:12px;font-size:.75rem;font-weight:600;color:#8b5cf6}.urgent-chat-hero .hero-contact-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.urgent-chat-hero .hero-contact-info h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.urgent-chat-hero .status-badge{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.urgent-chat-hero .status-badge.status-unread{background:#ef444426;color:#ef4444}.urgent-chat-hero .status-badge.status-active{background:#22c55e26;color:#22c55e}.urgent-chat-hero .hero-client{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-primary)}.urgent-chat-hero .client-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-primary);border:3px solid;position:relative}.urgent-chat-hero .client-avatar .status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-primary)}.urgent-chat-hero .client-details{flex:1;display:flex;flex-direction:column;gap:4px}.urgent-chat-hero .client-name{font-weight:600;color:var(--text-primary)}.urgent-chat-hero .client-contact{font-size:.85rem;color:var(--text-secondary)}.urgent-chat-hero .client-platform{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-tertiary)}.urgent-chat-hero .client-platform svg{width:14px;height:14px}.urgent-chat-hero .contact-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.urgent-chat-hero .contact-btn:hover{background:#4f46e5;transform:translateY(-1px)}.urgent-chat-hero .contact-btn svg{width:18px;height:18px}.urgent-chat-hero .hero-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-primary);font-size:.95rem;color:var(--text-secondary);font-style:italic}.urgent-chat-hero .hero-message svg{width:20px;height:20px;flex-shrink:0;opacity:.5}.active-chats-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:32px}.active-chats-stats-grid .stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.active-chats-stats-grid .stat-card:hover{border-color:var(--border-secondary);transform:translateY(-2px)}.active-chats-stats-grid .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-chats-stats-grid .stat-icon svg{width:24px;height:24px}.active-chats-stats-grid .stat-content{display:flex;flex-direction:column;gap:4px}.active-chats-stats-grid .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.active-chats-stats-grid .stat-label{font-size:.8rem;color:var(--text-secondary)}.active-chats-stats-grid .stat-card.primary .stat-icon{background:#6366f126;color:#6366f1}.active-chats-stats-grid .stat-card.unread-stat .stat-icon{background:#f59e0b26;color:#f59e0b}.active-chats-stats-grid .stat-card.messages-stat .stat-icon{background:#3b82f626;color:#3b82f6}.active-chats-stats-grid .stat-card.ai-stat .stat-icon{background:#8b5cf626;color:#8b5cf6}.active-chats-stats-grid .stat-card.critical-stat .stat-icon{background:#ef444426;color:#ef4444}.active-chats-stats-grid .stat-card.response-stat .stat-icon{background:#22c55e26;color:#22c55e}.active-chats-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.active-chats-filters .filter-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.active-chats-filters .filter-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.active-chats-filters .filter-btn.active{background:#6366f126;border-color:#6366f1;color:#6366f1}.active-chats-filters .filter-btn svg{width:16px;height:16px}.active-chats-timeline{display:flex;flex-direction:column;gap:32px}.active-timeline-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.active-timeline-section .timeline-section-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.active-timeline-section .section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.active-timeline-section .section-icon svg{width:20px;height:20px}.active-timeline-section .section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.active-timeline-section .section-count{padding:4px 12px;background:var(--bg-primary);border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.active-timeline-section .section-unread{font-size:.8rem;color:var(--text-secondary)}.active-timeline-section.critical-section .section-icon{background:#ef444426;color:#ef4444}.active-timeline-section.urgent-section .section-icon{background:#f59e0b26;color:#f59e0b}.active-timeline-section.waiting-section .section-icon{background:#6366f126;color:#6366f1}.active-timeline-section.active-section .section-icon{background:#22c55e26;color:#22c55e}.active-timeline-section .timeline-section-content{padding:16px;display:flex;flex-direction:column;gap:12px}.active-chat-card{display:grid;grid-template-columns:100px 1fr 140px;gap:20px;padding:20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.active-chat-card:hover{border-color:var(--border-secondary);box-shadow:0 4px 12px #0000001a}.active-chat-card.chat-critical{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,var(--bg-primary) 20%)}.active-chat-card.chat-urgent{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,var(--bg-primary) 20%)}.active-chat-card.chat-waiting{border-left:4px solid #6366f1;background:linear-gradient(90deg,rgba(99,102,241,.05) 0%,var(--bg-primary) 20%)}.active-chat-card .chat-card-left{display:flex;flex-direction:column;align-items:center;justify-content:center}.active-chat-card .chat-time-block{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.active-chat-card .chat-waiting-time{font-size:1.5rem;font-weight:700;line-height:1}.active-chat-card .chat-waiting-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase}.active-chat-card .chat-last-active{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.active-chat-card .chat-date-small{font-size:.75rem;color:var(--text-tertiary)}.active-chat-card .chat-unread-badge{margin-top:8px;padding:4px 10px;background:#ef4444;color:#fff;border-radius:12px;font-size:.75rem;font-weight:700}.active-chat-card .chat-card-center{display:flex;flex-direction:column;gap:12px}.active-chat-card .chat-platform-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.active-chat-card .platform-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}.active-chat-card .platform-badge svg{width:14px;height:14px}.active-chat-card .urgency-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.active-chat-card .urgency-badge.chat-critical{background:#ef444426;color:#ef4444}.active-chat-card .urgency-badge.chat-urgent{background:#f59e0b26;color:#f59e0b}.active-chat-card .urgency-badge.chat-waiting{background:#6366f126;color:#6366f1}.active-chat-card .chat-contact{display:flex;align-items:center;gap:12px}.active-chat-card .contact-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--text-primary);border:2px solid;position:relative}.active-chat-card .contact-avatar .live-indicator-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary)}.active-chat-card .contact-info{display:flex;flex-direction:column;gap:2px}.active-chat-card .contact-name{font-weight:600;color:var(--text-primary)}.active-chat-card .contact-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-tertiary)}.active-chat-card .chat-message-preview{padding:12px;background:var(--bg-tertiary);border-radius:8px}.active-chat-card .chat-message-preview p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.active-chat-card .chat-engagement-bar{display:flex;flex-direction:column;gap:6px}.active-chat-card .engagement-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary)}.active-chat-card .engagement-value{font-weight:600}.active-chat-card .engagement-track{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.active-chat-card .engagement-fill{height:100%;border-radius:2px;transition:width .3s ease}.active-chat-card .chat-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px}.active-chat-card .chat-status{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:600}.active-chat-card .chat-status svg{width:16px;height:16px}.active-chat-card .chat-status.ai-enabled{background:#8b5cf626;color:#8b5cf6}.active-chat-card .chat-status.human-mode{background:#6b728026;color:var(--text-secondary)}.active-chat-card .chat-actions{display:flex;gap:8px}.active-chat-card .action-btn{width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-decoration:none}.active-chat-card .action-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.active-chat-card .action-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.active-chat-card .action-btn.primary:hover{background:#4f46e5}.active-chat-card .action-btn svg{width:18px;height:18px}.active-chats-timeline .no-filtered-results{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 1024px){.active-chats-stats-grid{grid-template-columns:repeat(3,1fr)}.urgent-chat-hero .hero-content{grid-template-columns:1fr;gap:24px}.urgent-chat-hero .hero-waiting-display{flex-direction:row;gap:16px;min-width:auto}.active-chat-card{grid-template-columns:80px 1fr 120px;gap:16px}}@media (max-width: 768px){.active-chats-page-header{flex-direction:column;gap:16px}.active-chats-page-header .refresh-btn{width:100%;justify-content:center}.active-chats-stats-grid{grid-template-columns:repeat(2,1fr)}.active-chats-filters{overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap}.active-chats-filters .filter-btn{white-space:nowrap;flex-shrink:0}.urgent-chat-hero{padding:24px}.urgent-chat-hero .waiting-time{font-size:2rem}.urgent-chat-hero .hero-client{flex-wrap:wrap}.urgent-chat-hero .contact-btn{width:100%;justify-content:center}.active-chat-card{grid-template-columns:1fr;gap:16px}.active-chat-card .chat-card-left{flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--border-primary);padding-bottom:12px}.active-chat-card .chat-time-block{flex-direction:row;gap:8px;align-items:center}.active-chat-card .chat-card-right{flex-direction:row;align-items:center}}@media (max-width: 480px){.active-chats-stats-grid{grid-template-columns:1fr}.active-chats-stats-grid .stat-card{padding:16px}.active-chats-stats-grid .stat-value{font-size:1.25rem}.urgent-chat-hero .hero-contact-info h2{font-size:1.2rem}.active-timeline-section .timeline-section-header{padding:16px;flex-wrap:wrap;gap:8px}.active-timeline-section .section-title{width:100%}}.leads-page{padding:0}.leads-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.leads-page .page-header-content{flex:1;min-width:200px}.leads-page .page-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.leads-page .breadcrumb-parent{color:var(--text-secondary);font-weight:500}.leads-page .breadcrumb-separator{color:var(--text-tertiary)}.leads-page .breadcrumb-current{color:var(--accent);font-weight:600}.leads-page .page-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.leads-page .page-title-icon{width:28px;height:28px;color:var(--accent)}.leads-page .page-title-icon.new-icon{color:#3b82f6}.leads-page .page-title-icon.qualified-icon{color:#f59e0b}.leads-page .page-title-icon.converted-icon{color:var(--success)}.leads-page .page-description{font-size:14px;color:var(--text-secondary);margin:0}.leads-page .page-header-actions{display:flex;gap:8px}.leads-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.leads-stats.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:600px}.leads-stats .stat-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 20px;text-align:center}.leads-stats .stat-card.highlight-new{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,var(--bg) 100%);border-color:#3b82f6}.leads-stats .stat-card.highlight-qualified{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--bg) 100%);border-color:#f59e0b}.leads-stats .stat-card.highlight-converted{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,var(--bg) 100%);border-color:var(--success)}.leads-stats .stat-card.highlight-priority{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,var(--bg) 100%);border-color:#ef4444}.leads-stats .stat-card.highlight-revenue{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--bg) 100%);border-color:#10b981}.leads-stats .stat-value{display:block;font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.leads-stats .stat-label{font-size:13px;color:var(--text-secondary)}.leads-content{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.leads-list{display:flex;flex-direction:column}.leads-filters{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap}.leads-list-items{display:flex;flex-direction:column}.lead-item{display:flex;gap:14px;padding:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease;align-items:flex-start}.lead-item:last-child{border-bottom:none}.lead-item:hover{background:var(--bg-secondary)}.lead-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.lead-avatar .avatar-initials{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:16px;font-weight:600}.lead-avatar .source-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;padding:3px;background:var(--bg);border-radius:50%;border:2px solid var(--bg)}.lead-avatar .source-icon.whatsapp{color:#25d366}.lead-avatar .source-icon.instagram{color:#e4405f}.lead-avatar .source-icon.facebook{color:#1877f2}.lead-avatar .source-icon.website{color:var(--accent)}.lead-avatar .source-icon.referral{color:var(--text-secondary)}.lead-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.lead-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.lead-name{font-weight:600;color:var(--text-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-time{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.lead-details{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary)}.lead-email,.lead-phone{display:flex;align-items:center;gap:4px}.lead-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lead-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.lead-status.lead-status-new{background:#3b82f626;color:#3b82f6}.lead-status.lead-status-contacted{background:#6366f126;color:#6366f1}.lead-status.lead-status-qualified{background:#f59e0b26;color:#d97706}.lead-status.lead-status-proposal{background:#a855f726;color:#a855f7}.lead-status.lead-status-negotiation{background:#ec489926;color:#ec4899}.lead-status.lead-status-converted{background:#22c55e26;color:var(--success)}.lead-status.lead-status-lost{background:#ef444426;color:#ef4444}.lead-priority{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.lead-priority.priority-high{background:#ef444426;color:#ef4444}.lead-priority.priority-medium{background:#f59e0b26;color:#d97706}.lead-priority.priority-low{background:var(--bg-secondary);color:var(--text-tertiary)}.lead-value{font-size:13px;font-weight:600;color:var(--success)}.lead-notes{font-size:13px;color:var(--text-tertiary);line-height:1.4;margin-top:4px}.lead-actions{display:flex;align-items:center;flex-shrink:0}.lead-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.lead-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.lead-action-btn svg{width:18px;height:18px}.leads-list-loading,.leads-list-error,.leads-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.leads-list-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.leads-list-loading span,.leads-list-empty span{font-size:14px}.leads-list-error svg,.leads-list-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:12px}.leads-list-error span{font-size:14px;font-weight:500;color:var(--error);margin-bottom:4px}.leads-list-error p{font-size:13px;color:var(--text-tertiary);margin:0}@media (max-width: 768px){.leads-stats{grid-template-columns:repeat(2,1fr)}.leads-stats .stat-card{padding:14px 16px}.leads-stats .stat-value{font-size:24px}.leads-filters{flex-direction:column}.leads-filters .filter-select{width:100%}.lead-item{padding:14px}.lead-avatar,.lead-avatar .avatar-initials{width:44px;height:44px}.leads-page .page-title{font-size:20px}.lead-actions{display:none}}@media (max-width: 480px){.leads-stats{grid-template-columns:1fr 1fr;gap:10px}.leads-stats .stat-value{font-size:22px}.leads-stats .stat-label{font-size:11px}.lead-meta{flex-wrap:wrap}.lead-details{flex-direction:column;gap:4px}}.hottest-lead-hero:before{background:linear-gradient(90deg,#ef4444,#f59e0b)}.hottest-lead-hero .hero-badge{background:linear-gradient(135deg,#ef4444,#f59e0b)}.hottest-lead-hero .hero-time svg{width:20px;height:20px;margin-right:4px}.hottest-lead-hero .status-badge.priority-high{background:#ef444426;color:#ef4444}.hottest-lead-hero .status-badge.priority-medium{background:#f59e0b26;color:#f59e0b}.hottest-lead-hero .status-badge.priority-low{background:#22c55e26;color:#22c55e}.hot-leads-stat .stat-icon{background:#ef444426!important;color:#ef4444!important}.upcoming-lead-card{display:flex;align-items:flex-start;gap:20px;padding:20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:12px;transition:all .2s ease;position:relative}.upcoming-lead-card:last-child{margin-bottom:0}.upcoming-lead-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.upcoming-lead-card.just-now{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,var(--bg-primary) 100%)}.upcoming-lead-card.very-urgent{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,var(--bg-primary) 100%)}.upcoming-lead-card.urgent{border-left:4px solid #3b82f6}.upcoming-lead-card.temp-hot:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f59e0b);border-radius:12px 12px 0 0}.upcoming-lead-card.temp-warm:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#f59e0b;border-radius:12px 12px 0 0}.lead-card-left{flex-shrink:0;min-width:120px}.lead-time-block{display:flex;flex-direction:column;gap:6px}.lead-time{font-size:.95rem;font-weight:600;color:var(--text-primary)}.lead-date-small{font-size:.75rem;color:var(--text-tertiary)}.lead-source-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;margin-top:4px}.lead-source-indicator svg{width:16px;height:16px}.lead-card-center{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.lead-info-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lead-name-display{font-size:1rem;font-weight:600;color:var(--text-primary)}.lead-card-center .urgency-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.lead-card-center .urgency-badge.just-now{background:#ef444426;color:#ef4444;animation:pulse-badge 1.5s ease-in-out infinite}.lead-card-center .urgency-badge.very-urgent{background:#f59e0b26;color:#f59e0b}.lead-card-center .urgency-badge.urgent{background:#3b82f626;color:#3b82f6}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.lead-contact-row{display:flex;align-items:center;gap:12px}.lead-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0}.lead-contact-info{display:flex;flex-direction:column;gap:2px}.lead-email{font-size:.875rem;color:var(--text-secondary)}.lead-phone{font-size:.8rem;color:var(--text-tertiary)}.lead-notes{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;font-size:.85rem;color:var(--text-secondary)}.lead-notes svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;opacity:.5}.lead-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.lead-temperature{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500}.lead-value-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#22c55e1a;border-radius:6px;font-size:.8rem;font-weight:600;color:#22c55e}.lead-value-badge svg{width:14px;height:14px}.lead-actions{display:flex;gap:8px}.lead-actions .action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;cursor:pointer}.lead-actions .action-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.lead-actions .action-btn svg{width:16px;height:16px}.just-now-section .section-icon{background:#ef444426;color:#ef4444}.recent-section .section-icon{background:#f59e0b26;color:#f59e0b}.today-leads-section .section-icon{background:#3b82f626;color:#3b82f6}.yesterday-section .section-icon{background:#8b5cf626;color:#8b5cf6}.earlier-section .section-icon{background:#6b728026;color:#6b7280}.no-filtered-results{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-filtered-results p{margin:0}@media (max-width: 768px){.upcoming-lead-card{flex-direction:column;gap:16px}.lead-card-left{width:100%;min-width:unset}.lead-time-block{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.lead-card-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.lead-actions{margin-left:auto}}@media (max-width: 480px){.upcoming-lead-card{padding:16px}.lead-name-display{font-size:.9rem}.lead-avatar{width:36px;height:36px;font-size:.9rem}.lead-contact-row{gap:10px}.lead-actions .action-btn{width:32px;height:32px}.lead-actions .action-btn svg{width:14px;height:14px}}.qualified-schedule-page{padding:0;max-width:1400px;margin:0 auto}.qualified-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.qualified-page-header .header-content{flex:1;min-width:280px}.qualified-page-header .header-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.qualified-page-header .header-breadcrumb svg{width:14px;height:14px;opacity:.5}.qualified-page-header .breadcrumb-current{color:var(--text-primary);font-weight:500}.qualified-page-header .page-title{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.qualified-page-header .page-title svg{width:28px;height:28px;color:#22c55e}.qualified-page-header .page-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0;max-width:500px}.qualified-page-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qualified-page-header .refresh-btn:hover{background:var(--bg-hover);border-color:#22c55e}.qualified-page-header .refresh-btn svg{width:16px;height:16px}.qualified-loading-state,.qualified-error-state,.qualified-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.qualified-loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:#22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.qualified-error-state svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.qualified-error-state button{margin-top:16px;padding:10px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.qualified-empty-state .empty-illustration{width:120px;height:120px;margin-bottom:24px;color:var(--text-secondary);opacity:.5}.qualified-empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 8px}.qualified-empty-state p{color:var(--text-secondary);max-width:400px}.top-deal-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:20px;padding:28px;margin-bottom:28px;position:relative;overflow:hidden}.top-deal-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#3b82f6)}.top-deal-hero.urgent:before{background:linear-gradient(90deg,#f59e0b,#ef4444);animation:pulse-border 2s ease-in-out infinite}.top-deal-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:#22c55e;color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.top-deal-hero .hero-badge svg{width:14px;height:14px}.top-deal-hero .hero-content{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start}.top-deal-hero .hero-value-display{text-align:center;padding:20px 32px;background:var(--bg-primary);border-radius:16px;min-width:180px}.top-deal-hero .value-container{display:flex;align-items:flex-start;justify-content:center;gap:4px}.top-deal-hero .value-currency{font-size:1.5rem;font-weight:700;color:#22c55e;line-height:1.2}.top-deal-hero .value-amount{font-size:2.5rem;font-weight:800;color:#22c55e;line-height:1.1}.top-deal-hero.urgent .value-currency,.top-deal-hero.urgent .value-amount{color:#f59e0b}.top-deal-hero .value-meta{display:flex;flex-direction:column;gap:8px;margin-top:12px}.top-deal-hero .weighted-value{font-size:.8rem;color:var(--text-secondary)}.top-deal-hero .tier-indicator{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.top-deal-hero .hero-details{display:flex;flex-direction:column;gap:16px}.top-deal-hero .hero-datetime{display:flex;gap:24px;flex-wrap:wrap}.top-deal-hero .hero-date,.top-deal-hero .hero-time{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary)}.top-deal-hero .hero-date svg,.top-deal-hero .hero-time svg{width:18px;height:18px;opacity:.6}.top-deal-hero .probability-badge{background:var(--bg-tertiary);padding:4px 10px;border-radius:6px;font-size:.8rem;margin-left:8px}.top-deal-hero .hero-deal-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-deal-hero .hero-deal-info h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.top-deal-hero .status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600}.top-deal-hero .status-badge.health-hot{background:#ef444426;color:#ef4444}.top-deal-hero .status-badge.health-warm{background:#f59e0b26;color:#f59e0b}.top-deal-hero .status-badge.health-active{background:#3b82f626;color:#3b82f6}.top-deal-hero .status-badge.health-cold{background:#6b728026;color:#6b7280}.top-deal-hero .hero-client{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-deal-hero .client-avatar.large{width:48px;height:48px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.top-deal-hero .client-details{flex:1}.top-deal-hero .client-details .client-name{display:block;font-weight:600;color:var(--text-primary);font-size:1rem}.top-deal-hero .client-details .client-contact{display:block;font-size:.875rem;color:var(--text-secondary)}.top-deal-hero .client-details .client-source{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.top-deal-hero .client-details .client-source svg{width:14px;height:14px}.top-deal-hero .contact-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#22c55e;color:#fff;border-radius:10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.top-deal-hero .contact-btn:hover{background:#16a34a;transform:translateY(-1px)}.top-deal-hero .contact-btn svg{width:16px;height:16px}.top-deal-hero .hero-notes{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--bg-primary);border-radius:10px;font-size:.9rem;color:var(--text-secondary)}.top-deal-hero .hero-notes svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;opacity:.5}.qualified-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.qualified-stats-grid .stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;transition:all .2s ease}.qualified-stats-grid .stat-card:hover{border-color:#22c55e;transform:translateY(-2px)}.qualified-stats-grid .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qualified-stats-grid .stat-icon svg{width:24px;height:24px}.qualified-stats-grid .stat-card.primary .stat-icon{background:#22c55e26;color:#22c55e}.qualified-stats-grid .stat-card.weighted-stat .stat-icon{background:#3b82f626;color:#3b82f6}.qualified-stats-grid .stat-card.deals-stat .stat-icon{background:#8b5cf626;color:#8b5cf6}.qualified-stats-grid .stat-card.probability-stat .stat-icon{background:#06b6d426;color:#06b6d4}.qualified-stats-grid .stat-card.hot-stat .stat-icon{background:#ef444426;color:#ef4444}.qualified-stats-grid .stat-card.closing-stat .stat-icon{background:#f59e0b26;color:#f59e0b}.qualified-stats-grid .stat-content{flex:1;min-width:0}.qualified-stats-grid .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.qualified-stats-grid .stat-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.qualified-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.qualified-filters .filter-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qualified-filters .filter-btn:hover{border-color:#22c55e;color:var(--text-primary)}.qualified-filters .filter-btn.active{background:#22c55e;border-color:#22c55e;color:#fff}.qualified-filters .filter-btn svg{width:16px;height:16px}.qualified-timeline{display:flex;flex-direction:column;gap:24px}.qualified-timeline-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.qualified-timeline-section .timeline-section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.qualified-timeline-section .section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.qualified-timeline-section .section-icon svg{width:20px;height:20px}.qualified-timeline-section.hot-section .section-icon{background:#ef444426;color:#ef4444}.qualified-timeline-section.warm-section .section-icon{background:#f59e0b26;color:#f59e0b}.qualified-timeline-section.active-section .section-icon{background:#3b82f626;color:#3b82f6}.qualified-timeline-section.cold-section .section-icon{background:#6b728026;color:#6b7280}.qualified-timeline-section .section-title{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.qualified-timeline-section .section-count{background:var(--bg-primary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.qualified-timeline-section .section-value{background:#22c55e1a;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#22c55e}.qualified-timeline-section .timeline-section-content{padding:12px;display:flex;flex-direction:column;gap:8px}.qualified-lead-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.qualified-lead-card:hover{border-color:#22c55e}.qualified-lead-card.deal-hot{border-color:#ef4444;background:#ef44440d}.qualified-lead-card.deal-warm{border-color:#f59e0b;background:#f59e0b08}.qualified-lead-card .lead-card-left{display:flex;align-items:center}.qualified-lead-card .lead-value-block{text-align:center;min-width:100px}.qualified-lead-card .lead-value{display:block;font-size:1.25rem;font-weight:700;color:#22c55e}.qualified-lead-card .lead-date-small{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px}.qualified-lead-card .lead-weighted{display:block;font-size:.7rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;margin-top:6px}.qualified-lead-card .lead-card-center{display:flex;flex-direction:column;gap:10px}.qualified-lead-card .lead-tier-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qualified-lead-card .tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.qualified-lead-card .urgency-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600}.qualified-lead-card .urgency-badge.deal-hot{background:#ef444426;color:#ef4444}.qualified-lead-card .urgency-badge.deal-warm{background:#f59e0b26;color:#f59e0b}.qualified-lead-card .lead-contact{display:flex;align-items:center;gap:10px}.qualified-lead-card .contact-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.qualified-lead-card .contact-info{display:flex;flex-direction:column}.qualified-lead-card .contact-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.qualified-lead-card .contact-meta{display:flex;align-items:center;gap:8px}.qualified-lead-card .contact-source svg{width:14px;height:14px}.qualified-lead-card .contact-phone{font-size:.8rem;color:var(--text-secondary)}.qualified-lead-card .lead-probability-bar{padding:8px 12px;background:var(--bg-tertiary);border-radius:8px}.qualified-lead-card .probability-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);margin-bottom:6px}.qualified-lead-card .probability-value{font-weight:600}.qualified-lead-card .probability-track{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.qualified-lead-card .probability-fill{height:100%;border-radius:3px;transition:width .3s ease}.qualified-lead-card .lead-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.qualified-lead-card .lead-health{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600}.qualified-lead-card .lead-health.health-hot{background:#ef444426;color:#ef4444}.qualified-lead-card .lead-health.health-warm{background:#f59e0b26;color:#f59e0b}.qualified-lead-card .lead-health.health-active{background:#3b82f626;color:#3b82f6}.qualified-lead-card .lead-health.health-cold{background:#6b728026;color:#6b7280}.qualified-lead-card .lead-actions{display:flex;gap:8px}.qualified-lead-card .action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-decoration:none}.qualified-lead-card .action-btn:hover{border-color:#22c55e;color:#22c55e}.qualified-lead-card .action-btn svg{width:16px;height:16px}@media (max-width: 1024px){.top-deal-hero .hero-content{grid-template-columns:1fr;gap:24px}.top-deal-hero .hero-value-display{padding:16px 24px}.qualified-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.qualified-page-header{flex-direction:column;align-items:flex-start}.qualified-page-header .page-title{font-size:1.5rem}.top-deal-hero{padding:20px}.top-deal-hero .value-amount{font-size:2rem}.qualified-stats-grid{grid-template-columns:repeat(2,1fr)}.qualified-lead-card{grid-template-columns:1fr;gap:12px}.qualified-lead-card .lead-card-left{border-bottom:1px solid var(--border-light);padding-bottom:12px}.qualified-lead-card .lead-value-block{text-align:left;display:flex;align-items:center;gap:12px}.qualified-lead-card .lead-card-right{flex-direction:row;justify-content:space-between;align-items:center}.qualified-filters{flex-direction:column}.qualified-filters .filter-btn{width:100%;justify-content:center}}@media (max-width: 480px){.qualified-stats-grid{grid-template-columns:1fr}.qualified-stats-grid .stat-card{padding:16px}.top-deal-hero .hero-client{flex-direction:column;align-items:flex-start}.top-deal-hero .contact-btn{width:100%;justify-content:center}}.leads-overview-page{padding:0;max-width:1400px;margin:0 auto}.leads-card{background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;margin-bottom:24px}.leads-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #0000000d}.quick-action-card .action-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-card .action-icon svg{width:26px;height:26px}.quick-action-card.attention .action-icon{background:#ef44441f;color:#ef4444}.quick-action-card.qualified .action-icon{background:#8b5cf61f;color:#8b5cf6}.quick-action-card.converted .action-icon{background:#22c55e1f;color:#22c55e}.quick-action-card .action-content{flex:1;min-width:0}.quick-action-card .action-count{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.1}.quick-action-card .action-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.quick-action-card .action-arrow{width:20px;height:20px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.leads-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.leads-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d}.leads-stat-card .stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#14b8a61f;color:#14b8a6;flex-shrink:0}.leads-stat-card .stat-icon svg{width:22px;height:22px}.leads-stat-card .stat-content{flex:1;min-width:0}.leads-stat-card .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.leads-stat-card .stat-label{font-size:.813rem;color:var(--text-secondary)}.leads-funnel{padding:20px 24px}.leads-funnel .funnel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.leads-funnel .funnel-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.leads-funnel .funnel-total{font-size:.875rem;color:var(--text-secondary);font-weight:500}.leads-funnel .funnel-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.leads-funnel .funnel-stage-card{position:relative;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:12px;text-align:center;transition:transform .2s,box-shadow .2s}.leads-funnel .funnel-stage-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.leads-funnel .stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.leads-funnel .stage-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.leads-funnel .stage-percentage{font-size:.75rem;font-weight:700}.leads-funnel .stage-count{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:12px}.leads-funnel .stage-bar-track{height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.leads-funnel .stage-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.leads-funnel .stage-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:12px;height:12px;z-index:1;opacity:.4}.leads-funnel .stage-arrow svg{width:100%;height:100%}.leads-funnel .funnel-stage-card:last-child .stage-arrow{display:none}.leads-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.leads-chart-card{background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;min-height:380px}.leads-chart-card .chart-card{border:none;box-shadow:none;border-radius:0;height:100%}.leads-chart-card .chart-card__body{min-height:280px}.leads-chart-card .chart-card__body--pie{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.leads-chart-card .pie-chart-container{width:100%;height:220px}.leads-chart-card>.chart-card{height:100%;display:flex;flex-direction:column}.leads-chart-card>.chart-card>.chart-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.leads-chart-card>.chart-card>.chart-card__body{flex:1;padding:16px 20px}.leads-chart-card>.chart-card>.chart-card__body .chart-card{border:none;box-shadow:none}.leads-chart-card>.chart-card>.chart-card__body .chart-card__header{display:none}.leads-chart-card>.chart-card>.chart-card__body .chart-card__body{padding:0}.trend-range-toggle{display:flex;background:var(--bg-secondary, #f1f5f9);border-radius:8px;padding:4px;gap:4px}.trend-range-toggle .range-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.813rem;font-weight:500;transition:all .2s}.trend-range-toggle .range-btn:hover{color:var(--text-primary)}.trend-range-toggle .range-btn.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.leads-activity{padding:0}.leads-activity .activity-header{padding:16px 20px;border-bottom:1px solid #e2e8f0}.leads-activity .activity-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.leads-activity .activity-list{padding:8px 0}.leads-activity .activity-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:.875rem}.leads-activity .activity-item{display:flex;align-items:center;gap:12px;padding:12px 20px;transition:background .2s}.leads-activity .activity-item:hover{background:var(--surface-hover)}.leads-activity .activity-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.leads-activity .activity-content{flex:1;min-width:0}.leads-activity .activity-name{display:block;font-weight:500;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leads-activity .activity-status{font-size:.75rem;font-weight:500}.leads-activity .activity-meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;flex-shrink:0}.leads-activity .activity-source{padding:2px 8px;background:var(--surface-hover);border-radius:4px}.leads-activity .activity-time{color:var(--text-muted)}.overview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.overview-header .header-content h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.overview-header .header-subtitle{color:var(--text-secondary);font-size:.9rem}.overview-header .header-actions{display:flex;align-items:center;gap:12px}.time-range-selector{display:flex;background:var(--surface);border-radius:8px;padding:4px;gap:4px}.time-range-selector .range-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.time-range-selector .range-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.time-range-selector .range-btn.active{background:var(--primary);color:#fff}.overview-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all .2s}.quick-action-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-action-card .action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-action-card .action-icon svg{width:24px;height:24px}.quick-action-card.attention .action-icon{background:#ef444426;color:#ef4444}.quick-action-card.qualified .action-icon{background:#8b5cf626;color:#8b5cf6}.quick-action-card.converted .action-icon{background:#22c55e26;color:#22c55e}.quick-action-card .action-content{flex:1}.quick-action-card .action-count{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.quick-action-card .action-label{font-size:.875rem;color:var(--text-secondary)}.quick-action-card .action-arrow{width:20px;height:20px;color:var(--text-muted);transition:transform .2s}.quick-action-card:hover .action-arrow{transform:translate(4px);color:var(--primary)}.overview-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stats-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.stats-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.stats-card .card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.stats-card .ai-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#8b5cf626;color:#8b5cf6;border-radius:6px;font-size:.75rem;font-weight:600}.stats-card .ai-badge svg{width:14px;height:14px}.stats-card .card-content{padding:16px 20px}.stats-card .stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stats-card .stat-row:not(:last-child){border-bottom:1px solid var(--border-color)}.stats-card .stat-label{color:var(--text-secondary);font-size:.875rem}.stats-card .stat-value{font-weight:600;color:var(--text-primary)}.stats-card .stat-value.success{color:#22c55e}.stats-card .stat-value.warning{color:#f59e0b}.status-bars{display:flex;flex-direction:column;gap:12px}.status-bar-item{display:flex;flex-direction:column;gap:4px}.status-bar-header{display:flex;justify-content:space-between;align-items:center}.status-bar-header .status-name{font-size:.813rem;font-weight:500}.status-bar-header .status-count{font-size:.813rem;color:var(--text-secondary)}.status-bar-track{height:6px;background:var(--surface-hover);border-radius:3px;overflow:hidden}.status-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.source-list{display:flex;flex-direction:column;gap:12px}.source-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.source-item:not(:last-child){border-bottom:1px solid var(--border-color)}.source-info .source-name{display:block;font-weight:500;color:var(--text-primary);font-size:.875rem}.source-info .source-stats{font-size:.75rem;color:var(--text-secondary)}.source-value{font-weight:600;color:#22c55e;font-size:.875rem}.overview-recent-activity{background:var(--surface);border:1px solid var(--border-color);border-radius:12px}.overview-recent-activity .section-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.overview-recent-activity .section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.activity-list{padding:8px 0}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 20px;transition:background .2s}.activity-item:hover{background:var(--surface-hover)}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-name{display:block;font-weight:500;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-status{font-size:.75rem;font-weight:500}.activity-meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem}.activity-source{padding:2px 6px;background:var(--surface-hover);border-radius:4px}.overview-loading-state,.overview-error-state,.attention-loading-state,.attention-error-state,.attention-empty-state,.ai-qualified-loading-state,.ai-qualified-error-state,.ai-qualified-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.needs-attention-page{padding:24px;max-width:1200px;margin:0 auto}.attention-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.attention-header .header-content{flex:1}.attention-header .header-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:4px}.attention-header .breadcrumb-parent{color:var(--text-secondary);font-size:.875rem}.attention-header .header-breadcrumb svg{width:16px;height:16px;color:var(--text-muted)}.attention-header .breadcrumb-current{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.attention-header .header-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.attention-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.attention-stats .stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border-color);border-radius:12px}.attention-stats .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.attention-stats .stat-icon svg{width:20px;height:20px}.attention-stats .stat-item.urgent .stat-icon{background:#ef444426;color:#ef4444}.attention-stats .stat-item.total .stat-icon{background:#3b82f626;color:#3b82f6}.attention-stats .stat-item.time .stat-icon{background:#f59e0b26;color:#f59e0b}.attention-stats .stat-item.oldest .stat-icon{background:#6b728026;color:#6b7280}.attention-stats .stat-content{flex:1}.attention-stats .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.attention-stats .stat-label{font-size:.75rem;color:var(--text-secondary)}.attention-list{display:flex;flex-direction:column;gap:24px}.urgency-section{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.urgency-section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color)}.urgency-section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.urgency-section-icon svg{width:20px;height:20px}.urgency-section-header h3{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary)}.urgency-count{padding:4px 12px;background:var(--surface-hover);border-radius:12px;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.urgency-section-list{padding:8px 0}.attention-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s}.attention-item:hover{background:var(--surface-hover)}.attention-item-urgency{position:relative;padding-top:4px}.urgency-indicator{width:12px;height:12px;border-radius:50%}.urgency-pulse{position:absolute;top:4px;left:0;width:12px;height:12px;border-radius:50%;opacity:.5;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:.5}}.attention-item.urgency-critical .urgency-pulse{animation-duration:1s}.attention-item.urgency-high .urgency-pulse{animation-duration:1.5s}.attention-item.urgency-normal .urgency-pulse{animation:none}.attention-item-content{flex:1;min-width:0}.attention-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.attention-item-name{font-weight:600;color:var(--text-primary);font-size:.938rem}.attention-item-wait{display:flex;align-items:center;gap:4px;font-size:.813rem;color:var(--text-secondary)}.attention-item-wait svg{width:14px;height:14px}.attention-item-reason{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.attention-item-reason svg{width:16px;height:16px;color:var(--text-muted)}.attention-item-meta{display:flex;flex-wrap:wrap;gap:12px}.attention-item-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:.813rem;color:var(--text-muted)}.attention-item-meta .meta-item svg{width:14px;height:14px}.attention-item-meta .meta-item.score{color:#f59e0b}.attention-item-actions{display:flex;align-items:center}.take-over-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.take-over-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.take-over-btn:disabled{opacity:.6;cursor:not-allowed}.take-over-btn svg{width:16px;height:16px}.btn-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.attention-empty-state .empty-icon{width:80px;height:80px;background:#22c55e26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.attention-empty-state .empty-icon svg{width:40px;height:40px;color:#22c55e}.attention-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.attention-empty-state p{color:var(--text-secondary);max-width:400px}.ai-qualified-page{padding:24px;max-width:1400px;margin:0 auto}.ai-qualified-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.ai-qualified-header .header-content{flex:1}.ai-qualified-header .header-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ai-qualified-header .breadcrumb-parent{color:var(--text-secondary);font-size:.875rem}.ai-qualified-header .header-breadcrumb svg{width:16px;height:16px;color:var(--text-muted)}.ai-qualified-header .breadcrumb-current{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.ai-qualified-header .header-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.ai-qualified-header .header-actions{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;padding:4px}.view-toggle .toggle-btn{padding:8px;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s}.view-toggle .toggle-btn:hover{color:var(--text-primary)}.view-toggle .toggle-btn.active{background:var(--primary);color:#fff}.view-toggle .toggle-btn svg{width:18px;height:18px}.ai-qualified-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ai-qualified-stats .stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border-color);border-radius:12px}.ai-qualified-stats .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ai-qualified-stats .stat-icon svg{width:20px;height:20px}.ai-qualified-stats .stat-item.qualified .stat-icon{background:#8b5cf626;color:#8b5cf6}.ai-qualified-stats .stat-item.high-confidence .stat-icon{background:#22c55e26;color:#22c55e}.ai-qualified-stats .stat-item.value .stat-icon{background:#3b82f626;color:#3b82f6}.ai-qualified-stats .stat-item.avg-score .stat-icon{background:#f59e0b26;color:#f59e0b}.ai-qualified-stats .stat-content{flex:1}.ai-qualified-stats .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.ai-qualified-stats .stat-label{font-size:.75rem;color:var(--text-secondary)}.ai-qualified-grid{display:grid;gap:16px}.ai-qualified-grid.cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.ai-qualified-grid.list{grid-template-columns:1fr}.ai-qualified-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.ai-qualified-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.ai-qualified-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ai-qualified-card .card-lead-info{flex:1;min-width:0}.ai-qualified-card .card-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-qualified-card .card-time{font-size:.75rem;color:var(--text-muted)}.ai-qualified-card .card-score{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:.875rem;font-weight:600}.ai-qualified-card .card-score svg{width:16px;height:16px}.ai-qualified-card .card-confidence{margin-bottom:12px}.confidence-bar{height:6px;background:var(--surface-hover);border-radius:3px;overflow:hidden;margin-bottom:6px}.confidence-fill{height:100%;border-radius:3px;transition:width .3s ease}.confidence-label{font-size:.75rem;font-weight:500}.ai-qualified-card .card-reasons{margin-bottom:12px}.ai-qualified-card .reasons-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.ai-qualified-card .reasons-list{display:flex;flex-wrap:wrap;gap:6px}.ai-qualified-card .reason-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface-hover);border-radius:6px;font-size:.75rem;color:var(--text-secondary)}.ai-qualified-card .reason-tag svg{width:12px;height:12px}.ai-qualified-card .card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ai-qualified-card .card-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:.813rem;color:var(--text-muted)}.ai-qualified-card .card-meta .meta-item svg{width:14px;height:14px}.ai-qualified-card .card-meta .meta-item.value{font-weight:600}.ai-qualified-card .card-actions{display:flex;gap:8px}.ai-qualified-card .take-over-btn.primary{flex:1;justify-content:center}.ai-qualified-card .view-btn{padding:8px 12px;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.ai-qualified-card .view-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.ai-qualified-card .view-btn svg{width:18px;height:18px}.ai-qualified-empty-state .empty-icon{width:80px;height:80px;background:#8b5cf626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.ai-qualified-empty-state .empty-icon svg{width:40px;height:40px;color:#8b5cf6}.ai-qualified-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ai-qualified-empty-state p{color:var(--text-secondary);max-width:400px}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{width:16px;height:16px}@media (max-width: 1200px){.leads-charts-row{grid-template-columns:1fr}.leads-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.leads-quick-actions,.overview-quick-actions,.overview-stats-grid{grid-template-columns:1fr}.attention-stats,.ai-qualified-stats{grid-template-columns:repeat(2,1fr)}.leads-funnel .funnel-stages{grid-template-columns:repeat(3,1fr);gap:12px}.leads-funnel .stage-arrow{display:none}.leads-funnel .stage-count{font-size:1.5rem}}@media (max-width: 768px){.leads-overview-page,.needs-attention-page,.ai-qualified-page{padding:16px}.leads-stats-row{grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-card .action-count{font-size:1.5rem}.leads-stat-card{padding:14px 16px}.leads-stat-card .stat-value{font-size:1.25rem}.overview-header,.attention-header,.ai-qualified-header{flex-direction:column;align-items:stretch}.time-range-selector{overflow-x:auto;flex-wrap:nowrap}.attention-stats,.ai-qualified-stats{grid-template-columns:1fr}.attention-item{flex-direction:column;align-items:stretch}.attention-item-actions{margin-top:12px}.take-over-btn{width:100%;justify-content:center}.ai-qualified-grid.cards{grid-template-columns:1fr}.leads-activity .activity-item{flex-wrap:wrap}.leads-activity .activity-meta{width:100%;margin-top:8px;padding-left:22px}.leads-funnel .funnel-stages{grid-template-columns:repeat(2,1fr)}.leads-funnel .funnel-stage-card{padding:12px}.leads-funnel .stage-count{font-size:1.25rem}}.inbox-page{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 80px);padding:0;gap:0}.inbox-stats-bar{display:flex;align-items:center;gap:20px;padding:14px 24px;background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:16px;flex-shrink:0}.inbox-stat-item{display:flex;align-items:center;gap:8px}.inbox-stat-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.inbox-stat-icon svg{width:16px;height:16px}.inbox-stat-icon.unread{color:#3b82f6}.inbox-stat-icon.critical{color:#ef4444}.inbox-stat-icon.oldest{color:#f59e0b}.inbox-stat-item.critical .inbox-stat-value{color:#ef4444;font-weight:600}.inbox-stat-value{font-weight:600;color:var(--text-primary);font-size:.938rem}.inbox-stat-label{font-size:.813rem;color:var(--text-secondary)}.inbox-stat-divider{color:var(--text-muted);font-size:.75rem}.inbox-split-view{display:flex;flex:1;overflow:hidden;background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014}.inbox-list-panel{width:40%;min-width:340px;max-width:500px;background:var(--bg-primary);border-right:1px solid #e5e7eb;overflow-y:auto;transition:width .2s ease;border-radius:12px 0 0 12px}.inbox-split-view:not(.has-detail) .inbox-list-panel{width:100%;max-width:none}.inbox-list-panel.hidden{display:none}.inbox-list{padding:0}.inbox-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.inbox-list-empty-icon{width:64px;height:64px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.inbox-list-empty-icon svg{width:28px;height:28px;color:#22c55e}.inbox-item{display:flex;align-items:stretch;padding:16px 20px;margin:8px 12px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer;transition:all .15s ease;background:#f8fafc;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.inbox-item:first-child{margin-top:12px}.inbox-item:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.inbox-item.selected{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#3b82f6;box-shadow:0 2px 12px #3b82f626}.inbox-item.unread{background:#fefefe;border-color:#f1f5f9}.inbox-item.unread .inbox-item-name{font-weight:600}.inbox-item-indicator{width:4px;border-radius:2px;margin-right:12px;flex-shrink:0}.inbox-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.inbox-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.inbox-item-name-row{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.inbox-item-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0}.inbox-item-name{font-size:.938rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.inbox-item-preview{font-size:.813rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.inbox-item-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.inbox-item-source{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.inbox-item-source .source-icon{width:14px;height:14px}.inbox-item-source .source-icon.whatsapp{color:#25d366}.inbox-item-source .source-icon.instagram{color:#e4405f}.inbox-item-source .source-icon.facebook{color:#1877f2}.inbox-item-source .source-icon.website{color:#3b82f6}.inbox-item-source .source-icon.email{color:#6b7280}.inbox-item-urgency-badge{padding:2px 8px;border-radius:10px;font-size:.688rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.inbox-detail-panel-wrapper{flex:1;min-width:0;overflow-y:auto;animation:slideIn .45s cubic-bezier(.25,.46,.45,.94);background:var(--bg-primary);border-radius:0 12px 12px 0;box-shadow:-4px 0 16px #0000000f;position:relative;z-index:1}.inbox-detail-panel-wrapper.closing{animation:slideOut .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.inbox-mobile-back{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-primary);border:none;border-bottom:1px solid #e2e8f0;width:100%;font-size:.938rem;color:var(--text-secondary);cursor:pointer}.inbox-mobile-back svg{width:18px;height:18px}.inbox-detail-panel{display:flex;flex-direction:column;height:100%}.inbox-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,var(--bg-primary) 0%,#f8fafc 100%)}.inbox-detail-header-content{flex:1;min-width:0}.inbox-detail-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.inbox-detail-contact{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.inbox-detail-contact .contact-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.inbox-detail-contact .contact-item svg{width:14px;height:14px;color:var(--text-muted)}.inbox-detail-meta{display:flex;align-items:center;gap:8px;font-size:.813rem}.inbox-detail-source{font-weight:500}.inbox-detail-divider{color:var(--text-muted)}.inbox-detail-score{color:var(--text-secondary)}.inbox-detail-close{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.inbox-detail-close:hover{background:#f8fafc;color:var(--text-primary)}.inbox-detail-close svg{width:18px;height:18px}.inbox-detail-content{flex:1;overflow-y:auto;padding:24px;background:#f8fafc}.inbox-detail-section{margin-bottom:16px;background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}.inbox-detail-section:last-child{margin-bottom:0}.inbox-detail-section-title{display:flex;align-items:center;gap:10px;font-size:.813rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.inbox-detail-section-title svg{width:16px;height:16px;color:var(--primary)}.escalation-info{background:linear-gradient(135deg,#fef2f2,#fff7ed);border-radius:10px;padding:16px;border:1px solid rgba(239,68,68,.1)}.escalation-reason{font-size:.938rem;font-weight:500;color:var(--text-primary);margin-bottom:12px}.escalation-details{display:flex;justify-content:space-between;align-items:center}.escalation-detail-item{display:flex;align-items:center;gap:6px;font-size:.813rem}.escalation-detail-label{color:var(--text-secondary)}.escalation-detail-value{font-weight:600}.escalation-urgency-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid}.recommended-actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.recommended-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e5e7eb;transition:all .15s;cursor:pointer}.recommended-action-item:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe;box-shadow:0 2px 8px #3b82f61a;transform:translate(4px)}.recommended-action-item .action-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #3b82f64d}.recommended-action-item .action-icon svg{width:16px;height:16px}.recommended-action-item .action-text{font-size:.875rem;color:var(--text-primary);font-weight:500}.conversation-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:14px;border:1px solid #e5e7eb}.preview-message{font-size:.875rem;line-height:1.5}.preview-message.user{color:var(--text-primary)}.preview-message.ai{color:var(--text-secondary)}.preview-message-sender{font-weight:600;margin-right:4px}.view-full-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--primary);cursor:pointer;transition:all .2s;width:100%}.view-full-chat-btn:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:var(--primary);box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.view-full-chat-btn svg{width:16px;height:16px}.lead-info-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;padding:14px 16px;border:1px solid #e5e7eb;transition:all .15s}.lead-info-item:hover{border-color:#d1d5db;box-shadow:0 2px 6px #0000000d}.lead-info-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.lead-info-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.lead-info-value.priority-high{color:#ef4444}.lead-info-value.priority-medium{color:#f59e0b}.lead-info-value.priority-low{color:#22c55e}.inbox-detail-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc 0%,var(--bg-primary) 100%)}.inbox-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;flex:1}.inbox-action-btn svg{width:18px;height:18px}.inbox-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 12px #3b82f659}.inbox-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f673}.inbox-action-btn.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.inbox-action-btn.secondary{background:linear-gradient(135deg,#22c55e1a,#22c55e26);color:#16a34a;border:1px solid rgba(34,197,94,.25)}.inbox-action-btn.secondary:hover{background:linear-gradient(135deg,#22c55e26,#22c55e33);border-color:#22c55e59;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.inbox-action-btn.outline{background:var(--bg-primary);color:var(--text-secondary);border:1px solid #e2e8f0}.inbox-action-btn.outline:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.inbox-action-btn .btn-loading{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.inbox-list-panel{width:45%;min-width:300px}.inbox-stats-bar{padding:12px 16px;gap:14px}.inbox-stat-label{display:none}}@media (max-width: 768px){.inbox-page{max-height:none}.inbox-stats-bar{padding:12px 16px;gap:12px;flex-wrap:wrap;border-radius:10px;margin-bottom:12px}.inbox-stat-item{gap:6px}.inbox-stat-value{font-size:.875rem}.inbox-split-view{border-radius:10px}.inbox-list-panel{width:100%;max-width:none;min-width:auto;border-radius:10px}.inbox-detail-panel-wrapper.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:100;background:var(--bg-primary);animation:slideInFromRight .45s cubic-bezier(.25,.46,.45,.94);border-radius:0;box-shadow:none}.inbox-detail-panel-wrapper.mobile-overlay.closing{animation:slideOutToRight .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.inbox-item{padding:14px 12px;margin:6px 10px;border-radius:8px}.inbox-detail-header,.inbox-detail-content{padding:16px}.inbox-detail-section{padding:16px;border-radius:10px}.inbox-detail-actions{flex-direction:column;padding:16px}.inbox-action-btn{width:100%}.lead-info-grid{grid-template-columns:1fr}.inbox-detail-close{display:none}}.ai-qualified-stats-bar{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.ai-qualified-stat-item{display:flex;align-items:center;gap:6px}.ai-qualified-stat-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ai-qualified-stat-icon svg{width:16px;height:16px}.ai-qualified-stat-icon.qualified{color:#3b82f6}.ai-qualified-stat-icon.high-confidence{color:#22c55e}.ai-qualified-stat-icon.value{color:#8b5cf6}.ai-qualified-stat-icon.avg-score{color:#f59e0b}.ai-qualified-stat-value{font-weight:600;font-size:14px;color:var(--text-primary)}.ai-qualified-stat-label{font-size:13px;color:var(--text-secondary)}.ai-qualified-stat-divider{color:var(--text-tertiary);margin:0 4px}.ai-qualified-list{display:flex;flex-direction:column;gap:4px;padding:8px}.ai-qualified-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.ai-qualified-list-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;margin-bottom:16px}.ai-qualified-list-empty-icon svg{width:32px;height:32px;color:#3b82f6}.ai-qualified-list-empty h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.ai-qualified-list-empty p{font-size:14px;color:var(--text-secondary);margin:0;max-width:280px}.ai-qualified-item{display:flex;gap:0;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .15s ease;overflow:hidden}.ai-qualified-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.ai-qualified-item.selected{border-color:#3b82f6;background:#3b82f60d;box-shadow:0 0 0 1px #3b82f633}.ai-qualified-item-indicator{width:4px;flex-shrink:0;border-radius:4px 0 0 4px}.ai-qualified-item-content{flex:1;padding:14px 14px 14px 12px;min-width:0}.ai-qualified-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ai-qualified-item-score-row{flex:1;min-width:0}.ai-qualified-item-time{font-size:12px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.ai-qualified-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-qualified-item-signals{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ai-qualified-item-signal{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-secondary);border-radius:12px;font-size:11px;color:var(--text-secondary)}.ai-qualified-item-signal .signal-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.ai-qualified-item-signal .signal-icon svg{width:12px;height:12px}.ai-qualified-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-qualified-item-source{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.ai-qualified-item-source svg,.ai-qualified-item-source .source-icon{width:14px;height:14px}.ai-qualified-item-source .source-icon.whatsapp{color:#25d366}.ai-qualified-item-source .source-icon.instagram{color:#e4405f}.ai-qualified-item-source .source-icon.facebook{color:#1877f2}.ai-qualified-item-source .source-icon.website{color:#3b82f6}.ai-qualified-item-source .source-icon.email{color:#6b7280}.ai-qualified-item-source .source-icon.phone{color:#22c55e}.ai-qualified-item-value{font-size:12px;font-weight:600;color:#22c55e}.ai-confidence-bar{display:flex;align-items:center;gap:8px}.ai-confidence-bar-track{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.ai-confidence-bar.small .ai-confidence-bar-track{height:4px}.ai-confidence-bar.large .ai-confidence-bar-track{height:10px;border-radius:5px}.ai-confidence-bar-fill{height:100%;border-radius:inherit;transition:width .3s ease}.ai-confidence-bar-fill.very-high{background:linear-gradient(135deg,#22c55e,#16a34a)}.ai-confidence-bar-fill.high{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ai-confidence-bar-fill.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.ai-confidence-bar-fill.low{background:linear-gradient(135deg,#6b7280,#4b5563)}.ai-confidence-bar-percentage{font-size:12px;font-weight:600;min-width:32px;text-align:right}.ai-confidence-bar.small .ai-confidence-bar-percentage{font-size:11px;min-width:28px}.ai-confidence-bar.large .ai-confidence-bar-percentage{font-size:18px;min-width:48px}.ai-confidence-bar-label{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.ai-confidence-bar.large .ai-confidence-bar-label{font-size:13px;padding:4px 12px;border-radius:12px}.ai-signals-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ai-signals-list.chips{flex-direction:row;flex-wrap:wrap;gap:8px}.ai-signals-list.compact{gap:6px}.ai-signal-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px}.ai-signals-list.chips .ai-signal-item{padding:6px 10px;border-radius:16px;align-items:center}.ai-signals-list.compact .ai-signal-item{padding:8px 10px}.ai-signal-checkmark{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#22c55e26;border-radius:50%;flex-shrink:0;margin-top:1px}.ai-signal-checkmark svg{width:12px;height:12px;color:#22c55e}.ai-signals-list.chips .ai-signal-checkmark{width:14px;height:14px;margin-top:0}.ai-signals-list.chips .ai-signal-checkmark svg{width:10px;height:10px}.ai-signal-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.ai-signal-icon svg{width:16px;height:16px}.ai-signal-content{flex:1;min-width:0}.ai-signal-label{font-size:13px;font-weight:500;color:var(--text-primary);display:block}.ai-signal-detail{font-size:12px;color:var(--text-secondary);display:block;margin-top:2px}.ai-signals-list.chips .ai-signal-label{font-size:12px}.ai-signals-list.chips .ai-signal-detail{display:none}.ai-qualified-detail-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.ai-qualified-detail-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;gap:16px}.ai-qualified-detail-header-content{flex:1;min-width:0}.ai-qualified-detail-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.ai-qualified-detail-contact{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.ai-qualified-detail-contact .contact-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.ai-qualified-detail-contact .contact-item svg{width:14px;height:14px;color:var(--text-tertiary)}.ai-qualified-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-qualified-detail-source{font-size:13px;font-weight:500}.ai-qualified-detail-divider{color:var(--text-tertiary)}.ai-qualified-detail-value{font-size:14px;font-weight:600;color:#22c55e}.ai-qualified-detail-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;flex-shrink:0}.ai-qualified-detail-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.ai-qualified-detail-close svg{width:18px;height:18px}.ai-qualified-detail-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.ai-qualified-detail-section{background:var(--bg-secondary);border-radius:12px;padding:16px}.ai-qualified-detail-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px}.ai-qualified-detail-section-title svg{width:16px;height:16px}.ai-confidence-card{padding:8px 0}.ai-qualified-signals-card{margin-top:-4px}.conversation-preview{display:flex;flex-direction:column;gap:10px}.preview-message{padding:10px 12px;background:var(--bg-primary);border-radius:8px;font-size:13px}.preview-message.user{border-left:3px solid #3b82f6}.preview-message.ai{border-left:3px solid #8b5cf6}.preview-message-sender{font-weight:600;color:var(--text-primary);margin-right:6px}.preview-message-text{color:var(--text-secondary)}.view-full-chat-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;margin-top:8px}.view-full-chat-btn:hover{text-decoration:underline}.view-full-chat-btn svg{width:14px;height:14px}.inbox-detail-section .lead-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inbox-detail-section .lead-info-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .15s ease}.inbox-detail-section .lead-info-item:hover{border-color:#d1d5db;box-shadow:0 2px 6px #0000000d}.inbox-detail-section .lead-info-item--full{grid-column:1 / -1}.inbox-detail-section .lead-info-label{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.inbox-detail-section .lead-info-value{font-size:14px;font-weight:600;color:var(--text-primary)}.inbox-detail-section .lead-info-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.inbox-detail-section .lead-info-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:14px;font-size:12px;font-weight:500;color:#374151}.lead-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lead-info-item{display:flex;flex-direction:column;gap:4px}.lead-info-item--full{grid-column:1 / -1}.lead-info-label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.lead-info-value{font-size:14px;color:var(--text-primary)}.lead-info-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lead-info-tag{display:inline-block;padding:4px 10px;background:var(--bg-primary);border-radius:12px;font-size:12px;color:var(--text-secondary)}.ai-qualified-detail-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.ai-qualified-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.ai-qualified-action-btn svg{width:18px;height:18px}.ai-qualified-action-btn.primary{flex:1;background:#3b82f6;color:#fff}.ai-qualified-action-btn.primary:hover:not(:disabled){background:#2563eb}.ai-qualified-action-btn.secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.ai-qualified-action-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.ai-qualified-action-btn.outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.ai-qualified-action-btn.outline:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.ai-qualified-action-btn:disabled{opacity:.6;cursor:not-allowed}.ai-qualified-action-btn .btn-loading{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.ai-qualified-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.ai-qualified-empty-state .empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;margin-bottom:20px}.ai-qualified-empty-state .empty-icon svg{width:40px;height:40px;color:#3b82f6}.ai-qualified-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.ai-qualified-empty-state p{font-size:14px;color:var(--text-secondary);margin:0;max-width:320px}@media (max-width: 768px){.ai-qualified-stats-bar{padding:10px 16px;gap:6px}.ai-qualified-stat-label{display:none}.ai-qualified-item{margin:4px 10px}.ai-qualified-item-content{padding:12px 12px 12px 10px}.ai-qualified-detail-header,.ai-qualified-detail-content{padding:16px}.ai-qualified-detail-section{padding:14px;border-radius:10px}.ai-qualified-detail-actions{flex-direction:column;padding:16px}.ai-qualified-action-btn{width:100%}.ai-qualified-action-btn.primary{order:-1}.lead-info-grid{grid-template-columns:1fr}.ai-qualified-detail-close{display:none}}.inbox-stats-bar.ai-qualified-stats{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #e5e7eb;padding:14px 24px}.inbox-stats-bar.ai-qualified-stats .inbox-stat-icon{width:36px;height:36px;border-radius:10px}.inbox-stats-bar.ai-qualified-stats .inbox-stat-icon.qualified{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#3b82f6}.inbox-stats-bar.ai-qualified-stats .inbox-stat-icon.high-confidence{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:#22c55e}.inbox-stats-bar.ai-qualified-stats .inbox-stat-icon.value{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#8b5cf6}.inbox-stats-bar.ai-qualified-stats .inbox-stat-icon.avg-score{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);color:#f59e0b}.inbox-item.ai-qualified-item{padding:18px 22px;margin:10px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;transition:all .2s ease}.inbox-item.ai-qualified-item:first-child{margin-top:16px}.inbox-item.ai-qualified-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000f;transform:translateY(-1px)}.inbox-item.ai-qualified-item.selected{border-color:#3b82f6;background:linear-gradient(135deg,#f8faff,#eff6ff);box-shadow:0 2px 8px #3b82f61a,0 8px 24px #3b82f61a}.inbox-item.ai-qualified-item .inbox-item-indicator{width:4px;border-radius:4px;margin-right:16px}.inbox-item.ai-qualified-item .inbox-item-content{gap:10px}.ai-item-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.ai-item-name{font-size:1rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-item-value{font-size:.938rem;font-weight:700;color:#059669;white-space:nowrap;flex-shrink:0}.ai-item-confidence-row{display:flex;align-items:center;gap:12px}.ai-item-bar-wrapper{width:80px;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;flex-shrink:0}.ai-item-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.ai-item-score{font-size:.875rem;font-weight:700;color:#475569;min-width:36px}.ai-item-time{font-size:.813rem;color:#94a3b8;white-space:nowrap;margin-left:auto}.ai-item-meta-row{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#64748b}.ai-item-signals{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.ai-item-signal{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ai-item-signal:not(:last-child):after{content:"·";margin-left:6px;color:#cbd5e1}.ai-item-signal .signal-icon{display:none}.ai-item-source{display:flex;align-items:center;gap:6px;flex-shrink:0;color:#64748b;font-weight:500}.ai-item-source .source-icon{width:16px;height:16px}.ai-item-source .source-icon.whatsapp{color:#25d366}.ai-item-source .source-icon.instagram{color:#e4405f}.ai-item-source .source-icon.facebook{color:#1877f2}.ai-item-source .source-icon.website,.ai-item-source .source-icon.email{color:#64748b}.ai-item-source .source-icon.phone{color:#22c55e}.ai-confidence-row{flex:1;min-width:0}.ai-signals-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ai-signal-chip-small{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:14px;font-size:11px;color:var(--text-secondary);transition:all .15s ease}.inbox-item.ai-qualified-item:hover .ai-signal-chip-small{background:#fff;border-color:#d1d5db}.ai-signal-chip-small .signal-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#6b7280}.ai-signal-chip-small .signal-icon svg{width:12px;height:12px}.ai-signal-chip-small .signal-label{font-size:11px;font-weight:500;color:#374151}.inbox-item-value{font-size:13px;font-weight:700;color:#059669;background:linear-gradient(135deg,#22c55e1a,#10b9810d);padding:3px 10px;border-radius:6px}.inbox-detail-value{font-size:15px;font-weight:700;color:#059669}.ai-confidence-bar-wrapper{display:flex;align-items:center;gap:10px;width:100%}.ai-confidence-bar-wrapper .ai-confidence-bar{flex:1;height:8px;background:linear-gradient(135deg,#e5e7eb,#f1f5f9);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.ai-confidence-bar-wrapper--small .ai-confidence-bar{height:6px;border-radius:3px}.ai-confidence-bar-wrapper--large .ai-confidence-bar{height:12px;border-radius:6px}.ai-confidence-bar-wrapper .ai-confidence-bar-fill{height:100%;border-radius:inherit;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000026}.ai-confidence-bar-wrapper .ai-confidence-bar-info{display:flex;align-items:center;gap:10px;flex-shrink:0}.ai-confidence-bar-wrapper .ai-confidence-percentage{font-size:13px;font-weight:700;color:var(--text-primary);min-width:36px;text-align:right}.ai-confidence-bar-wrapper--small .ai-confidence-percentage{font-size:12px;font-weight:600;min-width:32px}.ai-confidence-bar-wrapper--large .ai-confidence-percentage{font-size:24px;font-weight:800;min-width:56px}.ai-confidence-bar-wrapper .ai-confidence-label{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.ai-confidence-bar-wrapper--large .ai-confidence-label{font-size:13px;padding:6px 16px;border-radius:14px}.ai-confidence-card{padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e5e7eb}.ai-qualified-signals-card{margin-top:0}.inbox-detail-section .inbox-detail-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6b7280;margin-bottom:16px;display:flex;align-items:center;gap:8px}.inbox-detail-section .inbox-detail-section-title svg{width:16px;height:16px;opacity:.7}.conversation-preview{display:flex;flex-direction:column;gap:12px}.preview-message{padding:12px 14px;background:#fff;border-radius:10px;font-size:13px;line-height:1.5;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a}.preview-message.user{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.preview-message.ai{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#f5f3ff,#fff)}.preview-message-sender{font-weight:600;color:var(--text-primary);margin-right:8px}.preview-message-text{color:#4b5563}.view-full-chat-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 0;background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .15s ease}.view-full-chat-btn:hover{color:#2563eb;gap:10px}.view-full-chat-btn svg{width:16px;height:16px;transition:transform .15s ease}.view-full-chat-btn:hover svg{transform:translate(3px)}.inbox-detail-actions{padding:20px 24px;gap:12px;background:linear-gradient(0deg,#f8fafc,#fff);border-top:1px solid #e5e7eb}.inbox-action-btn{padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease}.inbox-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.inbox-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.inbox-action-btn.secondary{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca}.inbox-action-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.inbox-action-btn.outline{background:#fff;border:1px solid #d1d5db;color:#374151}.inbox-action-btn.outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ai-signals-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ai-signals-list .ai-signal-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .15s ease}.ai-signals-list .ai-signal-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.ai-signals-list .ai-signal-item .signal-checkmark{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-radius:50%;flex-shrink:0}.ai-signals-list .ai-signal-item .signal-checkmark svg{width:14px;height:14px;color:#16a34a}.ai-signals-list .ai-signal-item .signal-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.ai-signals-list .ai-signal-item .signal-icon svg{width:18px;height:18px}.ai-signals-list .ai-signal-item .signal-text{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.ai-signals-list .ai-signal-item .signal-detail{font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:3px 10px;border-radius:6px}.ai-signals-list .ai-signal-item .signal-text-old{font-size:13px;font-weight:500;color:var(--text-primary)}.ai-signals-list .ai-signal-item .signal-detail{font-size:12px;color:var(--text-secondary);margin-left:4px}.ai-signals-chips{display:flex;flex-wrap:wrap;gap:8px}.ai-signal-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg-secondary, #f1f5f9);border-radius:16px;font-size:12px}.ai-signal-chip .signal-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.ai-signal-chip .signal-icon svg{width:14px;height:14px}.ai-signal-chip .signal-text{font-weight:500;color:var(--text-primary)}.ai-signals-compact{display:flex;gap:8px}.ai-signal-compact{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f1f5f9);border-radius:6px;color:var(--text-secondary);cursor:default}.ai-signal-compact svg{width:14px;height:14px}@media (max-width: 768px){.inbox-stats-bar.ai-qualified-stats{padding:12px 16px}.inbox-stats-bar.ai-qualified-stats .inbox-stat-icon{width:32px;height:32px}.inbox-item.ai-qualified-item{padding:16px 18px;margin:8px 12px}.ai-item-name{font-size:.938rem}.ai-item-bar-wrapper{width:60px}.ai-item-score{font-size:.813rem}.ai-signals-preview{gap:4px;margin-bottom:6px}.ai-signal-chip-small{padding:3px 8px;font-size:10px}.ai-signal-chip-small .signal-icon{width:12px;height:12px}.ai-confidence-bar-wrapper .ai-confidence-bar{height:6px}.ai-confidence-bar-wrapper .ai-confidence-percentage{font-size:12px}.ai-confidence-card{padding:12px}.ai-signals-list .ai-signal-item{padding:10px 12px;gap:10px}.ai-signals-list .ai-signal-item .signal-checkmark{width:20px;height:20px}.preview-message{padding:10px 12px;font-size:12px}.inbox-detail-actions{padding:16px;gap:10px}.inbox-action-btn{padding:12px 16px;font-size:13px}.inbox-detail-section .lead-info-grid{grid-template-columns:1fr;gap:8px}.inbox-detail-section .lead-info-item{padding:10px 12px}}.inbox-stats-bar.converted-stats{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0}.inbox-stats-bar.converted-stats .inbox-stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.inbox-stats-bar.converted-stats .inbox-stat-icon.converted{background:#dcfce7;color:#22c55e}.inbox-stats-bar.converted-stats .inbox-stat-icon.revenue{background:#fef3c7;color:#f59e0b}.inbox-stats-bar.converted-stats .inbox-stat-icon.avg-close{background:#dbeafe;color:#3b82f6}.inbox-stats-bar.converted-stats .inbox-stat-icon.this-month{background:#f3e8ff;color:#8b5cf6}.inbox-page.converted-page{background:#fafbfc}.inbox-item.converted-item{padding:18px 22px;margin:10px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;transition:all .2s ease}.inbox-item.converted-item:first-child{margin-top:16px}.inbox-item.converted-item:hover{border-color:#22c55e40;box-shadow:0 2px 8px #22c55e1f,0 8px 24px #0000000f;transform:translateY(-1px)}.inbox-item.converted-item.selected{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 2px 8px #22c55e26,0 8px 24px #00000014}.inbox-item.converted-item .inbox-item-indicator{width:4px;border-radius:2px;margin-right:16px;flex-shrink:0;align-self:stretch}.inbox-item.converted-item .inbox-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.converted-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.converted-item-name{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converted-item-value{font-size:15px;font-weight:700;color:#22c55e;flex-shrink:0}.converted-item-date-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.converted-item-date{color:#6b7280}.converted-item-dot{color:#d1d5db}.converted-item-days{color:#9ca3af}.converted-item-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.converted-item-source{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.converted-item-source .source-icon{width:14px;height:14px}.converted-item-source .source-icon.whatsapp{color:#25d366}.converted-item-source .source-icon.instagram{color:#e4405f}.converted-item-source .source-icon.facebook{color:#1877f2}.converted-item-source .source-icon.website{color:#3b82f6}.converted-item-source .source-icon.email{color:#6b7280}.converted-tier-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.converted-tier-badge.legendary{background:#8b5cf61a;color:#8b5cf6}.converted-tier-badge.major{background:#f59e0b1a;color:#f59e0b}.converted-tier-badge.solid{background:#3b82f61a;color:#3b82f6}.converted-tier-badge.quick{background:#22c55e1a;color:#22c55e}.conversion-stats-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.conversion-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversion-stat-label{font-size:13px;color:#6b7280;font-weight:500}.conversion-stat-value{font-size:14px;font-weight:600;color:#374151}.close-speed-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.close-speed-badge svg{width:14px;height:14px}.close-speed-badge.lightning{background:#f59e0b1a;color:#f59e0b}.close-speed-badge.fast{background:#22c55e1a;color:#22c55e}.close-speed-badge.normal{background:#3b82f61a;color:#3b82f6}.close-speed-badge.patient{background:#6b72801a;color:#6b7280}.journey-timeline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:0}.journey-step{display:flex;align-items:center;gap:14px}.journey-step-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;position:relative}.journey-step-dot.created{background:#d1d5db;border:3px solid #f3f4f6}.journey-step-dot.converted{background:#22c55e;border:3px solid #dcfce7}.journey-line{width:2px;height:24px;background:linear-gradient(to bottom,#d1d5db,#22c55e);margin-left:6px;border-radius:1px}.journey-step-content{display:flex;flex-direction:column;gap:2px}.journey-step-label{font-size:12px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.journey-step-date{font-size:14px;font-weight:600;color:#374151}.lead-info-notes{font-size:13px;line-height:1.5;color:#4b5563;white-space:pre-wrap}@media (max-width: 768px){.inbox-stats-bar.converted-stats{flex-wrap:wrap;gap:12px;padding:16px}.inbox-stats-bar.converted-stats .inbox-stat-icon{width:28px;height:28px}.inbox-item.converted-item{padding:14px 16px;margin:8px 12px}.converted-item-header{flex-wrap:wrap}.converted-item-name,.converted-item-value{font-size:14px}.converted-item-date-row{font-size:12px}.converted-item-meta-row{flex-wrap:wrap;gap:8px}.converted-tier-badge{font-size:10px;padding:3px 8px}.conversion-stats-card{padding:14px;gap:12px}.conversion-stat-row{flex-wrap:wrap;gap:8px}.journey-timeline{padding:16px}.journey-step-date{font-size:13px}}.appointments-page{padding:0}.appointments-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.appointments-page .page-header-content{flex:1;min-width:200px}.appointments-page .page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.appointments-page .breadcrumb-parent{color:var(--text-secondary)}.appointments-page .breadcrumb-separator{color:var(--border-color)}.appointments-page .breadcrumb-current{color:var(--text-primary);font-weight:500}.appointments-page .page-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.appointments-page .page-title-icon{width:28px;height:28px;color:var(--accent)}.appointments-page .page-title-icon.upcoming-icon{color:#3b82f6}.appointments-page .page-title-icon.completed-icon{color:#10b981}.appointments-page .page-description{font-size:14px;color:var(--text-secondary);margin:0;max-width:600px}.appointments-page .page-header-actions{display:flex;gap:12px;align-items:center}.appointments-page .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.appointments-page .btn-refresh:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.appointments-page .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.appointments-page .btn-refresh svg{width:16px;height:16px}.appointments-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.appointments-stats.compact{grid-template-columns:repeat(4,1fr)}.appointments-stats .stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:4px}.appointments-stats .stat-card.highlight-upcoming{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f64d}.appointments-stats .stat-card.highlight-today{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b4d}.appointments-stats .stat-card.highlight-confirmed,.appointments-stats .stat-card.highlight-completed{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b9814d}.appointments-stats .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.appointments-stats .stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.appointments-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.appointments-list-container{min-height:200px}.appointments-filters{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.appointments-filters .filter-group{flex:1;min-width:150px;max-width:200px}.appointments-filters .filter-select{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s ease}.appointments-filters .filter-select:hover{border-color:var(--accent)}.appointments-filters .filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.appointments-list{display:flex;flex-direction:column}.appointment-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.appointment-item:last-child{border-bottom:none}.appointment-item:hover{background:var(--bg-tertiary)}.appointment-datetime{min-width:100px;text-align:center;padding:8px 12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.appointment-date{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.appointment-date .relative-day{color:var(--accent);font-weight:700}.appointment-time{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:4px}.appointment-duration{font-size:11px;color:var(--text-tertiary)}.appointment-details{flex:1;min-width:0}.appointment-service{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-contact{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.appointment-contact .contact-icon{width:14px;height:14px;color:var(--text-tertiary)}.appointment-notes{font-size:12px;color:var(--text-tertiary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-status{display:flex;align-items:center}.appointment-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.appointment-status-badge.status-scheduled{background:#3b82f626;color:#3b82f6}.appointment-status-badge.status-confirmed{background:#10b98126;color:#10b981}.appointment-status-badge.status-completed{background:#22c55e26;color:#22c55e}.appointment-status-badge.status-cancelled{background:#ef444426;color:#ef4444}.appointment-status-badge.status-no-show{background:#f59e0b26;color:#f59e0b}.appointment-action{display:flex;align-items:center;color:var(--text-tertiary);transition:color .2s ease}.appointment-item:hover .appointment-action{color:var(--accent)}.appointment-action svg{width:20px;height:20px}.appointments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:12px}.appointments-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.appointments-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center;gap:8px}.appointments-error svg{width:40px;height:40px;color:#ef4444;margin-bottom:8px}.appointments-error .error-detail{font-size:12px;color:var(--text-tertiary)}.appointments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center;gap:12px}.appointments-empty svg{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:8px}.appointments-empty p{font-size:14px;margin:0}@media (max-width: 1024px){.appointments-stats,.appointments-stats.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.appointments-page .page-header{flex-direction:column;align-items:stretch}.appointments-page .page-header-actions{justify-content:flex-start}.appointments-filters{flex-direction:column}.appointments-filters .filter-group{max-width:none}.appointments-filters .filter-select{width:100%}.appointment-item{flex-wrap:wrap;padding:14px}.appointment-datetime{min-width:80px}.appointments-page .page-title{font-size:20px}.appointment-action{display:none}}@media (max-width: 480px){.appointments-stats{grid-template-columns:1fr 1fr;gap:10px}.appointments-stats .stat-value{font-size:22px}.appointments-stats .stat-label{font-size:11px}.appointment-item{gap:12px}.appointment-datetime{min-width:70px;padding:6px 8px}.appointment-date{font-size:12px}.appointment-time{font-size:11px}.appointment-service{font-size:14px}.appointment-contact{font-size:12px}.appointment-status-badge{font-size:11px;padding:3px 8px}}.calendar-page{padding:0}.calendar-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.calendar-page-title-section{flex:1}.calendar-page-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.calendar-page-icon{width:32px;height:32px;color:var(--accent)}.calendar-page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.calendar-page-actions .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-page-actions .btn-refresh:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.calendar-page-actions .btn-refresh svg{width:16px;height:16px}.calendar-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.calendar-main,.calendar-sidebar{background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.calendar-container{padding:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.calendar-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.calendar-nav-btn svg{width:18px;height:18px}.calendar-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;text-transform:capitalize;min-width:180px;text-align:center}.calendar-actions{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:8px;padding:4px;gap:4px}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-btn svg{width:16px;height:16px}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--bg-primary);color:var(--accent);box-shadow:0 1px 3px #0000001a}.calendar-today-btn{padding:8px 16px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-today-btn:hover{background:var(--accent-hover)}.calendar-stats-bar{display:flex;gap:20px;margin-bottom:20px;padding:12px 16px;background:var(--bg-primary);border-radius:10px;flex-wrap:wrap}.calendar-stat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.stat-dot{width:10px;height:10px;border-radius:50%}.stat-dot.total{background:var(--text-secondary)}.stat-dot.scheduled{background:#3b82f6}.stat-dot.confirmed{background:#10b981}.stat-dot.completed{background:#22c55e}.calendar-grid{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.calendar-weekday{padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:100px;padding:8px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:background-color .2s ease}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--bg-tertiary)}.calendar-day.other-month{background:var(--bg-primary)}.calendar-day.other-month .day-number{color:var(--text-tertiary)}.calendar-day.is-today{background:rgba(var(--accent-rgb),.08)}.calendar-day.is-today .day-number{background:var(--accent);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.day-number{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.day-appointments{display:flex;flex-direction:column;gap:2px}.day-appointment{display:flex;align-items:center;gap:4px;padding:2px 6px;background:rgba(var(--accent-rgb),.1);border-left:3px solid var(--status-color, var(--accent));border-radius:0 4px 4px 0;font-size:11px;overflow:hidden;cursor:pointer}.day-appointment:hover{background:rgba(var(--accent-rgb),.2)}.apt-time{color:var(--text-secondary);flex-shrink:0}.apt-name{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-more{font-size:11px;color:var(--accent);padding:2px 6px;font-weight:500}.calendar-legend{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.calendar-week-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:644px}.week-day-column{border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column}.week-day-column:last-child{border-right:none}.week-day-column.is-today{background:rgba(var(--accent-rgb),.05)}.week-day-header{padding:16px 12px;text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;transition:background-color .2s ease}.week-day-header:hover{background:var(--bg-primary)}.week-day-name{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.week-day-number{display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-primary);width:36px;height:36px}.week-day-number.today-badge{background:var(--accent);color:#fff;border-radius:50%}.week-day-month{display:block;font-size:11px;color:var(--text-tertiary);margin-top:2px}.week-day-appointments{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.week-day-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:500px;color:var(--text-tertiary);font-size:14px}.week-appointment{padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--status-color, var(--accent));border-radius:0 8px 8px 0;cursor:pointer;transition:all .2s ease}.week-appointment:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.week-apt-time{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:4px}.week-apt-name{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-apt-contact{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-apt-duration{font-size:10px;color:var(--text-tertiary);margin-top:4px}@media (max-width: 1200px){.calendar-week-grid{grid-template-columns:repeat(7,minmax(100px,1fr));overflow-x:auto}}@media (max-width: 768px){.view-toggle{order:-1;width:100%;justify-content:center}.calendar-header{flex-wrap:wrap;gap:12px}.calendar-actions{width:100%;justify-content:space-between}.calendar-week-grid{grid-template-columns:repeat(7,minmax(80px,1fr))}.week-day-header{padding:12px 8px}.week-day-number{font-size:16px;width:32px;height:32px}.week-appointment{padding:8px}.week-apt-name,.week-apt-contact{font-size:11px}}.day-detail-panel{height:100%;display:flex;flex-direction:column}.day-detail-header{padding:20px;border-bottom:1px solid var(--border-color)}.day-detail-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px;text-transform:capitalize}.day-appointment-count{font-size:13px;color:var(--text-secondary)}.day-detail-list{flex:1;overflow-y:auto;padding:12px}.day-detail-item{display:flex;gap:12px;padding:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.day-detail-item:hover,.day-detail-item.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.detail-item-time{font-size:13px;font-weight:600;color:var(--accent);min-width:70px}.detail-item-content{flex:1}.detail-item-service{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.detail-item-contact,.detail-item-duration{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.detail-item-contact svg,.detail-item-duration svg{width:14px;height:14px}.detail-item-status{font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;align-self:flex-start}.detail-item-status.status-scheduled{background:#3b82f626;color:#3b82f6}.detail-item-status.status-confirmed{background:#10b98126;color:#10b981}.day-detail-empty,.day-detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:var(--text-secondary)}.day-detail-empty svg,.day-detail-placeholder svg{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:16px}.day-detail-empty p,.day-detail-placeholder p{font-size:14px;margin:0}.calendar-loading,.calendar-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);gap:12px}.calendar-error svg{width:48px;height:48px;color:#ef4444}.calendar-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.calendar-page .btn-retry{padding:10px 20px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-page .btn-retry:hover{background:var(--accent-hover)}.calendar-container-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.header-actions{display:flex;align-items:center;gap:12px}.bulk-mode-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-mode-btn svg{width:16px;height:16px}.bulk-mode-btn:hover{background:var(--bg-primary);border-color:var(--accent)}.bulk-mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.bulk-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eff6ff;border-radius:10px;margin-bottom:12px;flex-wrap:wrap;gap:12px}.bulk-selection-info{display:flex;align-items:center;gap:12px}.bulk-selection-info span{font-size:14px;font-weight:600;color:#1e40af}.bulk-select-all{padding:6px 12px;background:transparent;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-select-all:hover{background:#3b82f6;color:#fff}.bulk-selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-btn svg{width:14px;height:14px}.bulk-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-btn.confirm-all{background:#10b981;color:#fff}.bulk-btn.confirm-all:hover:not(:disabled){background:#059669}.bulk-btn.email-all{background:#3b82f6;color:#fff}.bulk-btn.email-all:hover:not(:disabled){background:#2563eb}.bulk-btn.cancel-all{background:#ef4444;color:#fff}.bulk-btn.cancel-all:hover:not(:disabled){background:#dc2626}.bulk-btn.clear{background:#e5e7eb;color:#374151}.bulk-btn.clear:hover:not(:disabled){background:#d1d5db}.day-detail-item.selectable{position:relative;padding-left:44px}.day-detail-item .selection-checkbox{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.day-detail-item .selection-checkbox:hover{border-color:#3b82f6}.day-detail-item .selection-checkbox.checked{background:#3b82f6;border-color:#3b82f6}.day-detail-item .selection-checkbox.checked svg{width:12px;height:12px;color:#fff}@media (max-width: 768px){.header-actions{flex-wrap:wrap}.bulk-mode-btn{flex:1;justify-content:center}.bulk-selection-bar{flex-direction:column;align-items:stretch}.bulk-selection-info{justify-content:space-between}.bulk-selection-actions{justify-content:center}}.upcoming-page{padding:0}.upcoming-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.upcoming-header-content{flex:1}.upcoming-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.upcoming-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.upcoming-title svg{width:32px;height:32px;color:#3b82f6}.upcoming-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.upcoming-actions .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.upcoming-actions .btn-refresh:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.upcoming-actions .btn-refresh svg{width:16px;height:16px}.upcoming-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.upcoming-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;transition:all .2s ease}.upcoming-stat-card:hover{border-color:var(--accent)}.upcoming-stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.upcoming-stat-card .stat-icon svg{width:24px;height:24px}.upcoming-stat-card.primary .stat-icon{background:#3b82f626;color:#3b82f6}.upcoming-stat-card.today .stat-icon{background:#f59e0b26;color:#f59e0b}.upcoming-stat-card.confirmed .stat-icon{background:#10b98126;color:#10b981}.upcoming-stat-card.countdown .stat-icon{background:#8b5cf626;color:#8b5cf6}.upcoming-stat-card .stat-info{display:flex;flex-direction:column}.upcoming-stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.upcoming-stat-card .stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.upcoming-timeline{display:flex;flex-direction:column;gap:32px}.timeline-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.timeline-group.accent-today{border-color:#f59e0b4d}.timeline-group.accent-tomorrow{border-color:#3b82f64d}.timeline-group.accent-week{border-color:#8b5cf64d}.timeline-group-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.timeline-group-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.timeline-group-icon svg{width:20px;height:20px}.accent-today .timeline-group-icon{background:#f59e0b26;color:#f59e0b}.accent-tomorrow .timeline-group-icon{background:#3b82f626;color:#3b82f6}.accent-week .timeline-group-icon{background:#8b5cf626;color:#8b5cf6}.accent-later .timeline-group-icon{background:#6b728026;color:#6b7280}.timeline-group-title{flex:1;font-size:16px;font-weight:600;color:var(--text-primary);margin:0;text-transform:capitalize}.timeline-group-count{font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-primary);padding:4px 12px;border-radius:20px}.timeline-items{padding:16px 20px}.timeline-item{display:flex;gap:16px;position:relative}.timeline-connector{display:flex;flex-direction:column;align-items:center;width:20px;padding-top:8px}.timeline-dot{width:12px;height:12px;background:var(--accent);border-radius:50%;flex-shrink:0;z-index:1}.timeline-line{width:2px;flex:1;background:var(--border-color);margin-top:4px}.timeline-card{flex:1;display:flex;gap:16px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;transition:all .2s ease}.timeline-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.02)}.timeline-card-time{display:flex;flex-direction:column;align-items:center;min-width:70px}.time-value{font-size:16px;font-weight:700;color:var(--accent)}.time-duration{font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px;margin-top:4px}.timeline-card-content{flex:1}.timeline-card-service{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.timeline-card-contact{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.timeline-card-contact svg{width:14px;height:14px}.timeline-card-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;align-self:flex-start}.timeline-card-status svg{width:14px;height:14px}.timeline-card-status.status-scheduled{background:#3b82f626;color:#3b82f6}.timeline-card-status.status-confirmed{background:#10b98126;color:#10b981}.upcoming-loading,.upcoming-error,.upcoming-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:60px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;text-align:center}.upcoming-empty .empty-illustration svg{width:80px;height:80px;color:var(--text-tertiary);margin-bottom:20px}.upcoming-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.upcoming-empty p{font-size:14px;color:var(--text-secondary);margin:0;max-width:300px}.completed-page{padding:0}.completed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.completed-header-content{flex:1}.completed-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.completed-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.completed-title svg{width:32px;height:32px;color:#10b981}.completed-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.completed-actions .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.completed-actions .btn-refresh:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.completed-actions .btn-refresh svg{width:16px;height:16px}.completed-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.completed-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;transition:all .2s ease}.completed-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.completed-stat-card .stat-icon-wrapper{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.completed-stat-card .stat-icon-wrapper svg{width:26px;height:26px}.completed-stat-card.total .stat-icon-wrapper{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}.completed-stat-card.this-month .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.completed-stat-card.last-month .stat-icon-wrapper{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6}.completed-stat-card.duration .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}.completed-stat-card .stat-content{display:flex;flex-direction:column}.completed-stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.completed-stat-card .stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.completed-history{display:flex;flex-direction:column;gap:16px}.history-month{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.history-month-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 20px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.history-month-header:hover{background:var(--bg-tertiary)}.month-info{display:flex;align-items:center;gap:12px}.month-icon{width:20px;height:20px;color:var(--accent)}.month-label{font-size:16px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.month-meta{display:flex;align-items:center;gap:12px}.month-count{font-size:13px;color:var(--text-secondary);background:var(--bg-primary);padding:4px 12px;border-radius:20px}.expand-icon{width:20px;height:20px;color:var(--text-tertiary);transition:transform .3s ease}.history-month-header.expanded .expand-icon{transform:rotate(180deg)}.history-month-content{padding:0 20px 20px}.history-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;transition:all .2s ease}.history-item:last-child{margin-bottom:0}.history-item:hover{border-color:var(--accent)}.history-item-date{display:flex;flex-direction:column;align-items:center;min-width:70px}.date-day{font-size:13px;font-weight:600;color:var(--text-primary)}.date-time{font-size:12px;color:var(--text-secondary)}.history-item-divider{display:flex;flex-direction:column;align-items:center;padding:0 8px}.divider-dot{width:8px;height:8px;background:#10b981;border-radius:50%}.history-item-content{flex:1}.history-item-service{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.history-item-details{display:flex;gap:16px;flex-wrap:wrap}.detail-contact,.detail-duration{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.detail-contact svg,.detail-duration svg{width:14px;height:14px}.history-item-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#10b98126;border-radius:50%;color:#10b981;flex-shrink:0}.history-item-badge svg{width:16px;height:16px}.completed-loading,.completed-error,.completed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:60px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;text-align:center}.completed-empty .empty-illustration svg{width:80px;height:80px;color:var(--text-tertiary);margin-bottom:20px}.completed-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.completed-empty p{font-size:14px;color:var(--text-secondary);margin:0;max-width:300px}.upcoming-schedule-page{padding:0;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow:hidden}.upcoming-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap;flex-shrink:0}.upcoming-page-header .header-content{flex:1;min-width:280px}.upcoming-page-header .header-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.upcoming-page-header .header-breadcrumb svg{width:14px;height:14px;opacity:.5}.upcoming-page-header .breadcrumb-current{color:var(--text-primary);font-weight:500}.upcoming-page-header .page-title{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.upcoming-page-header .page-title svg{width:28px;height:28px;color:var(--accent)}.upcoming-page-header .page-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0;max-width:500px}.upcoming-page-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upcoming-page-header .refresh-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.upcoming-page-header .refresh-btn svg{width:16px;height:16px}.upcoming-loading-state,.upcoming-error-state,.upcoming-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.upcoming-loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.upcoming-error-state svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.upcoming-error-state button{margin-top:16px;padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.upcoming-empty-state .empty-illustration{width:120px;height:120px;margin-bottom:24px;color:var(--text-secondary);opacity:.5}.upcoming-empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 8px}.upcoming-empty-state p{color:var(--text-secondary);max-width:400px}.next-appointment-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:20px;padding:28px;margin-bottom:28px;position:relative;overflow:hidden}.next-appointment-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,#3b82f6 100%)}.next-appointment-hero.urgent:before{background:linear-gradient(90deg,#f59e0b,#ef4444);animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.6}}.next-appointment-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.next-appointment-hero .hero-badge svg{width:14px;height:14px}.next-appointment-hero .hero-content{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start}.next-appointment-hero .hero-countdown{text-align:center;padding:20px 32px;background:var(--bg-primary);border-radius:16px;min-width:160px}.next-appointment-hero .countdown-timer .countdown-value{display:block;font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1.1}.next-appointment-hero.urgent .countdown-timer .countdown-value{color:#f59e0b}.next-appointment-hero .countdown-timer .countdown-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.next-appointment-hero .countdown-now{position:relative}.next-appointment-hero .countdown-now .pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#ef444433;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.next-appointment-hero .countdown-now .now-text{position:relative;display:block;font-size:1.5rem;font-weight:700;color:#ef4444}.next-appointment-hero .hero-details{display:flex;flex-direction:column;gap:16px}.next-appointment-hero .hero-datetime{display:flex;gap:24px;flex-wrap:wrap}.next-appointment-hero .hero-date,.next-appointment-hero .hero-time{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary)}.next-appointment-hero .hero-date svg,.next-appointment-hero .hero-time svg{width:18px;height:18px;opacity:.6}.next-appointment-hero .duration-badge{background:var(--bg-tertiary);padding:4px 10px;border-radius:6px;font-size:.8rem;margin-left:8px}.next-appointment-hero .hero-service{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.next-appointment-hero .hero-service h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.next-appointment-hero .status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.next-appointment-hero .status-badge.status-confirmed{background:#22c55e26;color:#22c55e}.next-appointment-hero .status-badge.status-scheduled{background:#3b82f626;color:#3b82f6}.next-appointment-hero .hero-client{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.next-appointment-hero .client-avatar.large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#3b82f6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.next-appointment-hero .client-details{flex:1}.next-appointment-hero .client-details .client-name{display:block;font-weight:600;color:var(--text-primary);font-size:1rem}.next-appointment-hero .client-details .client-contact{display:block;font-size:.875rem;color:var(--text-secondary)}.next-appointment-hero .contact-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent);color:#fff;border-radius:10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.next-appointment-hero .contact-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.next-appointment-hero .contact-btn svg{width:16px;height:16px}.next-appointment-hero .hero-notes{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--bg-primary);border-radius:10px;font-size:.9rem;color:var(--text-secondary)}.next-appointment-hero .hero-notes svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;opacity:.5}.upcoming-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.upcoming-stats-grid .stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;transition:all .2s ease}.upcoming-stats-grid .stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.upcoming-stats-grid .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upcoming-stats-grid .stat-icon svg{width:24px;height:24px}.upcoming-stats-grid .stat-card.primary .stat-icon{background:#8b5cf626;color:#8b5cf6}.upcoming-stats-grid .stat-card.today-stat .stat-icon{background:#3b82f626;color:#3b82f6}.upcoming-stats-grid .stat-card.confirmed-stat .stat-icon{background:#22c55e26;color:#22c55e}.upcoming-stats-grid .stat-card.pending-stat .stat-icon{background:#f59e0b26;color:#f59e0b}.upcoming-stats-grid .stat-card.week-stat .stat-icon{background:#06b6d426;color:#06b6d4}.upcoming-stats-grid .stat-card.busiest-stat .stat-icon{background:#ec489926;color:#ec4899}.upcoming-stats-grid .stat-content{flex:1;min-width:0}.upcoming-stats-grid .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.upcoming-stats-grid .stat-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.upcoming-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.upcoming-stats-row .stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;transition:all .2s ease}.upcoming-stats-row .stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.upcoming-stats-row .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upcoming-stats-row .stat-icon svg{width:24px;height:24px}.upcoming-stats-row .stat-icon.total{background:#8b5cf626;color:#8b5cf6}.upcoming-stats-row .stat-icon.today{background:#3b82f626;color:#3b82f6}.upcoming-stats-row .stat-icon.confirmed{background:#22c55e26;color:#22c55e}.upcoming-stats-row .stat-icon.pending{background:#f59e0b26;color:#f59e0b}.upcoming-stats-row .stat-content{flex:1;min-width:0}.upcoming-stats-row .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.upcoming-stats-row .stat-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.upcoming-schedule-page .bulk-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.upcoming-schedule-page .bulk-selection-info{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-primary)}.upcoming-schedule-page .bulk-select-all{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:500;cursor:pointer;padding:0}.upcoming-schedule-page .bulk-select-all:hover{text-decoration:underline}.upcoming-schedule-page .bulk-selection-actions{display:flex;gap:8px;flex-wrap:wrap}.upcoming-schedule-page .bulk-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-primary);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.upcoming-schedule-page .bulk-btn svg{width:14px;height:14px}.upcoming-schedule-page .bulk-btn:hover:not(:disabled){border-color:var(--accent)}.upcoming-schedule-page .bulk-btn:disabled{opacity:.5;cursor:not-allowed}.upcoming-schedule-page .bulk-btn.confirm-all:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e;color:#22c55e}.upcoming-schedule-page .bulk-btn.email-all:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.upcoming-schedule-page .bulk-btn.cancel-all:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.calendar-layout.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1;min-height:0}.calendar-layout.three-columns .calendar-main{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:500px;overflow:hidden}.calendar-layout.three-columns .day-detail-panel{display:flex;flex-direction:column;height:100%}.calendar-layout.three-columns .day-detail-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);flex-shrink:0}.calendar-layout.three-columns .day-detail-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.calendar-layout.three-columns .day-appointment-count{background:var(--bg-primary);color:var(--text-secondary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;min-width:32px;text-align:center}.calendar-layout.three-columns .day-detail-list{flex:1;overflow-y:auto;padding:20px}.calendar-layout.three-columns .day-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center;padding:40px 20px}.calendar-layout.three-columns .day-detail-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.calendar-layout.three-columns .day-detail-empty p{font-size:.875rem;margin:0}.calendar-layout.three-columns .column-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-layout.three-columns .column-icon svg{width:18px;height:18px}.calendar-layout.three-columns .column-icon.confirmed{background:#10b98126;color:#10b981}.calendar-layout.three-columns .column-icon.scheduled{background:#3b82f626;color:#3b82f6}.calendar-layout.three-columns .column-icon.other{background:#8b5cf626;color:#8b5cf6}.calendar-layout.three-columns .column-icon.completed{background:#22c55e26;color:#22c55e}.calendar-layout.three-columns .column-icon.cancelled{background:#ef444426;color:#ef4444}.calendar-layout.three-columns .column-icon.noshow{background:#f59e0b26;color:#f59e0b}.calendar-layout.three-columns .column-icon.lead{background:#3b82f626;color:#3b82f6}.calendar-layout.three-columns .column-icon.prospect{background:#f59e0b26;color:#f59e0b}.calendar-layout.three-columns .column-icon.customer{background:#22c55e26;color:#22c55e}.calendar-layout.three-columns .column-icon.just-in{background:#ef444426;color:#ef4444}.calendar-layout.three-columns .column-icon.this-week{background:#3b82f626;color:#3b82f6}.calendar-layout.three-columns .column-icon.earlier{background:#6b728026;color:#6b7280}.calendar-layout.three-columns .column-icon.hot{background:#ef444426;color:#ef4444}.calendar-layout.three-columns .column-icon.warm{background:#f59e0b26;color:#f59e0b}.calendar-layout.three-columns .column-icon.cold{background:#60a5fa26;color:#60a5fa}.calendar-layout.three-columns .column-icon.this-month{background:#22c55e26;color:#22c55e}.calendar-layout.three-columns .column-icon.last-month{background:#3b82f626;color:#3b82f6}.calendar-layout.three-columns .column-icon.earlier-conversions{background:#6b728026;color:#6b7280}.new-leads-page .detail-item-source,.qualified-leads-page .detail-item-value,.qualified-leads-page .detail-item-probability,.converted-leads-page .detail-item-value{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.new-leads-page .detail-item-source svg,.qualified-leads-page .detail-item-value svg,.qualified-leads-page .detail-item-probability svg,.converted-leads-page .detail-item-value svg{width:12px;height:12px;flex-shrink:0}.pipeline-page .detail-item-source{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:4px}.pipeline-page .detail-item-source svg{width:14px;height:14px;opacity:.6}@media (max-width: 1200px){.calendar-layout.three-columns{gap:16px}.calendar-layout.three-columns .calendar-main{height:calc(100vh - 140px);min-height:450px}}@media (max-width: 992px){.calendar-layout.three-columns{grid-template-columns:1fr;gap:16px}.calendar-layout.three-columns .calendar-main{height:350px}}.status-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1;min-height:0}.status-column{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;height:644px;overflow:hidden;box-shadow:0 4px 12px #00000014}.status-column .column-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);flex-shrink:0}.status-column .column-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.status-column .column-icon svg{width:18px;height:18px}.status-column.scheduled-column .column-icon{background:#3b82f626;color:#3b82f6}.status-column.scheduled-column{border-top:3px solid #3b82f6}.status-column.confirmed-column .column-icon{background:#10b98126;color:#10b981}.status-column.confirmed-column{border-top:3px solid #10b981}.status-column.other-column .column-icon{background:#8b5cf626;color:#8b5cf6}.status-column.other-column{border-top:3px solid #8b5cf6}.status-column .column-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.status-column .column-count{background:var(--bg-primary);color:var(--text-secondary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;min-width:32px;text-align:center}.status-column .day-detail-list{flex:1;overflow-y:auto;padding:20px}.status-column .day-detail-item{display:flex;gap:12px;padding:16px 0;background:transparent;border:none;border-radius:0;margin-bottom:0;cursor:pointer;transition:all .2s ease}.status-column .day-detail-item:not(:last-child){border-bottom:1px solid var(--border-primary)}.status-column .day-detail-item:hover{background:rgba(var(--accent-rgb),.03)}.status-column .day-detail-item.selected{background:rgba(var(--accent-rgb),.05)}.status-column .day-detail-item.selectable{padding-left:32px;position:relative}.status-column .day-detail-item .selection-checkbox{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--border-secondary);border-radius:4px;background:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.status-column .day-detail-item .selection-checkbox:hover{border-color:var(--accent)}.status-column .day-detail-item .selection-checkbox.checked{background:var(--accent);border-color:var(--accent)}.status-column .day-detail-item .selection-checkbox svg{width:10px;height:10px;color:#fff}.status-column .detail-item-time{font-size:13px;font-weight:600;color:var(--accent);min-width:75px;flex-shrink:0}.status-column .detail-item-content{flex:1;min-width:0}.status-column .detail-item-service{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.status-column .detail-item-contact,.status-column .detail-item-duration{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:2px}.status-column .detail-item-contact svg,.status-column .detail-item-duration svg{width:14px;height:14px;opacity:.6}.status-column .detail-item-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;align-self:flex-start;white-space:nowrap}.status-column .day-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center;padding:40px 20px}.status-column .day-detail-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.status-column .day-detail-empty p{font-size:.875rem;margin:0}@media (max-width: 1200px){.status-columns{grid-template-columns:repeat(3,1fr);gap:16px}.status-column{height:550px}}@media (max-width: 992px){.status-columns{grid-template-columns:1fr;gap:16px}.status-column{height:400px}}.upcoming-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.upcoming-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014}.upcoming-card.selected{border-color:var(--accent);background:#8b5cf60d}.upcoming-card.selectable{padding-left:44px}.upcoming-card.happening-now{border-color:#ef4444;background:#ef44440d}.upcoming-card.starting-soon{border-color:#f59e0b;background:#f59e0b08}.upcoming-card .selection-checkbox{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.upcoming-card .selection-checkbox:hover{border-color:var(--accent)}.upcoming-card .selection-checkbox.checked{background:var(--accent);border-color:var(--accent)}.upcoming-card .selection-checkbox svg{width:12px;height:12px;color:#fff}.time-until-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-tertiary);border-radius:12px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.time-until-badge svg{width:10px;height:10px}.time-until-badge.soon{background:#f59e0b26;color:#f59e0b}.time-until-badge.now{background:#ef444426;color:#ef4444}.time-until-badge .pulse-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.card-datetime{display:flex;gap:12px;margin-bottom:8px;margin-top:4px}.card-date,.card-time{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary)}.card-date svg,.card-time svg{width:12px;height:12px;opacity:.6}.card-service{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.card-contact{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px;background:var(--bg-tertiary);border-radius:8px}.card-contact .contact-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#3b82f6 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.card-contact .contact-info{flex:1;min-width:0}.card-contact .contact-name{display:block;font-weight:500;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-contact .contact-phone{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border-primary)}.card-duration{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.card-duration svg{width:12px;height:12px;opacity:.6}.card-status{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize}.upcoming-page-header .header-actions{display:flex;gap:12px;flex-wrap:wrap}.upcoming-page-header .bulk-mode-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upcoming-page-header .bulk-mode-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.upcoming-page-header .bulk-mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.upcoming-page-header .bulk-mode-btn svg{width:16px;height:16px}@media (max-width: 768px){.upcoming-stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.upcoming-stats-row .stat-card{padding:16px;gap:12px}.upcoming-stats-row .stat-icon{width:40px;height:40px}.upcoming-stats-row .stat-value{font-size:1.25rem}.section-cards{grid-template-columns:1fr}.upcoming-page-header{flex-direction:column;align-items:stretch}.upcoming-page-header .header-actions{justify-content:flex-end}.upcoming-schedule-page .bulk-selection-bar{flex-direction:column;align-items:stretch;gap:12px}.upcoming-schedule-page .bulk-selection-actions{justify-content:center}}@media (max-width: 480px){.upcoming-stats-row{grid-template-columns:1fr}.card-datetime{flex-direction:column;gap:8px}.upcoming-page-header .header-actions{flex-direction:column}.upcoming-page-header .bulk-mode-btn,.upcoming-page-header .refresh-btn{width:100%;justify-content:center}}.completed-history-page{padding:0;max-width:1400px;margin:0 auto}.completed-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.completed-page-header .header-content{flex:1;min-width:280px}.completed-page-header .header-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.completed-page-header .header-breadcrumb svg{width:14px;height:14px;opacity:.5}.completed-page-header .breadcrumb-current{color:var(--text-primary);font-weight:500}.completed-page-header .page-title{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.completed-page-header .page-title svg{width:28px;height:28px;color:#22c55e}.completed-page-header .page-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0;max-width:500px}.completed-page-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.completed-page-header .refresh-btn:hover{background:var(--bg-hover);border-color:#22c55e}.completed-page-header .refresh-btn svg{width:16px;height:16px}.completed-loading-state,.completed-error-state,.completed-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.completed-loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:#22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.completed-error-state svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.completed-error-state button{margin-top:16px;padding:10px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.completed-empty-state .empty-illustration{width:120px;height:120px;margin-bottom:24px;color:var(--text-secondary);opacity:.5}.completed-empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 8px}.completed-empty-state p{color:var(--text-secondary);max-width:400px}.achievement-banner{display:flex;align-items:center;gap:20px;padding:24px 28px;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.3);border-radius:20px;margin-bottom:28px;position:relative;overflow:hidden}.achievement-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#10b981)}.achievement-banner .achievement-icon{flex-shrink:0}.achievement-banner .milestone-emoji{font-size:3rem}.achievement-banner .achievement-content{flex:1}.achievement-banner .achievement-title{font-size:1.25rem;font-weight:700;color:#22c55e;margin-bottom:4px}.achievement-banner .achievement-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:12px}.achievement-banner .milestone-progress{max-width:300px}.achievement-banner .progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:6px}.achievement-banner .progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;transition:width .5s ease}.achievement-banner .progress-label{font-size:.8rem;color:var(--text-secondary)}.achievement-banner .achievement-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center}.achievement-banner .achievement-badge svg{width:28px;height:28px;color:#22c55e}.completed-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.completed-stats-grid .stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;transition:all .2s ease}.completed-stats-grid .stat-card:hover{border-color:#22c55e;transform:translateY(-2px)}.completed-stats-grid .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.completed-stats-grid .stat-icon svg{width:24px;height:24px}.completed-stats-grid .stat-card.achievement-card .stat-icon{background:#22c55e26;color:#22c55e}.completed-stats-grid .stat-card.month-card .stat-icon{background:#3b82f626;color:#3b82f6}.completed-stats-grid .stat-card.time-card .stat-icon{background:#8b5cf626;color:#8b5cf6}.completed-stats-grid .stat-card.avg-card .stat-icon{background:#06b6d426;color:#06b6d4}.completed-stats-grid .stat-card.clients-card .stat-icon{background:#f59e0b26;color:#f59e0b}.completed-stats-grid .stat-card.returning-card .stat-icon{background:#ec489926;color:#ec4899}.completed-stats-grid .stat-content{flex:1;min-width:0}.completed-stats-grid .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.completed-stats-grid .stat-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.completed-stats-grid .stat-trend{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:8px}.completed-stats-grid .stat-trend.positive{background:#22c55e26;color:#22c55e}.completed-stats-grid .stat-trend.negative{background:#ef444426;color:#ef4444}.popular-services-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px;margin-bottom:24px}.popular-services-section .section-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.popular-services-section .section-title svg{width:20px;height:20px;color:var(--accent)}.popular-services-section .services-breakdown{display:flex;flex-direction:column;gap:16px}.popular-services-section .service-item{display:flex;align-items:center;gap:16px}.popular-services-section .service-rank{width:32px;height:32px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.popular-services-section .service-info{flex:1;min-width:0}.popular-services-section .service-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px;flex-wrap:wrap}.popular-services-section .service-name{font-weight:600;color:var(--text-primary)}.popular-services-section .service-stats{font-size:.8rem;color:var(--text-secondary)}.popular-services-section .service-bar-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.popular-services-section .service-bar{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;transition:width .5s ease}.popular-services-section .service-percentage{font-size:.95rem;font-weight:700;color:#22c55e;min-width:50px;text-align:right}.completed-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.completed-controls .filter-group{display:flex;align-items:center;gap:12px}.completed-controls .filter-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.completed-controls .service-filter{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:.875rem;min-width:180px;cursor:pointer}.completed-controls .view-toggle{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:4px}.completed-controls .view-btn{width:40px;height:36px;border:none;background:transparent;border-radius:8px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.completed-controls .view-btn:hover{color:var(--text-primary)}.completed-controls .view-btn.active{background:var(--accent);color:#fff}.completed-controls .view-btn svg{width:18px;height:18px}.completed-timeline{display:flex;flex-direction:column;gap:16px}.completed-timeline .timeline-month{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;overflow:hidden}.completed-timeline .timeline-month-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.completed-timeline .timeline-month-header:hover{background:var(--bg-tertiary)}.completed-timeline .timeline-month-header .month-info{display:flex;align-items:center;gap:14px}.completed-timeline .timeline-month-header .month-icon{width:40px;height:40px;border-radius:10px;background:#22c55e26;display:flex;align-items:center;justify-content:center}.completed-timeline .timeline-month-header .month-icon svg{width:20px;height:20px;color:#22c55e}.completed-timeline .timeline-month-header .month-label-group{display:flex;flex-direction:column;align-items:flex-start}.completed-timeline .timeline-month-header .month-name{font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.completed-timeline .timeline-month-header .month-summary{font-size:.8rem;color:var(--text-secondary)}.completed-timeline .timeline-month-header .month-duration{opacity:.7}.completed-timeline .timeline-month-header .month-actions{display:flex;align-items:center}.completed-timeline .timeline-month-header .expand-icon{width:20px;height:20px;color:var(--text-secondary);transition:transform .3s ease}.completed-timeline .timeline-month-header.expanded .expand-icon{transform:rotate(180deg)}.completed-timeline .timeline-month-content{padding:12px 20px 20px;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:0}.completed-timeline .timeline-appointment{display:grid;grid-template-columns:auto auto 1fr;gap:16px;padding:12px 0}.completed-timeline .timeline-appointment:not(:last-child){border-bottom:1px solid var(--border-light)}.completed-timeline .appointment-date-col{display:flex;flex-direction:column;align-items:flex-end;min-width:70px;text-align:right}.completed-timeline .apt-day{font-weight:600;color:var(--text-primary);font-size:.9rem}.completed-timeline .apt-time{font-size:.8rem;color:var(--text-secondary)}.completed-timeline .appointment-connector{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 8px}.completed-timeline .connector-line{position:absolute;top:28px;bottom:-12px;width:2px;background:var(--border-primary)}.timeline-appointment:last-child .connector-line{display:none}.completed-timeline .connector-dot{width:28px;height:28px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.completed-timeline .connector-dot svg{width:14px;height:14px;color:#22c55e}.completed-timeline .appointment-details{display:flex;flex-direction:column;gap:8px}.completed-timeline .apt-service{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.completed-timeline .apt-service .service-name{font-weight:600;color:var(--text-primary)}.completed-timeline .apt-service .service-duration{font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.completed-timeline .apt-client{display:flex;align-items:center;gap:8px}.completed-timeline .apt-client .client-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.completed-timeline .apt-client .client-name{font-size:.9rem;color:var(--text-secondary)}.completed-timeline .apt-notes{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--text-secondary);padding:8px 12px;background:var(--bg-tertiary);border-radius:8px}.completed-timeline .apt-notes svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;opacity:.5}.completed-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.completed-cards-grid .completed-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;overflow:hidden;transition:all .2s ease}.completed-cards-grid .completed-card:hover{border-color:#22c55e;transform:translateY(-2px)}.completed-cards-grid .card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.completed-cards-grid .card-date{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.completed-cards-grid .card-date svg{width:14px;height:14px;opacity:.6}.completed-cards-grid .completed-badge{width:24px;height:24px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center}.completed-cards-grid .completed-badge svg{width:14px;height:14px;color:#22c55e}.completed-cards-grid .card-body{padding:16px}.completed-cards-grid .card-service{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 10px}.completed-cards-grid .card-time{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.completed-cards-grid .card-time svg{width:16px;height:16px;opacity:.6}.completed-cards-grid .duration-pill{background:var(--bg-tertiary);padding:3px 10px;border-radius:6px;font-size:.8rem;margin-left:auto}.completed-cards-grid .card-footer{padding:14px 16px;border-top:1px solid var(--border-primary)}.completed-cards-grid .card-client{display:flex;align-items:center;gap:10px}.completed-cards-grid .client-avatar.small{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.completed-cards-grid .card-client span{font-size:.9rem;color:var(--text-secondary)}@media (max-width: 1024px){.next-appointment-hero .hero-content{grid-template-columns:1fr;gap:24px}.next-appointment-hero .hero-countdown{padding:16px 24px}.upcoming-stats-grid,.completed-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.upcoming-page-header,.completed-page-header{flex-direction:column;align-items:flex-start}.upcoming-page-header .page-title,.completed-page-header .page-title{font-size:1.5rem}.next-appointment-hero{padding:20px}.next-appointment-hero .hero-countdown .countdown-value{font-size:2rem}.upcoming-stats-grid,.completed-stats-grid{grid-template-columns:repeat(2,1fr)}.upcoming-appointment-card{grid-template-columns:1fr;gap:12px}.upcoming-appointment-card .appointment-card-left{border-bottom:1px solid var(--border-light);padding-bottom:12px}.upcoming-appointment-card .appointment-time-block{text-align:left;display:flex;align-items:center;gap:12px}.upcoming-appointment-card .appointment-card-right{flex-direction:row;justify-content:space-between;align-items:center}.achievement-banner{flex-direction:column;text-align:center;gap:16px}.achievement-banner .milestone-progress{max-width:100%}.completed-controls,.completed-controls .filter-group{flex-direction:column;align-items:stretch}.completed-controls .service-filter{width:100%}.completed-controls .view-toggle{align-self:flex-end}.completed-timeline .timeline-appointment{grid-template-columns:auto 1fr;gap:12px}.completed-timeline .appointment-connector{grid-row:span 2}.completed-timeline .appointment-date-col{align-items:flex-start;text-align:left}.completed-cards-grid{grid-template-columns:1fr}}@media (max-width: 480px){.upcoming-stats-grid,.completed-stats-grid{grid-template-columns:1fr}.upcoming-stats-grid .stat-card,.completed-stats-grid .stat-card{padding:16px}.popular-services-section .service-item{flex-direction:column;align-items:flex-start;gap:8px}.popular-services-section .service-rank{position:absolute;top:-4px;left:-4px}.popular-services-section .service-item{position:relative;padding-left:24px}.popular-services-section .service-percentage{position:absolute;top:0;right:0}.upcoming-filters{flex-direction:column}.upcoming-filters .filter-btn{width:100%;justify-content:center}}.by-channel-page{display:flex;flex-direction:column;min-height:100%;background-color:#f8fafc;padding:0}.channel-grid-container{flex:1;display:flex;flex-direction:column;padding:0 24px 24px}.channel-tabs-wrapper{margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.channel-tabs-wrapper::-webkit-scrollbar{display:none}.channel-tabs{display:flex;gap:10px;padding:4px 0;min-width:max-content}.channel-tab{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.channel-tab svg{width:18px;height:18px;flex-shrink:0}.channel-tab-label{font-weight:500}.channel-tab-count{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:#f3f4f6;color:#6b7280}.channel-tab:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.channel-tab.active{background:var(--channel-color-light, #3b82f615);border-color:var(--channel-color, #3b82f6);color:var(--channel-color, #3b82f6)}.channel-tab.active svg{color:var(--channel-color, #3b82f6)}.channel-tab.active .channel-tab-count{background:var(--channel-color, #3b82f6);color:#fff}.channel-grid-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.channel-search-wrapper{flex:1;min-width:240px;max-width:400px;position:relative;display:flex;align-items:center}.channel-search-wrapper svg{position:absolute;left:14px;width:18px;height:18px;color:#9ca3af;pointer-events:none}.channel-search-input{width:100%;padding:12px 40px 12px 44px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;background:#fff;transition:all .2s ease}.channel-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.channel-search-input::placeholder{color:#9ca3af}.channel-search-clear{position:absolute;right:10px;padding:6px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.channel-search-clear:hover{background:#f3f4f6;color:#6b7280}.channel-search-clear svg{position:static;width:14px;height:14px}.channel-filter-select{padding:12px 36px 12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#374151;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3e%3c/svg%3e") no-repeat right 12px center;background-size:16px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.channel-filter-select:focus{outline:none;border-color:#3b82f6}.channel-results-count{font-size:13px;color:#9ca3af;margin-left:auto}.channel-contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.channel-contact-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.channel-contact-card:hover{border-color:#d1d5db;box-shadow:0 4px 20px #00000014,0 8px 32px #0000000f;transform:translateY(-3px)}.channel-contact-card:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.channel-indicator-strip{position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.channel-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.channel-card-avatar-wrapper{position:relative}.channel-card-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;text-transform:uppercase;box-shadow:0 4px 12px #0000001a}.channel-card-online{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#22c55e;border:3px solid #ffffff;border-radius:50%}.channel-card-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px}.channel-card-badge svg{width:18px;height:18px}.channel-card-body{margin-bottom:14px}.channel-card-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card-contact-info{font-size:13px;color:#6b7280;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-card-platform{font-size:12px;font-weight:600}.channel-card-time{display:flex;align-items:center;gap:5px;font-size:12px;color:#9ca3af}.channel-card-time svg{width:14px;height:14px}.channel-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f3f4f6}.channel-card-messages{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.channel-card-messages svg{width:14px;height:14px}.channel-card-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px}.channel-card-status .status-dot{width:6px;height:6px;border-radius:50%}.channel-card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(to top,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 60%,transparent 100%);opacity:0;transform:translateY(10px);transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.channel-card-actions.visible{opacity:1;transform:translateY(0);pointer-events:auto}.channel-action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.channel-action-btn svg{width:20px;height:20px}.channel-action-btn.message{background:#3b82f6;color:#fff}.channel-action-btn.message:hover{background:#2563eb;transform:scale(1.08)}.channel-action-btn.call{background:#22c55e;color:#fff}.channel-action-btn.call:hover{background:#16a34a;transform:scale(1.08)}.channel-action-btn.email{background:#6b7280;color:#fff}.channel-action-btn.email:hover{background:#4b5563;transform:scale(1.08)}.channel-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.channel-grid-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:20px;margin-bottom:20px}.channel-grid-empty-icon svg{width:40px;height:40px;color:#9ca3af}.channel-grid-empty-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.channel-grid-empty-text{font-size:14px;color:#6b7280;margin:0}.channel-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;animation:channelOverlayFadeIn .3s ease}.channel-detail-overlay.closing{animation:channelOverlayFadeOut .3s ease forwards}@keyframes channelOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes channelOverlayFadeOut{0%{opacity:1}to{opacity:0}}.channel-detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.channel-detail-slide{position:relative;width:100%;max-width:480px;height:100%;background:#fff;box-shadow:-8px 0 30px #00000026;animation:channelSlideIn .45s cubic-bezier(.16,1,.3,1);overflow:hidden}.channel-detail-overlay.closing .channel-detail-slide{animation:channelSlideOut .3s cubic-bezier(.4,0,1,1) forwards}@keyframes channelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes channelSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.channel-detail-slide.mobile{max-width:100%}.channel-detail-panel{display:flex;flex-direction:column;height:100%}.channel-detail-header{padding:28px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:3px solid;position:relative}.channel-detail-header-content{display:flex;align-items:flex-start;gap:18px}.channel-avatar-wrapper{position:relative;flex-shrink:0}.channel-avatar-large{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;color:#fff;text-transform:uppercase;box-shadow:0 6px 20px #00000026}.channel-online-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#22c55e;border:3px solid #ffffff;border-radius:50%}.channel-badge-overlay{position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.channel-badge-overlay svg{width:14px;height:14px;color:#fff}.channel-header-info{flex:1;min-width:0}.channel-detail-name{font-size:20px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.3}.channel-detail-contact{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#6b7280;margin-bottom:12px}.detail-divider{color:#d1d5db}.channel-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-platform-badge,.channel-activity-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500}.channel-platform-badge svg{width:14px;height:14px}.channel-detail-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#fffc;border-radius:10px;cursor:pointer;transition:all .2s ease}.channel-detail-close:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.channel-detail-close svg{width:18px;height:18px;color:#6b7280}.channel-detail-content{flex:1;overflow-y:auto;padding:20px 24px}.channel-detail-section{margin-bottom:24px}.channel-section-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}.channel-section-title svg{width:16px;height:16px}.channel-actions-grid{display:flex;flex-direction:column;gap:10px}.channel-quick-action{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid;border-radius:12px;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left}.channel-quick-action:hover{transform:translate(4px)}.channel-quick-action svg{width:20px;height:20px;flex-shrink:0}.channel-quick-action span{font-size:14px;font-weight:500}.channel-quick-action.call{background:#22c55e10;border-color:#22c55e30}.channel-quick-action.email-action{background:#6b728010;border-color:#6b728030}.channel-info-card,.channel-contact-details-card{background:#f9fafb;border-radius:12px;padding:16px}.channel-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.channel-info-row:last-child{border-bottom:none}.channel-info-label{font-size:13px;color:#6b7280}.channel-info-value{font-size:14px;font-weight:500;color:#111827}.channel-contact-detail{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid #e5e7eb}.channel-contact-detail:last-child{border-bottom:none}.channel-contact-detail svg{width:18px;height:18px;color:#9ca3af;margin-top:2px;flex-shrink:0}.channel-detail-text{display:flex;flex-direction:column;gap:2px}.channel-detail-text .detail-label{font-size:12px;color:#9ca3af}.channel-detail-text .detail-value{font-size:14px;color:#111827;font-weight:500}.channel-tags-list{display:flex;flex-wrap:wrap;gap:8px}.channel-tag{padding:6px 12px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:500;border-radius:6px}@media (max-width: 1024px){.channel-contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 768px){.channel-grid-container{padding:0 16px 16px}.channel-tabs{gap:8px}.channel-tab{padding:10px 16px;font-size:13px}.channel-tab-label{display:none}.channel-grid-toolbar{flex-direction:column;align-items:stretch;gap:12px}.channel-search-wrapper{max-width:100%}.channel-filter-select{width:100%}.channel-results-count{margin-left:0;text-align:center}.channel-contacts-grid{grid-template-columns:1fr;gap:14px}.channel-detail-slide{max-width:100%;animation:channelSlideUp .4s cubic-bezier(.16,1,.3,1)}.channel-detail-overlay.closing .channel-detail-slide{animation:channelSlideDown .3s cubic-bezier(.4,0,1,1) forwards}@keyframes channelSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes channelSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}@media (max-width: 480px){.channel-contact-card{padding:16px;border-radius:14px}.channel-card-avatar{width:48px;height:48px;font-size:18px;border-radius:12px}.channel-card-name{font-size:15px}.channel-detail-header{padding:20px 16px}.channel-avatar-large{width:60px;height:60px;font-size:22px}.channel-detail-name{font-size:18px}.channel-detail-content{padding:16px}}.contacts-page{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 64px)}.contacts-stats-bar{display:flex;align-items:center;justify-content:center;gap:40px;padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb;margin:0;box-shadow:0 1px 3px #0000000a}.contacts-stat-item{display:flex;align-items:center;gap:14px}.contacts-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.contacts-stat-icon svg{width:20px;height:20px}.contacts-stat-icon.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.contacts-stat-icon.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#22c55e}.contacts-stat-icon.new{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#8b5cf6}.contacts-stat-content{display:flex;flex-direction:column;gap:2px}.contacts-stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1;letter-spacing:-.02em}.contacts-stat-label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.contacts-stat-divider{width:1px;height:36px;background:#e5e7eb}.contacts-grid-container{flex:1;display:flex;flex-direction:column;padding:24px;overflow:auto}.contacts-grid-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.contacts-search-wrapper{position:relative;flex:1;min-width:240px;max-width:400px}.contacts-search-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.contacts-search-input{width:100%;padding:12px 40px 12px 44px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;color:#1e293b;transition:all .2s ease;outline:none}.contacts-search-input::placeholder{color:#94a3b8}.contacts-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contacts-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.contacts-search-clear:hover{background:#e2e8f0;color:#475569}.contacts-search-clear svg{position:static;transform:none;width:14px;height:14px}.contacts-filter-pills{display:flex;gap:10px}.contacts-filter-select{padding:10px 32px 10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.contacts-filter-select:hover{border-color:#cbd5e1}.contacts-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contacts-results-count{margin-left:auto;font-size:13px;font-weight:500;color:#64748b}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.contact-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 20px 40px -12px #00000014,0 8px 16px -8px #0000000a}.contact-card:hover:before{opacity:1}.contact-card.hovered .contact-card-actions{opacity:1;transform:translateY(0)}.contact-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f1f5f9}.contact-card-avatar-wrapper{position:relative}.contact-card-avatar{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #00000026,inset 0 1px #fff3;position:relative}.contact-card-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);pointer-events:none}.contact-card-online{position:absolute;bottom:0;right:0;width:16px;height:16px;background:#22c55e;border:3px solid #ffffff;border-radius:50%;box-shadow:0 2px 4px #22c55e66}.contact-card-time{font-size:12px;font-weight:500;color:#94a3b8;padding:4px 10px;background:#f1f5f9;border-radius:6px}.contact-card-body{padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:8px}.contact-card-name{font-size:16px;font-weight:600;color:#1e293b;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card-email{font-size:13px;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card-meta{display:flex;align-items:center;gap:10px;margin-top:4px}.contact-card-platform{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500}.contact-card-platform svg{width:14px;height:14px}.contact-card-messages{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f1f5f9;color:#64748b;border-radius:6px;font-size:12px;font-weight:600}.contact-card-messages svg{width:12px;height:12px}.contact-card-footer{padding:12px 20px 16px;display:flex;align-items:center;justify-content:space-between}.contact-card-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.contact-card-status .status-dot{width:6px;height:6px;border-radius:50%}.contact-card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.97) 30%,#ffffff 100%);opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.contact-card-actions.visible{opacity:1;transform:translateY(0);pointer-events:all}.card-action-btn{width:44px;height:44px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-action-btn svg{width:20px;height:20px;position:relative;z-index:1}.card-action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 100%);opacity:0;transition:opacity .25s ease}.card-action-btn:hover{transform:scale(1.1)}.card-action-btn:hover:before{opacity:1}.card-action-btn:active{transform:scale(1.05)}.card-action-btn.message{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f659}.card-action-btn.message:hover{box-shadow:0 6px 20px #3b82f673}.card-action-btn.call{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e59}.card-action-btn.call:hover{box-shadow:0 6px 20px #22c55e73}.card-action-btn.email{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 12px #6b728059}.card-action-btn.email:hover{box-shadow:0 6px 20px #6b728073}.contacts-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.contacts-grid-empty-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.contacts-grid-empty-icon svg{width:40px;height:40px;color:#94a3b8}.contacts-grid-empty-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.contacts-grid-empty-text{font-size:14px;color:#64748b;max-width:320px;margin:0;line-height:1.5}.contact-avatar-large{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;position:relative;box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff40}.contact-avatar-large:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%)}.contact-avatar-wrapper{position:relative}.contact-online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#22c55e;border:3px solid #ffffff;border-radius:50%;box-shadow:0 2px 4px #22c55e66}.contact-header-enhanced{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;padding:24px!important}.contact-header-enhanced .inbox-detail-header-content{display:flex;align-items:flex-start;gap:20px;flex:1}.contact-header-info{display:flex;flex-direction:column;gap:8px}.contact-header-info .inbox-detail-name{margin:0;font-size:22px;font-weight:700;color:#1e293b}.inbox-detail-contact{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;flex-wrap:wrap}.contact-email:hover,.contact-phone:hover{color:#3b82f6}.contact-divider{color:#cbd5e1}.inbox-detail-meta{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.platform-badge,.activity-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.platform-badge svg,.activity-badge svg{width:12px;height:12px}.quick-actions-section{margin-bottom:8px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:14px;border:1px solid;cursor:pointer;transition:all .25s ease;background:transparent}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px var(--action-shadow, rgba(0, 0, 0, .12))}.quick-action-btn svg{width:24px;height:24px}.quick-action-btn span{font-size:12px;font-weight:600}.quick-action-btn.whatsapp:hover{background:#25d36614;--action-shadow: rgba(37, 211, 102, .3)}.quick-action-btn.call:hover{background:#22c55e14;--action-shadow: rgba(34, 197, 94, .3)}.quick-action-btn.email-btn:hover{background:#6b728014;--action-shadow: rgba(107, 114, 128, .2)}.recent-conversations-card{background:#f8fafc;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.conversation-snippet{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.conversation-snippet:hover{border-color:#d1d5db}.conversation-snippet-content{flex:1;min-width:0}.conversation-direction{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.conversation-direction svg{width:14px;height:14px}.conversation-direction.incoming{background:#dcfce7;color:#16a34a}.conversation-direction.outgoing{background:#dbeafe;color:#2563eb}.conversation-message{font-size:13px;color:#374151;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.conversation-time{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.view-all-conversations{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#eff6ff;border:none;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s ease}.view-all-conversations:hover{background:#dbeafe}.view-all-conversations svg{width:16px;height:16px;transition:transform .2s ease}.view-all-conversations:hover svg{transform:translate(4px)}.activity-summary-card{background:#f8fafc;border-radius:14px;padding:16px}.activity-stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.activity-stat-row:last-child{border-bottom:none;padding-bottom:0}.activity-stat-row:first-child{padding-top:0}.activity-stat-label{font-size:13px;color:#64748b}.activity-stat-value{font-size:14px;font-weight:600;color:#1e293b}.tags-notes-card{background:#f8fafc;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.contact-tags{display:flex;flex-wrap:wrap;gap:8px}.contact-tag{display:inline-flex;padding:5px 10px;background:#e0e7ff;color:#4338ca;border-radius:16px;font-size:12px;font-weight:600}.contact-notes{padding-top:12px;border-top:1px solid #e5e7eb}.contact-notes p{font-size:13px;color:#475569;line-height:1.5;margin:0}.inbox-detail-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.inbox-detail-section-title svg{width:16px;height:16px;color:#64748b}@media (max-width: 1024px){.contacts-stats-bar{gap:24px;padding:16px 24px}.contacts-stat-value{font-size:1.25rem}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}}@media (max-width: 768px){.contacts-stats-bar{flex-wrap:wrap;justify-content:flex-start;gap:16px 32px;padding:16px 20px}.contacts-stat-divider{display:none}.contacts-grid-container{padding:16px}.contacts-grid-toolbar{flex-direction:column;align-items:stretch;gap:12px}.contacts-search-wrapper{max-width:none}.contacts-filter-pills{width:100%}.contacts-filter-select{flex:1}.contacts-results-count{margin-left:0;text-align:center}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.contact-card-header{padding:16px 16px 12px}.contact-card-avatar{width:48px;height:48px;font-size:18px;border-radius:14px}.contact-card-body{padding:12px 16px}.contact-card-footer{padding:10px 16px 14px}.contact-avatar-large{width:64px;height:64px;font-size:24px;border-radius:16px}.contact-header-enhanced{padding:20px!important}.contact-header-info .inbox-detail-name{font-size:18px}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:10px}.quick-action-btn{padding:12px 10px}.quick-action-btn svg{width:20px;height:20px}.quick-action-btn span{font-size:11px}}@media (max-width: 480px){.contacts-stats-bar{flex-direction:column;gap:12px;padding:14px 16px}.contacts-stat-item{width:100%;justify-content:flex-start}.contacts-grid-container{padding:12px}.contacts-grid{grid-template-columns:1fr;gap:12px}.contact-card{border-radius:14px}.card-action-btn{width:40px;height:40px;border-radius:10px}.card-action-btn svg{width:18px;height:18px}.contacts-filter-pills{flex-direction:column}.contacts-filter-select{width:100%}}.contacts-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end}.contacts-detail-overlay.closing .contacts-detail-slide{transform:translate(100%)}.contacts-detail-overlay.closing .contacts-detail-backdrop{opacity:0}.contacts-detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease;cursor:pointer}.contacts-detail-slide{position:relative;width:100%;max-width:480px;height:100%;background:#fff;box-shadow:-8px 0 40px #0000001f;transform:translate(0);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.contacts-detail-slide.mobile{max-width:none}.contacts-detail-slide .inbox-detail-panel{height:100%;display:flex;flex-direction:column;border:none;border-radius:0}.contacts-detail-slide .inbox-detail-header{flex-shrink:0}.contacts-detail-slide .inbox-detail-content{flex:1;overflow-y:auto;padding:20px}.contacts-detail-slide .inbox-detail-section{margin-bottom:24px}.contacts-detail-slide .inbox-detail-section:last-child{margin-bottom:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contacts-detail-overlay:not(.closing) .contacts-detail-slide{animation:slideIn .35s cubic-bezier(.4,0,.2,1)}.contacts-detail-overlay:not(.closing) .contacts-detail-backdrop{animation:fadeIn .3s ease}@media (max-width: 768px){.contacts-detail-slide{max-width:none}.contacts-detail-slide .inbox-detail-content{padding:16px}}:root{--dashboard-primary: #22c55e;--dashboard-primary-light: #86efac;--dashboard-primary-dark: #16a34a;--dashboard-secondary: #3b82f6;--dashboard-secondary-light: #93c5fd;--dashboard-secondary-dark: #2563eb;--dashboard-accent: #a855f7;--dashboard-accent-light: #d8b4fe;--dashboard-accent-dark: #7c3aed;--dashboard-gray-50: #f9fafb;--dashboard-gray-100: #f3f4f6;--dashboard-gray-200: #e5e7eb;--dashboard-gray-300: #d1d5db;--dashboard-gray-400: #9ca3af;--dashboard-gray-500: #6b7280;--dashboard-gray-600: #4b5563;--dashboard-gray-700: #374151;--dashboard-gray-800: #1f2937;--dashboard-gray-900: #111827;--dashboard-success: #22c55e;--dashboard-warning: #f59e0b;--dashboard-error: #ef4444;--dashboard-info: #3b82f6;--dashboard-bg: #f8fafc;--dashboard-bg-secondary: #f1f5f9;--dashboard-card-bg: #ffffff;--dashboard-sidebar-bg: rgba(255, 255, 255, .75);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-border-dark: rgba(0, 0, 0, .06);--glass-highlight: rgba(255, 255, 255, .9);--glass-shadow: rgba(0, 0, 0, .04);--dashboard-border: #e2e8f0;--dashboard-border-light: #f1f5f9;--dashboard-border-dark: #cbd5e1;--dashboard-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--dashboard-shadow-md: 0 4px 12px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--dashboard-shadow-lg: 0 8px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .03);--dashboard-shadow-xl: 0 16px 48px rgba(0, 0, 0, .08), 0 8px 16px rgba(0, 0, 0, .04);--dashboard-shadow-glass: 0 8px 32px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .03);--dashboard-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--dashboard-glow-green: 0 0 24px rgba(34, 197, 94, .25);--dashboard-glow-blue: 0 0 24px rgba(59, 130, 246, .25);--dashboard-glow-purple: 0 0 24px rgba(168, 85, 247, .25);--dashboard-sidebar-width: 260px;--dashboard-sidebar-collapsed: 70px;--dashboard-navbar-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--dashboard-transition: .2s ease;--dashboard-transition-fast: .15s ease;--dashboard-transition-slow: .3s ease;--dashboard-transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--font-sans: "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace}.glass-card{background:#9393931a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10.1px);-webkit-backdrop-filter:blur(10.1px);border:1px solid rgba(147,147,147,.24)}.glass-panel{background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 26px 13px #fff;position:relative;overflow:hidden}.glass-button{background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80}.glass-button:hover{background:#ffffff1f;box-shadow:0 6px 20px #0000001a,inset 0 1px #fff9}.glass-input{background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80}.glass-input:focus{border-color:#22c55e80;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80,0 0 0 3px #22c55e1a}.top-navbar{display:flex;align-items:center;justify-content:space-between;height:var(--dashboard-navbar-height);padding:0 24px;background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a;gap:24px}.navbar-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dashboard-gray-500)}.breadcrumb-link{color:var(--dashboard-gray-500);text-decoration:none;transition:color var(--dashboard-transition)}.breadcrumb-link:hover{color:var(--dashboard-primary)}.breadcrumb-current{color:var(--dashboard-gray-900);font-weight:500}.breadcrumb-separator{color:var(--dashboard-gray-400)}.navbar-search{flex:1;max-width:400px;position:relative}.navbar-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--dashboard-gray-400)}.navbar-search .search-input{width:100%;padding:10px 16px 10px 48px;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-full);background:#fffc;font-size:14px;color:var(--dashboard-gray-900);transition:all var(--dashboard-transition);box-shadow:var(--dashboard-shadow-inner)}.navbar-search .search-input::placeholder{color:var(--dashboard-gray-400)}.navbar-search .search-input:focus{outline:none;background:#fffffff2;border-color:#22c55e80;box-shadow:var(--dashboard-shadow-inner),0 0 0 3px #22c55e1a}.navbar-actions{display:flex;align-items:center;gap:8px}.navbar-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dashboard-gray-600);cursor:pointer;transition:all var(--dashboard-transition)}.navbar-icon-btn:hover{background:#0000000a;color:var(--dashboard-gray-900)}.navbar-icon-btn svg{width:22px;height:22px}.navbar-icon-btn.lang-btn{font-size:12px;font-weight:600}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--dashboard-error);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.navbar-user{position:relative;margin-left:8px}.user-profile-btn{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background var(--dashboard-transition)}.user-profile-btn:hover{background:#0000000a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:14px;font-weight:500;color:var(--dashboard-gray-900)}.user-role{font-size:12px;color:var(--dashboard-primary)}.user-profile-btn svg{width:16px;height:16px;color:var(--dashboard-gray-400)}.user-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.user-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--dashboard-shadow-xl);border:1px solid rgba(0,0,0,.06);z-index:101;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--dashboard-gray-700);font-size:14px;text-decoration:none;cursor:pointer;transition:background var(--dashboard-transition)}.user-menu-item:hover{background:#0000000a}.user-menu-item svg{width:18px;height:18px;color:var(--dashboard-gray-400)}.user-menu-item.logout{color:var(--dashboard-error)}.user-menu-item.logout svg{color:var(--dashboard-error)}.user-menu-divider{margin:4px 0;border:none;border-top:1px solid rgba(0,0,0,.06)}.stats-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 26px 13px #fff;transition:all var(--dashboard-transition);position:relative;overflow:hidden}.stats-card:hover{background:#ffffff1f;box-shadow:0 12px 40px #0000001f,inset 0 1px #fff9,inset 0 -1px #ffffff26,inset 0 0 30px 15px #fff;transform:translateY(-2px)}.stats-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#22c55e1a;color:var(--dashboard-primary)}.stats-card__icon svg{width:24px;height:24px}.stats-card__content{flex:1}.stats-card__title{display:block;font-size:12px;font-weight:500;color:var(--dashboard-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stats-card__value-row{display:flex;align-items:center;gap:12px}.stats-card__value{font-size:24px;font-weight:600;color:var(--dashboard-gray-900)}.stats-card__change{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--dashboard-gray-100);color:var(--dashboard-gray-600)}.stats-card__change.positive{background:#22c55e1a;color:var(--dashboard-primary-dark)}.stats-card__change.negative{background:#ef44441a;color:var(--dashboard-error)}.stats-card__change svg{width:14px;height:14px}.stats-card__label{display:block;font-size:12px;color:var(--dashboard-gray-400);margin-top:4px}.stats-card--primary .stats-card__icon{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-dark));color:#fff}.stats-card--secondary .stats-card__icon{background:#3b82f61a;color:var(--dashboard-secondary)}.stats-card--accent .stats-card__icon{background:#a855f71a;color:var(--dashboard-accent)}.stats-card--warning .stats-card__icon{background:#f59e0b1a;color:var(--dashboard-warning)}.stats-card--compact{padding:16px 20px}.stats-card--compact .stats-card__icon{width:40px;height:40px}.stats-card--compact .stats-card__value{font-size:20px}.stats-grid{display:grid;gap:20px}.stats-grid--cols-2{grid-template-columns:repeat(2,1fr)}.stats-grid--cols-3{grid-template-columns:repeat(3,1fr)}.stats-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.stats-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid--cols-4,.stats-grid--cols-3,.stats-grid--cols-2{grid-template-columns:1fr}}.chart-card{background:#ffffff12;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 26px 13px #fff;overflow:hidden;position:relative}.chart-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.chart-card__title{font-size:16px;font-weight:600;color:var(--dashboard-gray-900);margin:0}.chart-card__badge{padding:6px 12px;border-radius:var(--radius-sm);background:#0000000a;font-size:13px;color:var(--dashboard-gray-600)}.chart-card__select{padding:6px 12px;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);background:#fffc;font-size:13px;color:var(--dashboard-gray-700);cursor:pointer;transition:all var(--dashboard-transition)}.chart-card__select:hover{border-color:#0000001f}.chart-card__select:focus{outline:none;border-color:#22c55e80}.chart-card__menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dashboard-gray-400);cursor:pointer;transition:all var(--dashboard-transition)}.chart-card__menu-btn:hover{background:#0000000a;color:var(--dashboard-gray-600)}.chart-card__menu-btn svg{width:16px;height:16px}.chart-card__body{padding:20px 24px 24px}.chart-card__body--pie{display:flex;flex-direction:column;align-items:center}.chart-tooltip{background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 14px;border-radius:var(--radius-md);box-shadow:var(--dashboard-shadow-lg)}.chart-tooltip__label{font-size:12px;color:var(--dashboard-gray-400);margin:0 0 4px}.chart-tooltip__value{font-size:14px;font-weight:600;color:#fff;margin:0}.pie-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dashboard-transition)}.legend-item:hover,.legend-item.active{background:#0000000a}.legend-color{width:12px;height:12px;border-radius:3px}.legend-label{font-size:13px;color:var(--dashboard-gray-600)}.chart-skeleton{background:linear-gradient(90deg,var(--dashboard-gray-100) 25%,var(--dashboard-gray-50) 50%,var(--dashboard-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lead-pipeline{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--dashboard-shadow-glass);overflow:hidden}.lead-pipeline__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.lead-pipeline__header h2{font-size:18px;font-weight:600;color:var(--dashboard-gray-900);margin:0}.lead-pipeline__new-board-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:var(--dashboard-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dashboard-transition);box-shadow:0 2px 8px #22c55e4d}.lead-pipeline__new-board-btn:hover{background:var(--dashboard-primary-dark);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.lead-pipeline__new-board-btn svg{width:16px;height:16px}.lead-pipeline__columns{display:flex;gap:20px;padding:20px;overflow-x:auto}.pipeline-column{flex:0 0 320px;min-width:320px;background:#f8fafccc;border-radius:var(--radius-lg);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.04)}.pipeline-column__header{display:flex;align-items:center;justify-content:space-between;padding:16px}.pipeline-column__title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--dashboard-gray-800)}.pipeline-column__count{padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.pipeline-column__actions{display:flex;align-items:center;gap:4px}.pipeline-column__add-btn,.pipeline-column__menu-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dashboard-gray-500);cursor:pointer;transition:all var(--dashboard-transition)}.pipeline-column__add-btn:hover,.pipeline-column__menu-btn:hover{background:#0000000f;color:var(--dashboard-gray-700)}.pipeline-column__add-btn svg,.pipeline-column__menu-btn svg{width:16px;height:16px}.pipeline-column__cards{flex:1;padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.pipeline-column__new-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px dashed var(--dashboard-gray-300);border-radius:var(--radius-md);background:transparent;color:var(--dashboard-gray-400);font-size:14px;cursor:pointer;transition:all var(--dashboard-transition)}.pipeline-column__new-card:hover{border-color:var(--dashboard-primary);color:var(--dashboard-primary);background:#22c55e0d}.pipeline-column__new-card svg{width:16px;height:16px}.lead-card{position:relative;padding:16px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.6);box-shadow:var(--dashboard-shadow-sm);transition:all var(--dashboard-transition)}.lead-card:hover{box-shadow:var(--dashboard-shadow-md);transform:translateY(-2px)}.lead-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lead-card__client{font-size:12px;color:var(--dashboard-gray-500)}.lead-card__score{padding:2px 8px;border-radius:4px;background:var(--dashboard-primary);color:#fff;font-size:12px;font-weight:600}.lead-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.lead-card__title{font-size:15px;font-weight:600;color:var(--dashboard-gray-900);margin:0}.lead-card__status{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500;white-space:nowrap}.lead-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:var(--dashboard-gray-500)}.lead-card__location{display:flex;align-items:center;gap:4px}.lead-card__location svg{width:14px;height:14px}.lead-card__contact{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.lead-card__contact-link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dashboard-primary);text-decoration:none;transition:color var(--dashboard-transition)}.lead-card__contact-link:hover{color:var(--dashboard-primary-dark)}.lead-card__contact-link svg{width:14px;height:14px}.lead-card__source{font-size:12px;color:var(--dashboard-gray-400);padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.lead-card__actions{position:absolute;top:12px;right:12px}.lead-card__menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--dashboard-gray-400);cursor:pointer;opacity:0;transition:all var(--dashboard-transition)}.lead-card:hover .lead-card__menu-btn{opacity:1}.lead-card__menu-btn:hover{background:#0000000f;color:var(--dashboard-gray-600)}.lead-card__menu-btn svg{width:14px;height:14px}.lead-card__menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.lead-card__menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-sm);box-shadow:var(--dashboard-shadow-lg);border:1px solid rgba(0,0,0,.06);z-index:11;overflow:hidden}.lead-card__menu button{display:block;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--dashboard-gray-700);font-size:13px;text-align:left;cursor:pointer;transition:background var(--dashboard-transition)}.lead-card__menu button:hover{background:#0000000a}.data-table{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--dashboard-shadow-glass);overflow:hidden}.data-table__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.data-table__title{font-size:16px;font-weight:600;color:var(--dashboard-gray-900);margin:0}.data-table__actions{display:flex;align-items:center;gap:12px}.data-table__badge{padding:6px 12px;border-radius:var(--radius-sm);background:#0000000a;font-size:13px;color:var(--dashboard-gray-600)}.data-table__select{padding:6px 12px;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);background:#fffc;font-size:13px;color:var(--dashboard-gray-700);cursor:pointer}.data-table__container{overflow-x:auto}.data-table__table{width:100%;border-collapse:collapse}.data-table__table th{padding:14px 16px;background:#f8fafccc;font-size:13px;font-weight:500;color:var(--dashboard-gray-500);text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,0,0,.06);white-space:nowrap}.data-table__table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table__table th.sortable:hover{color:var(--dashboard-gray-700)}.data-table__table th .th-content{display:flex;align-items:center;gap:8px}.sort-indicator{opacity:.3;transition:opacity var(--dashboard-transition)}.sort-indicator svg{width:14px;height:14px}.data-table__table th:hover .sort-indicator,.sort-indicator.asc,.sort-indicator.desc{opacity:1}.data-table__table td{padding:14px 16px;font-size:14px;color:var(--dashboard-gray-700);border-bottom:1px solid rgba(0,0,0,.04)}.data-table__table tr.hoverable:hover td{background:#00000005}.data-table__table tr.clickable{cursor:pointer}.data-table__table .row-number-col{width:50px;color:var(--dashboard-gray-400);font-weight:500}.data-table__table .text-right{text-align:right}.data-table__table .text-center{text-align:center}.data-table__table .empty-cell{text-align:center;padding:40px;color:var(--dashboard-gray-400)}.data-table__footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid rgba(0,0,0,.06)}.pagination-info{font-size:13px;color:var(--dashboard-gray-500)}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dashboard-gray-600);font-size:13px;cursor:pointer;transition:all var(--dashboard-transition)}.pagination-btn:hover:not(:disabled){background:#0000000a}.pagination-btn.active{background:var(--dashboard-primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px}.data-table__skeleton{padding:24px}.data-table__skeleton .skeleton-row{height:48px;border-radius:var(--radius-sm);margin-bottom:12px;background:linear-gradient(90deg,var(--dashboard-gray-100) 25%,var(--dashboard-gray-50) 50%,var(--dashboard-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.data-table__skeleton .skeleton-header{background:var(--dashboard-gray-200)}.dashboard-layout-new{display:flex;min-height:100vh;background:var(--dashboard-bg)}.dashboard-main-new{flex:1;margin-left:var(--dashboard-sidebar-width);display:flex;flex-direction:column}.dashboard-content-new{flex:1;padding:24px}.sidebar-glass{position:fixed;top:0;left:0;width:var(--dashboard-sidebar-width);height:100vh;background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.5);z-index:50;display:flex;flex-direction:column;transition:width var(--dashboard-transition-slow)}.sidebar-glass.collapsed{width:var(--dashboard-sidebar-collapsed)}.quick-stats-table{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--dashboard-shadow-glass);padding:20px}.quick-stats-table__title{font-size:14px;font-weight:600;color:var(--dashboard-gray-900);margin:0 0 16px}.quick-stats-table__list{display:flex;flex-direction:column;gap:12px}.quick-stats-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.quick-stats-item:last-child{border-bottom:none}.quick-stats-item__label{font-size:13px;color:var(--dashboard-gray-600)}.quick-stats-item__value{font-size:14px;font-weight:600;color:var(--dashboard-gray-900)}.quick-stats-item__change{font-size:12px;font-weight:500;margin-left:8px}.quick-stats-item__change.positive{color:var(--dashboard-success)}.quick-stats-item__change.negative{color:var(--dashboard-error)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--dashboard-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dashboard-transition);box-shadow:0 2px 8px #22c55e4d}.btn-primary:hover{background:var(--dashboard-primary-dark);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#fff9;color:var(--dashboard-gray-700);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dashboard-transition);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover{background:#fffc;border-color:#0000001f}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:var(--dashboard-gray-600);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dashboard-transition)}.btn-ghost:hover{background:#0000000a;color:var(--dashboard-gray-900)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.status-badge--success{background:#22c55e1a;color:var(--dashboard-primary-dark);border:1px solid rgba(134,239,172,.5)}.status-badge--warning{background:#f59e0b1a;color:#b45309;border:1px solid rgba(252,211,77,.5)}.status-badge--error{background:#ef44441a;color:#dc2626;border:1px solid rgba(252,165,165,.5)}.status-badge--info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(147,197,253,.5)}.status-badge--neutral{background:#0000000a;color:var(--dashboard-gray-600);border:1px solid rgba(0,0,0,.06)}.progress-bar{height:8px;background:var(--dashboard-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--dashboard-primary),var(--dashboard-primary-light));border-radius:var(--radius-full);transition:width var(--dashboard-transition-slow)}.progress-bar--segmented{display:flex;gap:2px}.progress-bar--segmented .segment{flex:1;height:100%;border-radius:2px;transition:all var(--dashboard-transition)}@media (max-width: 1024px){.dashboard-main-new{margin-left:0}.sidebar-glass{transform:translate(-100%)}.sidebar-glass.open{transform:translate(0)}.lead-pipeline__columns{padding:16px;gap:16px}.pipeline-column{flex:0 0 280px;min-width:280px}}@media (max-width: 768px){.top-navbar{padding:0 16px;gap:12px}.navbar-search,.navbar-breadcrumb,.user-info{display:none}.dashboard-content-new,.chart-card__header,.chart-card__body,.data-table__header,.data-table__footer,.lead-pipeline__header,.stats-card{padding:16px}.stats-card__value{font-size:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideIn{animation:slideIn .3s ease forwards}.animate-scaleIn{animation:scaleIn .2s ease forwards}