@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.landing{color:#111827;background:#fafbfc;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.landing *{box-sizing:border-box}.nav-scrolled{box-shadow:0 1px 20px #0000000f}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.nav-name{color:var(--text-primary);font-size:20px;font-weight:800}.nav-crm{color:var(--text-muted);font-size:16px;font-weight:400}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-link-btn{padding:6px 0!important}.nav-cta{color:#fff!important;background:var(--accent)!important;padding:8px 20px!important;font-size:14px!important}.mobile-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.hero{text-align:center;background:linear-gradient(#f0f2ff 0%,#fafbfc 100%);padding:160px 0 80px;position:relative;overflow:hidden}.hero-orb{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.hero-orb-1{background:#6366f11f;width:700px;height:700px;animation:8s ease-in-out infinite orbFloat;top:-200px;left:50%;transform:translate(-50%)}.hero-orb-2{background:#a855f714;width:400px;height:400px;animation:10s ease-in-out infinite reverse orbFloat;top:200px;right:-100px}.hero-orb-3{background:#06b6d40f;width:300px;height:300px;animation:12s ease-in-out infinite orbFloat;bottom:100px;left:-50px}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.hero-grid-bg{pointer-events:none;background-image:radial-gradient(#6366f10f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.hero-inner{z-index:1;position:relative}.hero-badge-wrap{margin-bottom:32px}.hero-badge{color:#6366f1;cursor:pointer;background:#6366f10f;border:1px solid #6366f126;border-radius:24px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.hero-badge:hover{background:#6366f11a;border-color:#6366f14d}.hero-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{letter-spacing:-2px;color:#0f172a;margin-bottom:24px;font-size:64px;font-weight:900;line-height:1.05}.hero-gradient{background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#64748b;max-width:640px;margin:0 auto 36px;font-size:19px;font-weight:400;line-height:1.7}.hero-actions{justify-content:center;gap:14px;margin-bottom:16px;display:flex}.btn-lg{border-radius:12px;padding:15px 32px;font-size:16px;font-weight:600}.hero-primary-cta{box-shadow:0 4px 20px #6366f14d}.hero-primary-cta:hover{transform:translateY(-1px);box-shadow:0 6px 30px #6366f166}.hero-secondary-cta{gap:8px}.hero-note{color:#94a3b8;margin-bottom:48px;font-size:13px}.hero-trusted{margin-bottom:60px}.trusted-label{letter-spacing:.1em;color:#94a3b8;text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:700}.trusted-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.trusted-logo-item{color:#cbd5e1;letter-spacing:.5px;font-size:15px;font-weight:800;transition:color .3s}.trusted-logo-item:hover{color:#94a3b8}.hero-mockup{perspective:1200px;max-width:960px;margin:0 auto;position:relative}.mockup-glow{pointer-events:none;background:radial-gradient(#6366f114 0%,#0000 70%);border-radius:30px;position:absolute;inset:-40px}.mockup-browser{z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:rotateX(2deg);box-shadow:0 25px 60px #00000014,0 0 0 1px #00000008}.mockup-browser:hover{transform:rotateX(0)}.mockup-dots{background:#f8fafc;border-bottom:1px solid #f1f5f9;gap:6px;padding:14px 18px;display:flex}.mockup-dots span{background:#e2e8f0;border-radius:50%;width:10px;height:10px}.mockup-dots span:first-child{background:#fca5a5}.mockup-dots span:nth-child(2){background:#fde68a}.mockup-dots span:nth-child(3){background:#86efac}.mockup-content{height:360px;display:flex}.mockup-sidebar{background:#f8fafc;border-right:1px solid #f1f5f9;flex-shrink:0;width:180px;padding:16px}.mockup-brand{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:20px;font-size:14px;font-weight:800;display:flex}.mockup-nav-item{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:10px}.mockup-main{flex:1;padding:16px}.mockup-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.mockup-stat-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px}.mockup-stat-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.mockup-stat-value{color:#1e293b;font-size:16px;font-weight:800}.mockup-charts{flex:1;grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.mockup-chart{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-end;gap:6px;padding:16px;display:flex}.mockup-bar{background:linear-gradient(#818cf8,#6366f1);border-radius:4px 4px 0 0;width:18px;animation:1.5s forwards barGrow}@keyframes barGrow{0%{height:0}}.mockup-donut{position:relative}.mockup-donut:after{content:"";border:12px solid #22c55e;border-color:#22c55e #f59e0b #818cf8 #818cf8;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-bar{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:48px 0}.stats-bar-inner{justify-content:space-around;display:flex}.stats-bar-item{text-align:center;opacity:0;animation:.6s forwards fadeUp}.stats-bar-item.animate-in{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stats-bar-value{color:#0f172a;letter-spacing:-1px;font-size:36px;font-weight:900}.stats-bar-label{color:#475569;margin-top:4px;font-size:14px;font-weight:600}.stats-bar-sub{color:#94a3b8;margin-top:2px;font-size:12px}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-badge{color:#6366f1;background:#6366f10f;border:1px solid #6366f11f;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:#0f172a;letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:900;line-height:1.15}.section-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:17px;line-height:1.7}.features-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:#6366f1;transform:translateY(-6px);box-shadow:0 20px 40px #6366f114}.feature-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feature-icon{color:#6366f1;background:#6366f10f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-tag{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.feature-card h3{color:#1e293b;margin-bottom:8px;font-size:16px;font-weight:700}.feature-card p{color:#64748b;font-size:14px;line-height:1.65}.ai-section{background:linear-gradient(#f8f9ff,#fafbfc)}.ai-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.ai-desc{color:#64748b;margin-bottom:24px;font-size:16px;line-height:1.7}.ai-features-list{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.ai-feature-item{color:#475569;align-items:center;gap:12px;font-size:15px;display:flex}.ai-feature-icon{color:#6366f1;background:#6366f10f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-cta-btn{display:inline-flex}.ai-demo-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0000000f}.ai-demo-header{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.ai-dot-green{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.ai-status-badge{color:#22c55e;background:#22c55e14;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600}.ai-demo-msg{border-radius:12px;margin:14px 18px;padding:14px 16px;font-size:14px;line-height:1.6}.ai-demo-user{color:#fff;background:#6366f1;border-bottom-right-radius:4px;max-width:75%;margin-left:auto}.ai-demo-bot{background:#f8fafc;border:1px solid #f1f5f9;border-bottom-left-radius:4px}.ai-demo-title{color:#1e293b;margin-bottom:12px;font-weight:700}.ai-demo-priorities{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ai-demo-priority{color:#475569;background:#fff;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.priority-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ai-demo-priority.urgent .priority-dot{background:#ef4444}.ai-demo-priority.high .priority-dot{background:#f59e0b}.ai-demo-priority.medium .priority-dot{background:#6366f1}.ai-demo-priority.normal .priority-dot{background:#94a3b8}.ai-demo-action{color:#6366f1;font-size:13px}.social-proof-banner{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:32px 0}.social-proof-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.social-proof-item{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.social-proof-item strong{color:#1e293b}.social-proof-item svg{color:#6366f1}.social-proof-divider{background:#e2e8f0;width:1px;height:24px}.billing-toggle{justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.toggle-label{color:#94a3b8;cursor:pointer;font-size:15px;font-weight:500;transition:color .2s}.toggle-label.active{color:#1e293b;font-weight:700}.toggle-switch{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;width:54px;height:28px;transition:all .3s;position:relative}.toggle-switch:after{content:"";background:#94a3b8;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:4px}.toggle-switch.active{background:#6366f11a;border-color:#6366f1}.toggle-switch.active:after{background:#6366f1;transform:translate(24px)}.save-badge{color:#10b981;background:#10b98114;border:1px solid #10b98126;border-radius:20px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:700}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:28px;transition:all .4s;display:flex;position:relative}.pricing-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 40px #0000000f}.pricing-card.popular{background:linear-gradient(#6366f108,#fff);border-color:#6366f1;box-shadow:0 16px 40px #6366f11a}.pricing-badge{color:#fff;letter-spacing:.5px;background:#6366f1;border-radius:12px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:#1e293b;margin-bottom:4px;font-size:20px;font-weight:700}.pricing-desc{color:#94a3b8;margin-bottom:20px;font-size:14px}.pricing-price{margin-bottom:24px}.pricing-currency{color:#64748b;vertical-align:top;font-size:20px;font-weight:700}.pricing-amount{color:#0f172a;font-size:48px;font-weight:900;line-height:1}.pricing-period{color:#94a3b8;font-size:14px}.pricing-cta{justify-content:center;width:100%;margin-bottom:24px;padding:12px}.pricing-features{flex:1;padding:0;list-style:none}.pricing-features li{color:#64748b;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-check{color:#22c55e;flex-shrink:0}.testimonials-section{background:#f8fafc}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .3s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.testimonial-metric{color:#6366f1;background:#6366f10f;border-radius:8px;margin-bottom:12px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.testimonial-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:14px;font-size:16px}.testimonial-text{color:#475569;margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.testimonial-name{color:#1e293b;font-size:14px;font-weight:600}.testimonial-role{color:#94a3b8;font-size:12px}.testimonial-company{color:#6366f1;font-size:12px;font-weight:600}.faq-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:10px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#cbd5e1}.faq-question{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.faq-question h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.faq-chevron{color:#94a3b8;flex-shrink:0;transition:transform .3s}.faq-open .faq-chevron{color:#6366f1;transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-open .faq-answer{max-height:200px;padding:0 24px 20px}.faq-answer p{color:#64748b;margin:0;font-size:14px;line-height:1.7}.cta-section{background:linear-gradient(#f0f2ff,#fafbfc);padding:120px 0;position:relative;overflow:hidden}.cta-orb{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.cta-orb-1{background:#6366f114;width:500px;height:500px;top:-200px;left:-100px}.cta-orb-2{background:#a855f70f;width:400px;height:400px;bottom:-150px;right:-100px}.cta-title{color:#0f172a;letter-spacing:-1px;margin-bottom:16px;font-size:44px;font-weight:900;line-height:1.15}.cta-subtitle{color:#64748b;max-width:580px;margin:0 auto 32px;font-size:17px;line-height:1.7}.cta-actions{justify-content:center;gap:14px;margin-bottom:16px;display:flex}.cta-note{color:#94a3b8;font-size:13px}.landing-footer{background:#fff;border-top:1px solid #e2e8f0;padding:60px 0 0}.footer-inner{justify-content:space-between;gap:40px;display:flex}.footer-brand-desc{color:#94a3b8;max-width:300px;margin-top:12px;font-size:14px;line-height:1.6}.footer-social{gap:12px;margin-top:16px;display:flex}.footer-social a{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.footer-social a:hover{color:#fff;background:#6366f1}.footer-links{gap:60px;display:flex}.footer-links h4{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:16px;font-size:12px;font-weight:700}.footer-links a{color:#64748b;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-links a:hover{color:#6366f1}.footer-bottom{border-top:1px solid #f1f5f9;margin-top:40px;padding:20px 0}.footer-bottom-inner{justify-content:space-between;align-items:center;display:flex}.footer-bottom p{color:#94a3b8;font-size:13px}.footer-location{color:#cbd5e1;font-size:13px}.auth-page{min-height:100vh;display:flex}.auth-left{background:linear-gradient(135deg,#f0f2f7,#e8ebf4);justify-content:center;align-items:center;width:45%;padding:48px;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";background:radial-gradient(circle,#6366f114,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.auth-left-content{z-index:1;max-width:420px;position:relative}.auth-brand{align-items:center;gap:10px;margin-bottom:40px;text-decoration:none;display:flex}.auth-left h1{margin-bottom:16px;font-size:36px;font-weight:800;line-height:1.2}.auth-left>.auth-left-content>p{color:var(--text-secondary);font-size:16px;line-height:1.6}.auth-testimonial{background:#00000008;border:1px solid #0000000f;border-radius:12px;margin-top:40px;padding:20px}.auth-testimonial p{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-style:italic;line-height:1.6}.auth-testimonial span{color:var(--text-muted);font-size:13px}.auth-features{flex-direction:column;gap:10px;margin-top:32px;display:flex}.auth-feature-item{color:var(--green);font-size:14px;font-weight:500}.auth-right{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.auth-form-wrapper{width:100%;max-width:420px}.auth-form-wrapper h2{margin-bottom:6px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.auth-social{gap:10px}.auth-divider{align-items:center;gap:16px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);font-size:12px}.auth-field{margin-bottom:16px}.auth-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-input-wrap{background:var(--bg-input);border:1px solid var(--border);transition:border-color var(--transition);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.auth-input-wrap:focus-within{border-color:var(--accent)}.auth-input-wrap input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.auth-input-wrap input::placeholder{color:var(--text-muted)}.auth-input-wrap svg{color:var(--text-muted);flex-shrink:0}.auth-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.auth-forgot{color:var(--accent-hover);font-size:13px;text-decoration:none}.auth-submit{justify-content:center;width:100%;margin-top:8px;padding:12px;font-size:15px}.auth-switch{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px}.auth-switch a{color:var(--accent-hover);font-weight:600;text-decoration:none}.auth-terms{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12px}.auth-terms a{color:var(--accent-hover);text-decoration:none}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.testimonials-grid,.ai-showcase{grid-template-columns:1fr}.hero-title{font-size:40px}.section-title{font-size:32px}}@media (width<=768px){.nav-links{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;top:68px;left:0;right:0}.nav-links.open{display:flex}.mobile-toggle{display:block}.hero-title{font-size:32px}.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.stats-bar-inner{flex-wrap:wrap;justify-content:center;gap:24px}.footer-inner{flex-direction:column}.footer-links{flex-direction:column;gap:30px}.auth-page{flex-direction:column}.auth-left{width:100%;min-height:auto;padding:32px 24px}.auth-right{padding:32px 24px}.mockup-stats{grid-template-columns:repeat(2,1fr)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f8f9fc;--bg-card:#fff;--bg-card-hover:#f1f3f8;--bg-input:#f0f2f7;--border:#e2e6ef;--border-light:#d0d5e0;--text-primary:#1a1d26;--text-secondary:#5a6178;--text-muted:#8c92a4;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f11a;--green:#10b981;--green-bg:#10b9811a;--red:#ef4444;--red-bg:#ef444414;--yellow:#f59e0b;--yellow-bg:#f59e0b1a;--blue:#3b82f6;--blue-bg:#3b82f614;--purple:#8b5cf6;--purple-bg:#8b5cf614;--cyan:#06b6d4;--cyan-bg:#06b6d414;--sidebar-w:260px;--header-h:64px;--radius:20px;--radius-sm:12px;--transition:.2s ease}html,body,#root{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border);transition:transform var(--transition);z-index:50;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-brand .logo{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.sidebar-brand h1{background:linear-gradient(135deg,#1a1d26,#5a6178);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-brand span{color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:500}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:16px 12px 8px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent-hover)}.nav-item .badge{background:var(--accent);color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px}.user-profile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.user-profile .avatar{background:var(--accent-glow);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-profile .avatar img{object-fit:cover;width:100%;height:100%}.user-profile .user-info{overflow:hidden}.user-profile .user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-profile .user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-btn{color:var(--red);margin-bottom:0}.logout-btn:hover{background:var(--red-bg);color:var(--red)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-left h2{font-size:20px;font-weight:700}.header-left p{color:var(--text-muted);font-size:13px}.header-right{align-items:center;gap:12px;display:flex}.search-bar{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:280px;transition:border-color var(--transition);align-items:center;gap:8px;padding:8px 14px;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-bar input::placeholder{color:var(--text-muted)}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-glow)}.icon-btn .notif-dot{background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.avatar-btn{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.page-content{flex:1;padding:28px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);padding:24px}.card:hover{border-color:var(--border-light)}.premium-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #0000000f;border-radius:24px;box-shadow:0 15px 40px #0000000f;padding:40px!important}.premium-modal{overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff7!important;border:1px solid #00000014!important;border-radius:24px!important;padding:40px!important;box-shadow:0 25px 50px -12px #00000026!important}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{font-size:16px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.stat-info h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500}.stat-info .stat-value{margin-bottom:6px;font-size:28px;font-weight:800}.stat-info .stat-change{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.stat-info .stat-change.positive{color:var(--green)}.stat-info .stat-change.negative{color:var(--red)}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.dashboard-grid .full-width{grid-column:1/-1}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:14px}.data-table tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.badge{border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-cyan{background:var(--cyan-bg);color:var(--cyan)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 15px var(--accent-glow)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-sm{padding:6px 14px;font-size:13px}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.pipeline{gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.pipeline-col{flex:1;min-width:280px}.pipeline-col-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;justify-content:space-between;align-items:center;margin-bottom:0;padding:12px 16px;display:flex}.pipeline-col-header h3{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.pipeline-col-header .count{color:var(--text-muted);background:var(--bg-input);border-radius:10px;padding:2px 8px;font-size:12px}.pipeline-col-body{background:var(--bg-secondary);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;flex-direction:column;gap:8px;min-height:200px;padding:12px;display:flex}.pipeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:14px}.pipeline-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.pipeline-card h4{margin-bottom:6px;font-size:14px;font-weight:600}.pipeline-card .deal-client{color:var(--text-muted);margin-bottom:8px;font-size:12px}.pipeline-card .deal-value{color:var(--green);font-size:16px;font-weight:700}.pipeline-card .deal-prob{color:var(--text-muted);margin-top:4px;font-size:11px}.activity-item{border-bottom:1px solid var(--border);gap:14px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{background:var(--bg-input);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.activity-content{flex:1}.activity-content p{font-size:14px;line-height:1.5}.activity-content .activity-meta{color:var(--text-muted);margin-top:4px;font-size:12px}.progress-bar{background:var(--bg-input);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}.project-card{flex-direction:column;gap:16px;display:flex}.project-card .project-header{justify-content:space-between;align-items:center;display:flex}.project-card .project-name{font-size:16px;font-weight:600}.project-card .project-client{color:var(--text-muted);font-size:13px}.project-card .project-meta{color:var(--text-secondary);gap:20px;font-size:13px;display:flex}.contact-row{align-items:center;gap:14px;display:flex}.contact-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.contact-info .contact-name{font-size:14px;font-weight:600}.contact-info .contact-company{color:var(--text-muted);font-size:12px}.ai-panel{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:100;flex-direction:column;width:400px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 30px #00000014}.ai-panel.open{transform:translate(0)}.ai-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-header h3{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.ai-header h3 .ai-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.ai-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.ai-msg{border-radius:12px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.6}.ai-msg.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-msg.assistant{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.ai-input-area{border-top:1px solid var(--border);gap:10px;padding:16px 20px;display:flex}.ai-input-area input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.ai-input-area input:focus{border-color:var(--accent)}.ai-input-area button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 16px;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-hover);border-bottom-color:var(--accent)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:600px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #0000001f}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{margin-bottom:0;font-size:18px;font-weight:700}.modal-body{flex:1;padding:24px;overflow-y:auto}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);justify-content:space-between;align-items:center;padding:14px;display:flex}.detail-item:hover{border-color:var(--accent);background:var(--bg-card-hover)}.detail-item strong{font-size:14px}.btn-icon{background:var(--border);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border:1px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.modal h2{margin-bottom:20px;font-size:20px;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.premium-input::-webkit-calendar-picker-indicator{filter:none;cursor:pointer;opacity:.6;transition:opacity var(--transition)}.premium-input::-webkit-calendar-picker-indicator:hover{opacity:1}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.chart-container{height:280px}.tag{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;margin-bottom:4px;margin-right:4px;padding:2px 8px;font-size:11px;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in-right{animation:.4s cubic-bezier(.16,1,.3,1) fadeInRight}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.stats-grid{grid-template-columns:1fr}.search-bar{width:200px}.ai-panel{width:100%}.pipeline{flex-direction:column}.pipeline-col{min-width:100%}}.invoice-preview{color:#111;border-radius:var(--radius);background:#fff;padding:40px}.invoice-preview h2{color:#111}.invoice-preview table{border-collapse:collapse;width:100%;margin:20px 0}.invoice-preview th{text-align:left;color:#374151;background:#f3f4f6;padding:10px;font-size:12px}.invoice-preview td{color:#111;border-bottom:1px solid #e5e7eb;padding:10px;font-size:14px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.side-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.side-drawer{background:var(--bg-primary);border:1px solid var(--border);border-radius:24px;flex-direction:column;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0003}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:30px;display:flex}.drawer-user{align-items:center;gap:16px;display:flex}.drawer-avatar{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex}.drawer-user h2{margin-bottom:4px;font-size:20px;font-weight:700}.drawer-user p{color:var(--text-muted);font-size:14px}.drawer-content{flex:1;padding:30px;overflow-y:auto}.drawer-section{margin-bottom:32px}.drawer-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.action-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.action-grid .btn{justify-content:center;padding:12px;font-size:13px}.detail-info{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.detail-item-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 16px;font-size:14px;display:flex}.detail-item-row:last-child{border-bottom:none}.detail-item-row span{color:var(--text-muted)}.detail-item-row input,.detail-item-row select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);text-align:right;border-radius:4px;outline:none;width:60%;padding:4px 8px;font-size:14px}.detail-item-row input:focus{border-color:var(--accent)}.tags-container{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{background:var(--accent-glow);color:var(--accent-hover);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.tag-input-wrapper{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;flex:1;align-items:center;min-width:120px;padding:4px 12px;display:flex}.tag-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:12px}.tag-input-wrapper button{color:var(--accent);cursor:pointer;background:0 0;border:none;display:flex}.notes-box{background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);padding:16px;font-size:14px;line-height:1.6}.deal-action-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#00000005;border:1px solid #0000000f;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.deal-action-btn:hover{background:#0000000a;border-color:#0000001f;transform:translateY(-2px)}.deal-action-btn.edit:hover{color:var(--accent);box-shadow:0 4px 12px #6366f126}.deal-action-btn.delete:hover{color:var(--red);box-shadow:0 4px 12px #ef444426}.glass-dropdown-trigger{border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:#00000005;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;transition:all .2s;display:flex}.glass-dropdown-trigger:hover{background:#0000000a;border-color:#0000001f}.glass-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border:1px solid #00000014;border-radius:12px;margin-bottom:8px;padding:4px;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}.glass-dropdown-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;transition:all .2s;display:flex}.glass-dropdown-item:hover{color:var(--text-primary);background:#0000000a}.glass-dropdown-item.active{color:var(--accent);background:#6366f114}@keyframes premium-pop{0%{opacity:0;transform:translate(-50%,-40px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.premium-toast{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards premium-pop}.markdown-content{line-height:1.6}.markdown-content p{margin-bottom:12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:16px 0 8px;font-weight:700;line-height:1.3}.markdown-content h1{font-size:1.4rem}.markdown-content h2{font-size:1.2rem}.markdown-content h3{font-size:1.1rem}.markdown-content ul,.markdown-content ol{margin:8px 0 16px 20px}.markdown-content li{margin-bottom:4px}.markdown-content code{background:#0000000d;border-radius:4px;padding:2px 4px;font-family:monospace;font-size:.9em}.markdown-content blockquote{border-left:4px solid var(--accent);color:var(--text-secondary);margin:16px 0;padding-left:16px;font-style:italic}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.markdown-content table{border-collapse:collapse;background:var(--bg-primary);width:100%;box-shadow:0 0 0 1px var(--border);border-radius:8px;margin:16px 0;font-size:14px;overflow:hidden}.markdown-content th{background:var(--bg-secondary);text-align:left;border-bottom:2px solid var(--border);padding:10px 12px;font-weight:700}.markdown-content td{border-bottom:1px solid var(--border);padding:10px 12px}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:hover{background:var(--bg-card-hover)}