@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020617;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-primary-light:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-card:linear-gradient(135deg, #3b82f60d 0%, #1d4ed805 100%);--gradient-glass:linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-green:0 4px 14px #3b82f640;--shadow-green-lg:0 10px 30px #3b82f64d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "Tajawal", system-ui, -apple-system, sans-serif;--font-ar:"Tajawal", "Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-ar);background-color:var(--neutral-50);color:var(--neutral-800);direction:rtl;min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff1a}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-green)}.btn-primary:hover{box-shadow:var(--shadow-green-lg);transform:translateY(-1px)}.btn-secondary{color:var(--primary-600);border:1.5px solid var(--primary-200);background:#fff}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-400)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--neutral-600);background:0 0}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-800)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-body{padding:24px}.card-footer{border-top:1px solid var(--neutral-100);padding:16px 24px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--neutral-700);font-size:.85rem;font-weight:600}.form-input{border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);width:100%;color:var(--neutral-800);transition:all var(--transition-fast);background:#fff;padding:11px 16px;font-size:.9rem}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #25d3661f}.form-input::placeholder{color:var(--neutral-400)}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.form-error{color:var(--danger);align-items:center;gap:4px;font-size:.78rem;display:flex}.form-hint{color:var(--neutral-400);font-size:.78rem}.phone-input-wrapper{border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);transition:all var(--transition-fast);direction:ltr;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px #25d3661f}.phone-prefix{background:var(--neutral-50);border-left:1px solid var(--neutral-200);color:var(--neutral-600);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 12px;font-size:.9rem;font-weight:500;display:flex}.phone-prefix:hover{background:var(--neutral-100)}.phone-input{color:var(--neutral-800);text-align:left;direction:ltr;background:#fff;border:none;flex:1;padding:11px 14px;font-size:.95rem}.phone-input::placeholder{color:var(--neutral-400)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#059669;background:#10b9811a}.badge-warning{color:#d97706;background:#f59e0b1a}.badge-danger{color:#dc2626;background:#ef44441a}.badge-info{color:#2563eb;background:#3b82f61a}.badge-primary{color:var(--primary-700);background:#25d3661a}.otp-container{direction:ltr;justify-content:center;gap:10px;display:flex}.otp-input{text-align:center;border:2px solid var(--neutral-200);border-radius:var(--radius-md);width:52px;height:60px;color:var(--neutral-800);transition:all var(--transition-fast);background:#fff;font-size:1.5rem;font-weight:700}.otp-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #25d36626}.otp-input.filled{border-color:var(--primary-400);background:var(--primary-50)}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;align-items:flex-start;gap:16px;padding:22px;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.stat-icon.green{color:var(--primary-600);background:#25d3661a}.stat-icon.blue{color:var(--info);background:#3b82f61a}.stat-icon.orange{color:var(--warning);background:#f59e0b1a}.stat-icon.red{color:var(--danger);background:#ef44441a}.stat-content{flex:1;min-width:0}.stat-value{color:var(--neutral-900);font-size:1.6rem;font-weight:800;line-height:1.2}.stat-label{color:var(--neutral-500);margin-top:2px;font-size:.82rem}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:var(--neutral-50);color:var(--neutral-500);text-align:right;white-space:nowrap;border-bottom:1px solid var(--neutral-200);padding:12px 16px;font-size:.8rem;font-weight:600}.table td{color:var(--neutral-700);border-bottom:1px solid var(--neutral-100);padding:14px 16px;font-size:.88rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--neutral-50)}.spinner-lg{border-width:4px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 50%, var(--neutral-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;width:0}to{opacity:1;width:300px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in-down{animation:.5s ease-out fadeInDown}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-slide-right{animation:.4s ease-out slideInRight}.animate-slide-left{animation:.4s ease-out slideInLeft}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.empty-state{text-align:center;color:var(--neutral-400);padding:60px 24px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.empty-state-title{color:var(--neutral-600);margin-bottom:6px;font-size:1.1rem;font-weight:600}.empty-state-desc{color:var(--neutral-400);max-width:360px;margin:0 auto 20px;font-size:.88rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:480px;max-height:90vh;animation:.3s ease-out scaleIn;overflow-y:auto}.modal-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--neutral-800);font-size:1.1rem;font-weight:700}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--neutral-100);justify-content:flex-start;gap:10px;padding:16px 24px;display:flex}.toast-custom{font-family:var(--font-ar)!important}@media (width<=768px){.container{padding:0 16px}.stat-card{padding:16px}.stat-value{font-size:1.3rem}.otp-input{width:44px;height:52px;font-size:1.2rem}.modal{max-width:100%;margin:0 8px}}.landing{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#0c1e4a;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--indigo-500:#6366f1;--indigo-600:#4f46e5;--landing-gradient:linear-gradient(135deg, #1e3a8a 0%, #1e40af 30%, #2563eb 60%, #3b82f6 100%);--landing-gradient-hero:linear-gradient(160deg, #0c1e4a 0%, #1e3a8a 40%, #1d4ed8 100%);--glass-bg:#ffffff14;--glass-border:#ffffff1f;--glass-bg-light:#fffffff2;color:#1e293b;direction:rtl;font-family:Inter,Tajawal,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-nav{z-index:100;justify-content:space-between;align-items:center;height:72px;padding:0 32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffeb;height:64px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.landing-nav.scrolled .nav-logo-text,.landing-nav.scrolled .nav-links a,.landing-nav.scrolled .nav-mobile-btn{color:var(--blue-900)}.nav-brand{align-items:center;gap:10px;display:flex}.nav-logo-icon{background:linear-gradient(135deg, var(--blue-500), var(--cyan-400));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #3b82f666}.nav-logo-text{color:#fff;letter-spacing:-.5px;font-size:1.35rem;font-weight:800}.nav-logo-text span{color:var(--cyan-400)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#ffffffd9;font-size:.92rem;font-weight:500;transition:all .25s;position:relative}.nav-links a:after{content:"";background:var(--blue-400);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;right:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-cta{align-items:center;gap:12px;display:flex}.nav-btn-login{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff4d;border-radius:10px;padding:9px 22px;font-size:.88rem;font-weight:600;transition:all .3s}.nav-btn-login:hover{background:#ffffff1a;border-color:#ffffff80}.landing-nav.scrolled .nav-btn-login{color:var(--blue-700);border-color:var(--blue-200)}.landing-nav.scrolled .nav-btn-login:hover{background:var(--blue-50)}.nav-btn-start{color:#fff;background:linear-gradient(135deg, var(--blue-600), var(--blue-500));cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-size:.88rem;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #2563eb59}.nav-btn-start:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.landing-nav.scrolled .nav-btn-start{background:linear-gradient(135deg, var(--blue-600), var(--blue-500))}.nav-mobile-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;display:none}.hero{background:var(--landing-gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:120px 32px 80px;display:flex;position:relative;overflow:hidden}.hero-bg-glow{filter:blur(120px);opacity:.2;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute}.hero-bg-glow-1{background:var(--blue-500);top:-100px;left:-150px}.hero-bg-glow-2{background:var(--cyan-500);bottom:-200px;right:-100px}.hero-bg-glow-3{background:var(--indigo-500);opacity:.1;width:400px;height:400px;top:30%;right:20%}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#60a5fa80;border-radius:50%;width:4px;height:4px;animation:linear infinite particleFloat;position:absolute}.particle:first-child{animation-duration:8s;animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){width:3px;height:3px;animation-duration:12s;animation-delay:-2s;top:60%;left:25%}.particle:nth-child(3){animation-duration:10s;animation-delay:-4s;top:35%;left:45%}.particle:nth-child(4){width:5px;height:5px;animation-duration:14s;animation-delay:-1s;top:70%;left:65%}.particle:nth-child(5){animation-duration:9s;animation-delay:-3s;top:25%;left:80%}.particle:nth-child(6){width:3px;height:3px;animation-duration:11s;animation-delay:-5s;top:55%;left:90%}.particle:nth-child(7){animation-duration:13s;animation-delay:-2s;top:80%;left:35%}.particle:nth-child(8){opacity:.3;width:6px;height:6px;animation-duration:7s;animation-delay:-6s;top:15%;left:55%}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120px)translate(40px)}}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1200px;display:grid;position:relative}.hero-text{animation:.8s ease-out fadeInUp}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px 6px 6px;display:inline-flex}.hero-badge-dot{background:#22d3ee;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #22d3ee99}.hero-badge-text{color:#ffffffd9;letter-spacing:.3px;font-size:.82rem;font-weight:500}.hero-title{color:#fff;letter-spacing:-1px;margin-bottom:20px;font-size:3.4rem;font-weight:900;line-height:1.15}.hero-title .highlight{background:linear-gradient(135deg, var(--cyan-400), var(--blue-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#ffffffa6;max-width:520px;margin-bottom:36px;font-size:1.12rem;line-height:1.8}.hero-actions{gap:14px;margin-bottom:48px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-btn-primary{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));color:#fff;box-shadow:0 8px 30px #3b82f666,inset 0 1px #ffffff26}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f680,inset 0 1px #ffffff26}.hero-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid #fff3}.hero-btn-secondary:hover{background:#ffffff24;border-color:#ffffff59}.hero-stats{gap:40px;display:flex}.hero-stat{text-align:center}.hero-stat-value{color:#fff;direction:ltr;font-size:1.75rem;font-weight:800}.hero-stat-label{color:#ffffff80;margin-top:2px;font-size:.82rem}.hero-visual{animation:.8s ease-out .2s both fadeInUp;position:relative}.hero-mockup{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:24px;position:relative}.mockup-topbar{align-items:center;gap:8px;margin-bottom:20px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-dot:first-child{background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#22c55e}.mockup-content{gap:14px;display:grid}.mockup-stat-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mockup-stat-card{text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:16px}.mockup-stat-number{color:var(--cyan-400);direction:ltr;font-size:1.5rem;font-weight:800}.mockup-stat-label{color:#ffffff73;margin-top:4px;font-size:.72rem}.mockup-chart{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-end;gap:10px;height:140px;padding:20px;display:flex}.chart-bar{background:linear-gradient(to top, var(--blue-600), var(--blue-400));opacity:.7;border-radius:6px 6px 0 0;flex:1;transition:all .3s;animation:1.2s ease-out both barGrow}.chart-bar:hover{opacity:1}@keyframes barGrow{0%{height:0!important}}.mockup-sessions{flex-direction:column;gap:8px;display:flex}.mockup-session{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.session-avatar{background:linear-gradient(135deg, var(--blue-500), var(--cyan-400));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.session-info{flex:1;min-width:0}.session-name{color:#ffffffd9;font-size:.82rem;font-weight:600}.session-phone{color:#fff6;text-align:right;direction:ltr;font-size:.72rem}.session-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.session-status.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.session-status.offline{background:#94a3b8}.hero-float-badge{background:#fffffff2;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;animation:3s ease-in-out infinite floatBadge;display:flex;position:absolute;box-shadow:0 8px 32px #0000001f}.hero-float-badge.left-badge{animation-delay:0s;top:60px;right:-30px}.hero-float-badge.bottom-badge{animation-delay:-1.5s;bottom:40px;left:-20px}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-badge-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.float-badge-icon.green{color:#22c55e;background:#22c55e1a}.float-badge-icon.blue{color:var(--blue-500);background:#3b82f61a}.float-badge-text{color:#1e293b;font-size:.78rem;font-weight:600}.float-badge-sub{color:#94a3b8;font-size:.68rem}.features{background:#fff;padding:120px 32px;position:relative}.features:before{content:"";background:var(--blue-400);filter:blur(120px);opacity:.06;pointer-events:none;width:200px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:72px}.section-tag{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100);border-radius:50px;align-items:center;gap:6px;margin-bottom:18px;padding:6px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.section-title{color:var(--blue-950);letter-spacing:-.5px;margin-bottom:14px;font-size:2.4rem;font-weight:800}.section-subtitle{color:#64748b;max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:32px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--blue-500), var(--cyan-400));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--blue-200);transform:translateY(-6px);box-shadow:0 20px 40px #3b82f614}.feature-card:hover:before{opacity:1}.feature-icon{background:var(--blue-50);width:56px;height:56px;color:var(--blue-600);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.4rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;box-shadow:0 8px 20px #3b82f64d}.feature-title{color:var(--blue-950);margin-bottom:10px;font-size:1.15rem;font-weight:700}.feature-desc{color:#64748b;font-size:.9rem;line-height:1.7}.how-it-works{background:linear-gradient(#f8faff 0%,#eff6ff 100%);padding:120px 32px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--blue-200), var(--blue-400), var(--blue-200));z-index:0;height:2px;position:absolute;top:52px;left:calc(12.5% + 28px);right:calc(12.5% + 28px)}.step-card{text-align:center;z-index:1;position:relative}.step-number{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.2rem;font-weight:800;display:flex;position:relative;box-shadow:0 6px 20px #3b82f64d}.step-number:after{content:"";border:2px solid var(--blue-200);border-radius:50%;position:absolute;inset:-4px}.step-title{color:var(--blue-950);margin-bottom:8px;font-size:1.08rem;font-weight:700}.step-desc{color:#64748b;max-width:220px;margin:0 auto;font-size:.85rem;line-height:1.6}.pricing{background:#fff;padding:120px 32px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:36px 28px;transition:all .4s;position:relative}.pricing-card.popular{border-color:var(--blue-400);transform:scale(1.04);box-shadow:0 16px 48px #3b82f61f}.pricing-popular-tag{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;white-space:nowrap;border-radius:50px;padding:5px 18px;font-size:.78rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #3b82f64d}.pricing-desc{color:#94a3b8;margin-bottom:24px;font-size:.85rem}.pricing-price{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.pricing-amount{color:var(--blue-950);direction:ltr;font-size:2.8rem;font-weight:900}.pricing-currency{color:#94a3b8;font-size:1rem;font-weight:600}.pricing-period{color:#94a3b8;margin-bottom:28px;font-size:.82rem}.pricing-features{flex-direction:column;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pricing-feature{color:#475569;align-items:center;gap:10px;font-size:.88rem;display:flex}.pricing-feature-icon{background:var(--blue-50);width:20px;height:20px;color:var(--blue-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;display:flex}.pricing-btn{cursor:pointer;border-radius:12px;width:100%;padding:13px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .3s}.pricing-btn-outline{color:var(--blue-600);border:1.5px solid var(--blue-200);background:#fff}.pricing-btn-outline:hover{background:var(--blue-50);border-color:var(--blue-400)}.pricing-btn-primary{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;border:none;box-shadow:0 6px 20px #3b82f64d}.pricing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f666}.cta-section{background:var(--landing-gradient-hero);padding:100px 32px;position:relative;overflow:hidden}.cta-section .hero-grid{opacity:.5}.cta-container{text-align:center;z-index:2;max-width:680px;margin:0 auto;position:relative}.cta-title{color:#fff;letter-spacing:-.5px;margin-bottom:16px;font-size:2.2rem;font-weight:800}.cta-desc{color:#fff9;margin-bottom:36px;font-size:1.05rem;line-height:1.7}.cta-actions{justify-content:center;align-items:center;gap:14px;display:flex}.landing-footer{background:var(--blue-950);padding:64px 32px 32px}.footer-container{max-width:1200px;margin:0 auto}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-text{color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:800}.footer-brand-text span{color:var(--cyan-400)}.footer-brand-desc{color:#ffffff73;max-width:300px;font-size:.88rem;line-height:1.7}.footer-col-title{color:#fff;margin-bottom:18px;font-size:.88rem;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#ffffff73;font-size:.85rem;transition:color .25s}.footer-links a:hover{color:var(--blue-400)}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-copyright{color:#ffffff4d;font-size:.82rem}.footer-socials{gap:12px;display:flex}.footer-social{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:all .3s;display:flex}.footer-social:hover{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.mobile-menu{z-index:200;animation:.2s ease-out fadeIn;position:fixed;inset:0}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.mobile-menu-content{background:#fff;flex-direction:column;width:280px;padding:24px;animation:.3s ease-out slideInFromRight;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.mobile-menu-close{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px}.mobile-menu-links{flex-direction:column;flex:1;gap:4px;display:flex}.mobile-menu-links a{color:#334155;border-radius:10px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.mobile-menu-links a:hover{background:var(--blue-50);color:var(--blue-600)}.mobile-menu-cta{border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding-top:24px;display:flex}.mobile-btn-login{text-align:center;color:var(--blue-600);background:var(--blue-50);border:1px solid var(--blue-100);cursor:pointer;border-radius:12px;padding:12px;font-size:.92rem;font-weight:600}.mobile-btn-start{text-align:center;color:#fff;background:linear-gradient(135deg, var(--blue-500), var(--blue-600));cursor:pointer;border:none;border-radius:12px;padding:12px;font-size:.92rem;font-weight:600;box-shadow:0 4px 12px #3b82f64d}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:48px}.hero-desc{margin:0 auto 36px}.hero-actions,.hero-stats{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr);gap:40px}.steps-grid:before{display:none}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.popular{transform:none}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.hero-float-badge{display:none}}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-mobile-btn{display:flex}.landing-nav{padding:0 20px}.hero{padding:100px 20px 60px}.hero-title{font-size:2.2rem}.hero-desc{font-size:.98rem}.hero-actions{flex-direction:column;align-items:center}.hero-btn{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;gap:24px}.features,.how-it-works,.pricing{padding:80px 20px}.section-title{font-size:1.85rem}.features-grid,.steps-grid{grid-template-columns:1fr}.cta-section{padding:80px 20px}.cta-title{font-size:1.7rem}.cta-actions{flex-direction:column}.cta-actions .hero-btn{justify-content:center;width:100%}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.landing-footer{padding:48px 20px 28px}}.auth-page{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#0c1e4a;--cyan-400:#22d3ee;--cyan-500:#06b6d4;background:#f8faff;grid-template-columns:1fr 1fr;min-height:100vh;font-family:Inter,Tajawal,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.auth-hero-panel{background:linear-gradient(160deg,#0c1e4a 0%,#1e3a8a 40%,#1d4ed8 100%);flex-direction:column;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.auth-hero-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}.auth-hero-glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.auth-hero-glow-1{opacity:.2;background:#3b82f6;width:400px;height:400px;top:-80px;right:-80px}.auth-hero-glow-2{opacity:.15;background:#22d3ee;width:300px;height:300px;bottom:-60px;left:-60px}.auth-hero-glow-3{opacity:.08;background:#6366f1;width:200px;height:200px;top:40%;left:30%}.auth-hero-content{z-index:2;text-align:center;max-width:420px;position:relative}.auth-hero-logo{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #ffffff26;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex;box-shadow:0 8px 32px #00000026}.auth-hero-title{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:2.2rem;font-weight:900}.auth-hero-title span{background:linear-gradient(135deg,#22d3ee,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-hero-subtitle{color:#ffffff8c;margin-bottom:48px;font-size:1rem;line-height:1.6}.auth-hero-features{flex-direction:column;gap:20px;width:100%;max-width:320px;display:flex}.auth-hero-feature{text-align:right;align-items:center;gap:14px;display:flex}.auth-hero-feature-icon{color:#60a5fa;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;display:flex}.auth-hero-feature-text{flex:1}.auth-hero-feature-text strong{color:#fff;margin-bottom:2px;font-size:.88rem;font-weight:700;display:block}.auth-hero-feature-text span{color:#ffffff73;font-size:.78rem;line-height:1.4}.auth-form-panel{justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-form-panel:before{content:"";background:var(--blue-400);filter:blur(180px);opacity:.04;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-container{z-index:1;width:100%;max-width:420px;position:relative}.auth-steps-bar{justify-content:center;align-items:center;gap:0;margin-bottom:36px;display:flex}.auth-step-dot{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.auth-step-dot.active{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;box-shadow:0 4px 14px #3b82f659}.auth-step-dot.completed{background:var(--blue-500);color:#fff}.auth-step-dot.inactive{background:var(--blue-50);color:var(--blue-300);border:1.5px solid var(--blue-100)}.auth-step-connector{background:var(--blue-100);width:40px;height:2px;transition:background .4s}.auth-step-connector.filled{background:linear-gradient(90deg, var(--blue-400), var(--blue-500))}.auth-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 6px 24px #3b82f60f}.auth-card:before{content:"";background:linear-gradient(90deg, var(--blue-500), var(--cyan-400), var(--blue-500));background-size:200% 100%;height:3px;animation:3s infinite gradientShift;position:absolute;top:0;left:0;right:0}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.auth-card-header{text-align:center;padding:32px 32px 0}.auth-step-icon-wrapper{background:var(--blue-50);width:52px;height:52px;color:var(--blue-600);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 16px;transition:all .4s;display:flex}.auth-card:hover .auth-step-icon-wrapper{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;box-shadow:0 6px 20px #3b82f640}.auth-card-header h2{color:var(--blue-950);letter-spacing:-.3px;margin-bottom:8px;font-size:1.3rem;font-weight:800}.auth-card-header p{color:#64748b;font-size:.88rem;line-height:1.65}.auth-card-header p strong{color:var(--blue-600);font-weight:700}.auth-card-body{padding:28px 32px}.auth-card-footer{flex-direction:column;gap:10px;padding:0 32px 32px;display:flex}.auth-card .form-label{color:#334155;font-size:.85rem;font-weight:600}.auth-card .form-input{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:12px;padding:13px 16px;font-size:.92rem;transition:all .25s}.auth-card .form-input:focus{border-color:var(--blue-400);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.auth-card .phone-input-wrapper{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:12px;transition:all .25s;overflow:hidden}.auth-card .phone-input-wrapper:focus-within{border-color:var(--blue-400);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.auth-card .phone-prefix{background:var(--blue-50);border-left:1.5px solid var(--blue-100);color:var(--blue-700);padding:0 14px;font-size:.9rem;font-weight:600}.auth-card .phone-input{letter-spacing:.5px;background:0 0;padding:14px;font-size:1rem;font-weight:500}.auth-card .form-hint{color:#94a3b8;align-items:center;gap:5px;margin-top:6px;font-size:.78rem;display:flex}.auth-card .otp-container{gap:12px}.auth-card .otp-input{width:54px;height:64px;color:var(--blue-950);background:#fafbfc;border:2px solid #e2e8f0;border-radius:14px;font-size:1.6rem;font-weight:800;transition:all .25s}.auth-card .otp-input:focus{border-color:var(--blue-500);background:#fff;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f61f}.auth-card .otp-input.filled{border-color:var(--blue-400);background:var(--blue-50);color:var(--blue-700)}.otp-resend{text-align:center;margin-top:20px}.otp-timer{color:#94a3b8;font-size:.82rem}.otp-timer strong{color:var(--blue-600);font-weight:700}.otp-resend-btn{color:var(--blue-600);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .25s}.otp-resend-btn:hover{background:var(--blue-50);color:var(--blue-700)}.auth-card .btn-primary{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;border-radius:12px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #3b82f64d}.auth-card .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #3b82f666}.auth-card .btn-primary:active{transform:translateY(0)scale(.98)}.auth-card .btn-ghost{color:#64748b;border-radius:12px;padding:10px;font-weight:500}.auth-card .btn-ghost:hover{background:var(--blue-50);color:var(--blue-700)}.optional-badge{color:#94a3b8;background:#f1f5f9;border-radius:50px;margin-right:6px;padding:2px 10px;font-size:.68rem;font-weight:500;display:inline-block}.register-info{background:linear-gradient(135deg, var(--blue-50), #dbeafe80);border:1px solid var(--blue-100);border-radius:14px;align-items:flex-start;gap:14px;margin-top:8px;padding:16px 18px;display:flex}.register-info-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.register-info strong{color:var(--blue-700);margin-bottom:3px;font-size:.88rem;display:block}.register-info p{color:var(--blue-600);opacity:.8;font-size:.8rem;line-height:1.5}.auth-footer{text-align:center;margin-top:28px}.auth-footer p{color:#94a3b8;font-size:.78rem}.auth-back-link{color:#94a3b8;cursor:pointer;align-items:center;gap:6px;margin-bottom:24px;font-size:.82rem;font-weight:500;transition:color .25s;display:inline-flex}.auth-back-link:hover{color:var(--blue-600)}.spin-icon{animation:.8s linear infinite spin}.auth-animate-in{animation:.5s cubic-bezier(.16,1,.3,1) authFadeInUp}@keyframes authFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-animate-scale{animation:.4s cubic-bezier(.16,1,.3,1) authScaleIn}@keyframes authScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.auth-page{grid-template-columns:1fr}.auth-hero-panel{display:none}.auth-form-panel{background:linear-gradient(160deg,#0c1e4a 0%,#1e3a8a 30%,#2563eb 100%);min-height:100vh;padding:32px 20px}.auth-form-panel:before{display:none}.auth-container{max-width:400px}.auth-mobile-brand{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.auth-mobile-brand .auth-hero-logo{border-radius:18px;width:56px;height:56px;margin-bottom:14px}.auth-mobile-brand-title{color:#fff;letter-spacing:-.5px;font-size:1.5rem;font-weight:900}.auth-mobile-brand-title span{background:linear-gradient(135deg,#22d3ee,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-mobile-brand-sub{color:#ffffff80;margin-top:4px;font-size:.85rem}.auth-footer p{color:#ffffff59}.auth-back-link{color:#ffffff80}.auth-back-link:hover{color:#fff}}@media (width>=1025px){.auth-mobile-brand{display:none}}@media (width<=480px){.auth-form-panel{padding:24px 16px}.auth-card-header{padding:24px 20px 0}.auth-card-body{padding:24px 20px}.auth-card-footer{padding:0 20px 24px}.auth-card .otp-input{width:44px;height:54px;font-size:1.3rem}.auth-card .otp-container{gap:8px}}.auth-card .phone-prefix{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;transition:background .2s;display:flex}.auth-card .phone-prefix:hover{background:var(--blue-100)}.country-dropdown-overlay{z-index:50;position:fixed;inset:0}.country-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:14px;animation:.2s ease-out authScaleIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f}.country-search{color:#94a3b8;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 14px;display:flex}.country-search input{color:#334155;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.country-search input::placeholder{color:#cbd5e1}.country-list{max-height:240px;padding:4px;overflow-y:auto}.country-list::-webkit-scrollbar{width:5px}.country-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.country-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;transition:background .15s;display:flex}.country-item:hover{background:var(--blue-50)}.country-item.selected{background:var(--blue-50);font-weight:600}.country-flag{font-size:1.2rem;line-height:1}.country-name{color:#334155;flex:1}.country-code{color:#94a3b8;font-size:.82rem;font-weight:500}.country-item.selected .country-name{color:var(--blue-700)}.country-item.selected .country-code{color:var(--blue-500)}.country-empty{text-align:center;color:#94a3b8;padding:20px;font-size:.85rem}.auth-card .form-group{position:relative}.auth-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:4px;margin-bottom:20px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000a}.auth-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.auth-tab:hover{color:var(--blue-600);background:var(--blue-50)}.auth-tab.active{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));color:#fff;box-shadow:0 4px 14px #3b82f64d}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{width:100%;padding-left:44px}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;left:14px}.password-toggle:hover{color:var(--blue-600)}.auth-card .form-label{align-items:center;gap:6px;display:flex}.auth-card .form-label svg{color:var(--blue-400);flex-shrink:0}.auth-switch-text{text-align:center;color:#94a3b8;margin-top:4px;font-size:.84rem}.auth-switch-btn{color:var(--blue-600);font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;transition:color .2s}.auth-switch-btn:hover{color:var(--blue-700);text-decoration:underline}.auth-register-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:420px;overflow-y:auto}.auth-register-body::-webkit-scrollbar{width:4px}.auth-register-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=1024px){.auth-tabs{background:#ffffff1a;border-color:#ffffff1a}.auth-tab{color:#fff9}.auth-tab:hover{color:#fff;background:#ffffff1a}.auth-tab.active{color:var(--blue-600);background:#fff;box-shadow:0 4px 14px #00000026}.auth-switch-text{color:#fff6}.auth-switch-btn{color:#fffc}.auth-switch-btn:hover{color:#fff}}.dashboard-page{padding:0}.dashboard-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;font-size:.9rem;display:flex}.dash-welcome{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.dash-welcome:before{content:"";background:#ffffff08;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.dash-welcome:after{content:"";background:#ffffff05;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60%;left:10%}.dash-welcome-text{z-index:1;position:relative}.dash-welcome-text h2{color:#fff;letter-spacing:-.3px;margin-bottom:6px;font-size:1.35rem;font-weight:800}.dash-welcome-name{background:linear-gradient(135deg,#93c5fd,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dash-welcome-text p{color:#ffffff8c;font-size:.85rem;line-height:1.5}.dash-welcome-actions{z-index:1;position:relative}.dash-btn-primary{color:#1e3a8a;cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.dash-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.dash-btn-primary.small{padding:8px 16px;font-size:.82rem}.dash-trial-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}.dash-trial-banner.urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.dash-trial-icon{flex-shrink:0;font-size:1.5rem}.dash-trial-content{flex:1}.dash-trial-content strong{color:#1e3a8a;margin-bottom:2px;font-size:.9rem;display:block}.dash-trial-banner.urgent .dash-trial-content strong{color:#991b1b}.dash-trial-content p{color:#64748b;font-size:.82rem;line-height:1.4}.dash-trial-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.dash-trial-btn:hover{box-shadow:0 4px 14px #2563eb4d}.dash-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dash-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dash-stat-card:before{content:"";opacity:.05;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(20%,-20%)}.dash-stat-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.dash-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dash-stat-icon.sessions{color:#2563eb;background:#eff6ff}.dash-stat-icon.bots{color:#16a34a;background:#f0fdf4}.dash-stat-icon.campaigns{color:#d97706;background:#fef3c7}.dash-stat-icon.contacts{color:#db2777;background:#fce7f3}.dash-stat-card:hover .dash-stat-icon.sessions{color:#fff;background:#2563eb}.dash-stat-card:hover .dash-stat-icon.bots{color:#fff;background:#16a34a}.dash-stat-card:hover .dash-stat-icon.campaigns{color:#fff;background:#d97706}.dash-stat-card:hover .dash-stat-icon.contacts{color:#fff;background:#db2777}.dash-stat-body{flex:1}.dash-stat-value{color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:1.8rem;font-weight:900;line-height:1}.dash-stat-label{color:#94a3b8;font-size:.82rem;font-weight:500}.dash-stat-badge{border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:.73rem;font-weight:600;display:inline-flex}.dash-stat-badge.connected{color:#16a34a;background:#f0fdf4}.dash-stat-badge.active{color:#2563eb;background:#eff6ff}.dash-stat-badge.sent{color:#d97706;background:#fef3c7}.dash-stat-badge.groups{color:#db2777;background:#fce7f3}.dash-content-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden}.dash-card-header{justify-content:space-between;align-items:center;padding:20px 24px 14px;display:flex}.dash-card-header h3{color:#1e293b;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.dash-card-header h3 svg{color:#3b82f6}.dash-card-link{color:#3b82f6;align-items:center;gap:4px;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.dash-card-link:hover{color:#1d4ed8}.dash-card-body{padding:0 24px 24px}.dash-plan-name{color:#1e3a8a;align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:800;display:flex}.dash-plan-trial-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50px;padding:3px 10px;font-size:.68rem;font-weight:600}.dash-usage-item{margin-bottom:16px}.dash-usage-item:last-child{margin-bottom:0}.dash-usage-header{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:.82rem;display:flex}.dash-usage-value{color:#334155;font-weight:700}.dash-progress-bar{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden}.dash-progress-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.dash-progress-fill.days{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.dash-progress-fill.messages{background:linear-gradient(90deg,#16a34a,#4ade80)}.dash-progress-fill.sessions{background:linear-gradient(90deg,#d97706,#fbbf24)}.dash-no-sub{text-align:center;padding:24px 0}.dash-no-sub p{color:#94a3b8;margin-bottom:14px;font-size:.88rem}.dash-quick-actions{flex-direction:column;gap:8px;display:flex}.dash-quick-action{cursor:pointer;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .25s;display:flex}.dash-quick-action:hover{background:#fafbfc;border-color:#e2e8f0;transform:translate(4px)}.dash-qa-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dash-qa-icon.sessions{color:#2563eb;background:#eff6ff}.dash-qa-icon.bots{color:#16a34a;background:#f0fdf4}.dash-qa-icon.campaigns{color:#d97706;background:#fef3c7}.dash-qa-icon.contacts{color:#db2777;background:#fce7f3}.dash-quick-action:hover .dash-qa-icon.sessions{color:#fff;background:#2563eb}.dash-quick-action:hover .dash-qa-icon.bots{color:#fff;background:#16a34a}.dash-quick-action:hover .dash-qa-icon.campaigns{color:#fff;background:#d97706}.dash-quick-action:hover .dash-qa-icon.contacts{color:#fff;background:#db2777}.dash-quick-action strong{color:#1e293b;font-size:.88rem;font-weight:600;display:block}.dash-quick-action span{color:#94a3b8;font-size:.78rem}@media (width<=1200px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash-welcome{text-align:center;border-radius:16px;flex-direction:column;gap:16px;padding:24px 20px}.dash-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.dash-content-grid{grid-template-columns:1fr}.dash-trial-banner{text-align:center;flex-direction:column;gap:12px}.dash-stat-value{font-size:1.4rem}}@media (width<=480px){.dash-stats-grid{grid-template-columns:1fr}}.page-container{flex-direction:column;gap:20px;display:flex}.search-bar{align-items:center;display:flex;position:relative}.search-icon{color:var(--neutral-400);pointer-events:none;position:absolute;right:14px}.search-input{border:1.5px solid var(--neutral-200);border-radius:var(--radius-md);width:100%;color:var(--neutral-800);transition:all var(--transition-fast);background:#fff;padding:10px 42px 10px 16px;font-size:.88rem}.sidebar-search{border-bottom:1px solid var(--border-color);gap:.5rem;padding:0 1rem 1rem;display:flex}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper svg{color:var(--text-muted);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-input-wrapper input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-hover);width:100%;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.9rem;transition:all .2s}.search-input-wrapper input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-50);background:#fff;outline:none}.sync-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;width:42px;color:var(--text-strong);justify-content:center;align-items:center;transition:all .2s;display:flex}.sync-btn:hover:not(:disabled){background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.spin{animation:1s linear infinite spin}.chats-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.load-more-btn{background:var(--primary-50);color:var(--primary-600);border:1px dashed var(--primary-300);border-radius:var(--radius-sm);cursor:pointer;margin:1rem;padding:.75rem;font-family:inherit;font-size:.85rem;transition:all .2s}.load-more-btn:hover{background:var(--primary-100);border-color:var(--primary-400)}.search-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #25d3661f}.search-input::placeholder{color:var(--neutral-400)}.filters-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-tabs{background:var(--neutral-100);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.filter-tab{color:var(--neutral-500);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:6px 14px;font-size:.8rem;font-weight:500}.filter-tab:hover{color:var(--neutral-700)}.filter-tab.active{color:var(--primary-700);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.page-header-actions{gap:10px;display:flex}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.session-card{padding:20px}.session-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.session-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.session-dot.connected{background:var(--success);animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #10b98166}.session-dot.disconnected{background:var(--neutral-300)}.session-card-info h4{color:var(--neutral-800);font-size:.95rem;font-weight:700}.session-phone{color:var(--neutral-400);font-size:.78rem}.session-bot-tag{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:.76rem;font-weight:500;display:inline-flex}.session-card-actions{align-items:center;gap:8px;display:flex}.qr-container{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}.qr-image{border-radius:var(--radius-lg);border:1px solid var(--neutral-200);width:260px;height:260px;box-shadow:var(--shadow-md);background:#fff;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:10px;display:block}.qr-loading{flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px 0;display:flex}.qr-success{color:var(--success);flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.qr-success-icon{width:64px;height:64px;color:var(--success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:32px;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:flex}.qr-steps{text-align:right;flex-direction:column;gap:8px;width:100%;max-width:320px;margin:0 auto;display:flex}.qr-steps p{color:var(--neutral-600);align-items:center;gap:10px;font-size:.88rem;display:flex}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.bots-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.bot-card{padding:20px}.bot-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.bot-card-info{align-items:center;gap:12px;display:flex}.bot-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bot-icon.diagram{color:var(--primary-600);background:#25d3661a}.bot-icon.keywords{color:var(--info);background:#3b82f61a}.bot-card-info h4{color:var(--neutral-800);font-size:.95rem;font-weight:700}.bot-session{color:var(--neutral-400);font-size:.78rem}.toggle-btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:4px}.toggle-btn.active{color:var(--primary-500)}.toggle-btn:not(.active){color:var(--neutral-300)}.bot-card-meta{align-items:center;gap:10px;margin-bottom:14px;display:flex}.bot-replies{color:var(--neutral-400);font-size:.78rem}.bot-card-actions{align-items:center;gap:8px;display:flex}.bot-type-select{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bot-type-option{border:2px solid var(--neutral-200);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center;color:var(--neutral-600);flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.bot-type-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.bot-type-option.selected{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}.bot-type-option span{font-size:.88rem;font-weight:600}.bot-type-option small{color:var(--neutral-400);font-size:.72rem}.bot-type-option.selected small{color:var(--primary-500)}.campaigns-list{flex-direction:column;gap:12px;display:flex}.campaign-card{padding:20px}.campaign-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.campaign-card-info{align-items:center;gap:10px;display:flex}.campaign-main-icon{color:var(--primary-500)}.campaign-card-info h4{color:var(--neutral-800);font-size:.95rem;font-weight:700}.campaign-session{color:var(--neutral-400);font-size:.78rem}.campaign-progress{margin-bottom:12px}.campaign-progress-bar{background:var(--neutral-100);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.campaign-progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.campaign-progress-text{color:var(--neutral-400);justify-content:space-between;margin-top:6px;font-size:.75rem;display:flex}.campaign-date{color:var(--neutral-400);align-items:center;gap:6px;margin-bottom:14px;font-size:.78rem;display:flex}.campaign-card-actions{gap:8px;display:flex}.contacts-list{flex-direction:column;gap:12px;display:flex}.contact-group-card{overflow:hidden}.contact-group-header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.contact-group-info{align-items:center;gap:12px;display:flex}.contact-group-icon{width:42px;height:42px;color:var(--primary-600);border-radius:var(--radius-md);background:#25d3661a;justify-content:center;align-items:center;display:flex}.contact-group-info h4{color:var(--neutral-800);font-size:.95rem;font-weight:700}.contact-group-count{color:var(--neutral-400);font-size:.78rem}.contact-group-right{color:var(--neutral-400);align-items:center;gap:12px;display:flex}.contact-group-date{font-size:.78rem}.contact-group-expanded{border-top:1px solid var(--neutral-100);padding:14px 20px 18px}.contact-group-actions{flex-wrap:wrap;gap:8px;display:flex}.current-plan-card{background:var(--gradient-card);border-color:var(--primary-200)}.current-plan-content{padding:24px}.current-plan-badge{background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.current-plan-name{color:var(--neutral-900);margin-bottom:10px;font-size:1.3rem;font-weight:800}.current-plan-meta{flex-wrap:wrap;gap:20px;display:flex}.current-plan-meta-item{color:var(--neutral-500);align-items:center;gap:6px;font-size:.82rem;display:flex}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan-card{transition:all var(--transition-base);padding:0;position:relative;overflow:hidden}.plan-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.plan-popular{border-color:var(--primary-400);box-shadow:var(--shadow-green)}.plan-popular-badge{background:var(--gradient-primary);color:#fff;text-align:center;padding:6px;font-size:.78rem;font-weight:700}.plan-card-header{text-align:center;padding:24px 24px 0}.plan-name{color:var(--neutral-700);margin-bottom:8px;font-size:1rem;font-weight:700}.plan-price{margin-bottom:4px}.plan-price-amount{color:var(--neutral-900);font-size:2rem;font-weight:900}.plan-price-period{color:var(--neutral-400);margin-top:2px;font-size:.82rem;display:block}.plan-features{flex-direction:column;gap:10px;padding:20px 24px;display:flex}.plan-feature{color:var(--neutral-600);align-items:center;gap:8px;font-size:.85rem;display:flex}.plan-feature-icon{background:var(--primary-50);width:20px;height:20px;color:var(--primary-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.plan-card-footer{padding:16px 24px 24px}.plan-current{opacity:.7}.settings-content{flex-direction:column;gap:20px;max-width:640px;display:flex}.settings-form-grid{flex-direction:column;gap:4px;display:flex}.sessions-grid,.bots-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.session-card,.bot-card{border:1px solid var(--gray-200);flex-direction:column;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.session-card:hover,.bot-card:hover{border-color:var(--primary-200);transform:translateY(-5px);box-shadow:0 12px 20px -8px #0000001a}.session-card-top,.bot-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.session-card-info{align-items:center;gap:.88rem;display:flex}.session-dot{border-radius:50%;width:10px;height:10px}.session-dot.connected{background:var(--success);box-shadow:0 0 0 4px #dcfce7}.session-dot.disconnected{background:var(--danger);box-shadow:0 0 0 4px #fee2e2}.session-card-info h4{color:var(--gray-900);margin:0;font-size:1.05rem}.session-phone{color:var(--gray-500);font-size:.85rem;display:block}.session-card-body,.bot-card-body{flex:1;margin-bottom:1.25rem}.session-stat-mini{color:var(--gray-600);justify-content:space-between;margin-bottom:.4rem;font-size:.85rem;display:flex}.session-stat-mini strong{color:var(--gray-900)}.session-card-actions{grid-template-columns:1fr 40px 40px;gap:.5rem;display:grid}.bot-icon-circle{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bot-icon-circle.simple{color:#d97706;background:#fef3c7}.bot-icon-circle.visual{color:#0284c7;background:#e0f2fe}.bot-status-tag{align-items:center;gap:.75rem;display:flex}.bot-type-info{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6rem;font-size:.8rem;font-weight:600}.bot-summary-preview{background:var(--gray-50);border-radius:var(--radius-md);padding:.75rem;font-size:.88rem}.bot-summary-preview.visual{border:1px dashed var(--primary-200);color:#0369a1;text-align:center;background:#f0f9ff;padding:1rem}.bot-summary-preview p{margin:0 0 .25rem}.bot-card-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.bot-session-link{color:var(--gray-500);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.bot-type-selector-group{margin-bottom:1.5rem}.type-selector-cards{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;display:grid}.type-card{border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:.88rem;padding:1.25rem;transition:all .2s;display:flex}.type-card:hover{border-color:var(--primary-300);background:var(--primary-50)}.type-card.active{border-color:var(--primary-600);background:#eff6ff;box-shadow:0 4px 12px -4px #2563eb33}.type-card .type-icon{color:var(--gray-400);margin-top:3px}.type-card.active .type-icon{color:var(--primary-600)}.type-text strong{margin-bottom:.25rem;font-size:1rem;display:block}.type-text span{color:var(--gray-500);font-size:.8rem;line-height:1.3}.session-details-layout{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.details-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stats-mini-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;padding:1.25rem;position:relative;overflow:hidden}.stats-label{color:var(--gray-500);margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.stats-value{color:var(--gray-900);font-size:1.5rem;font-weight:700}.stats-icon-bg{opacity:.05;position:absolute;bottom:-10px;left:-10px;transform:rotate(-15deg)}.session-metadata-info{background:var(--gray-50);border-radius:var(--radius-lg);padding:1.25rem}.metadata-item{margin-bottom:1rem}.metadata-item:last-child{margin-bottom:0}.metadata-item small{color:var(--gray-500);margin-bottom:.25rem;font-weight:600;display:block}.metadata-item p{color:var(--gray-800);margin:0;font-weight:600}.status-pill{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-pill.active{color:#166534;background:#dcfce7}.status-pill.inactive{color:#4b5563;background:#f3f4f6}.section-title{margin-bottom:.25rem;font-size:1.1rem}.section-desc{color:var(--gray-500);margin-bottom:1.25rem;font-size:.85rem}.form-group-row{gap:1rem;display:flex}.visual-builder-notice{border-radius:var(--radius-md);background:#f0fdf4;border:1px solid #bbf7d0;margin-top:1rem;padding:1rem}.visual-builder-notice .info-box{color:#15803d;gap:.75rem;font-size:.88rem;display:flex}.stagger>:first-child{animation-delay:.1s}.stagger>:nth-child(2){animation-delay:.15s}.stagger>:nth-child(3){animation-delay:.2s}.stagger>:nth-child(4){animation-delay:.25s}@media (width<=991px){.session-details-layout{grid-template-columns:1fr}}.modal-backdrop{z-index:2000}.modal-header .modal-title-with-icon{align-items:center;gap:.5rem;display:flex}.qr-container{border-radius:var(--radius-lg);background:#fff;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.qr-shimmer{border-radius:var(--radius-md);background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;width:250px;height:250px;margin-bottom:1rem;animation:1.5s infinite shimmer}.qr-steps{text-align:right;background:var(--gray-50);border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem}.qr-steps p{color:var(--gray-700);margin:.35rem 0;font-size:.85rem}@media (width<=992px){.plans-grid{grid-template-columns:1fr;max-width:400px}}@media (width<=768px){.sessions-grid,.bots-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.filter-tabs{flex-wrap:nowrap;overflow-x:auto}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.breadcrumb{color:var(--neutral-500);align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;display:flex}.breadcrumb a{color:var(--primary-600);font-weight:500;transition:color .2s}.breadcrumb a:hover{color:var(--primary-700);text-decoration:underline}.session-title-row{align-items:center;gap:12px;display:flex}.session-status-indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.session-status-indicator.active{background:var(--success);animation:2s infinite pulse;box-shadow:0 0 0 4px #10b98126}.session-status-indicator.inactive{background:var(--neutral-300)}.session-dashboard-grid{grid-template-columns:1fr 380px;gap:24px;margin-top:20px;display:grid}@media (width<=1100px){.session-dashboard-grid{grid-template-columns:1fr}}.stats-grid-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-premium-card{border-radius:var(--radius-lg);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.stat-premium-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-100);transform:translateY(-4px)}.stat-icon-wrapper{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-wrapper.blue{color:#3b82f6;background:#eff6ff}.stat-icon-wrapper.amber{color:#f59e0b;background:#fffbeb}.stat-icon-wrapper.purple{color:#a855f7;background:#faf5ff}.stat-data{flex-direction:column;display:flex}.stat-label{color:var(--neutral-500);margin-bottom:4px;font-size:.85rem;font-weight:500}.stat-number{color:var(--neutral-900);font-size:1.5rem;font-weight:800}.details-card{border-radius:var(--radius-lg);border:1px solid var(--neutral-100);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.card-header-simple{border-bottom:1px solid var(--neutral-100);background:var(--neutral-50);align-items:center;gap:12px;padding:18px 24px;display:flex}.card-header-simple h4{color:var(--neutral-800);margin:0;font-size:1rem;font-weight:700}.card-desc{color:var(--neutral-500);padding:16px 24px 0;font-size:.88rem;line-height:1.5}.metadata-table{padding:12px 24px}.meta-row{border-bottom:1px solid var(--neutral-50);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.meta-row:last-child{border-bottom:none}.meta-label{color:var(--neutral-600);align-items:center;gap:10px;font-size:.9rem;display:flex}.meta-value{color:var(--neutral-900);font-size:.9rem;font-weight:600}.meta-value.copyable{cursor:pointer;color:var(--primary-600);text-underline-offset:4px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.active-bot-info{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.bot-info-box{flex:1}.bot-info-box strong{color:var(--neutral-900);margin-bottom:4px;font-size:1.05rem;display:block}.bot-info-box p{color:var(--neutral-500);margin:0;font-size:.88rem}.test-form-full{flex-direction:column;gap:16px;padding:24px;display:flex}.test-tool-card{border-top:4px solid var(--primary-500)}.form-select{border-radius:var(--radius-md);border:1.5px solid var(--neutral-200);background:#fff;outline:none;width:100%;padding:12px;font-size:.9rem;transition:border-color .2s}.form-select:focus{border-color:var(--primary-400)}.tips-card{border-radius:var(--radius-lg);background:#fffbeb;border:1px solid #fef3c7;padding:20px}.tips-card h5{color:#92400e;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;display:flex}.tips-card ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tips-card li{color:#b45309;padding-right:18px;font-size:.82rem;position:relative}.tips-card li:before{content:"•";color:#f59e0b;font-size:1.2rem;line-height:1;position:absolute;right:0}.header-actions{align-items:center;gap:12px;display:flex}.btn-danger-outline{border-radius:var(--radius-md);transition:all var(--transition-base);border:1.5px solid var(--danger);color:var(--danger);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-danger-outline:hover{background:var(--danger);color:#fff}.error-text{color:var(--danger);align-items:center;gap:4px;font-size:.75rem;display:flex}.inbox-layout{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;height:calc(100vh - 80px);margin:0;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.inbox-sidebar{border-left:1px solid var(--border-color);background:var(--bg-secondary,#f8f9fa);flex-direction:column;flex-shrink:0;width:350px;display:flex}.session-details-panel{border-right:1px solid var(--border-color);background:var(--white);flex-direction:column;flex-shrink:0;width:300px;animation:.25s slideInRight;display:flex;overflow-y:auto}.details-panel-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary,#f8f9fa);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.details-panel-header h4{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600}.details-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.details-close-btn:hover{color:var(--text-primary);background:#00000014}@media (width<=1000px){.session-details-panel{display:none}}.details-header{border-bottom:8px solid var(--bg-secondary,#f8f9fa);flex-direction:column;align-items:center;padding:30px 20px;display:flex}.contact-avatar-large{background:linear-gradient(135deg, var(--primary-100), var(--primary-200,#c7d2fe));width:80px;height:80px;color:var(--primary-600);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.contact-avatar-large .avatar-initial{color:var(--primary-600);font-size:2rem;font-weight:700}.details-header h3{color:var(--gray-900);margin-bottom:5px;font-size:1.25rem}.contact-number{color:var(--gray-500);font-size:.95rem}.details-section{border-bottom:8px solid var(--bg-secondary,#f8f9fa);padding:20px}.details-section h4{color:var(--gray-500);margin-bottom:15px;font-size:.9rem;font-weight:600}.detail-item{color:var(--gray-500);align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.detail-item:last-child{margin-bottom:0}.detail-text span{margin-bottom:4px;font-size:.8rem;display:block}.detail-text strong{color:var(--gray-900);font-size:.95rem;display:block}.status-badge{border-radius:12px;padding:3px 10px;display:inline-block;font-size:.8rem!important}.status-badge.open{color:#166534;background:#dcfce7}.status-badge.closed{color:#4b5563;background:#f3f4f6}.detail-action-btn{text-align:right;width:100%;color:var(--gray-700);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:.95rem;transition:background .2s;display:flex}.detail-action-btn:hover{background:var(--bg-secondary,#f8f9fa)}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-header h2{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem}.session-filter{background:var(--white);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.session-filter select{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-weight:500}.sidebar-search{align-items:center;padding:12px 20px;display:flex;position:relative}.sidebar-search input{border:1px solid var(--border-color);background:var(--white);border-radius:10px;width:100%;padding:10px 40px 10px 12px;font-size:.9rem}.sidebar-search svg{color:var(--text-secondary);position:absolute;right:32px}.chats-list{flex:1;overflow-y:auto}.chat-item{cursor:pointer;border-bottom:1px solid #00000008;align-items:center;gap:12px;padding:14px 20px;transition:all .2s;display:flex}.chat-item:hover{background:#00000008}.chat-item.active{background:rgba(var(--primary-rgb,79, 70, 229), .1);border-right:3px solid var(--primary-600)}.chat-avatar{background:var(--primary-100);width:48px;height:48px;color:var(--primary-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.session-indicator{border:2px solid var(--white);background:#25d366;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.chat-info{flex:1;min-width:0}.chat-info-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-time{color:var(--text-secondary);font-size:.75rem}.chat-info-bottom{justify-content:space-between;align-items:center;display:flex}.chat-last-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.unread-badge{background:var(--primary-600);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:flex}.inbox-main{background:var(--bg-hover,#efeae2);flex-direction:column;flex:1;display:flex;position:relative}.no-selection{background:var(--bg-secondary,#f8f9fa);justify-content:center;align-items:center}.chat-placeholder{text-align:center;background:#fdfdfd;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-content{color:var(--text-secondary);opacity:.8}.placeholder-content svg{margin:0 auto}.placeholder-content h3{color:var(--text-primary);margin-top:16px}.chat-header{border-bottom:1px solid var(--border-color);background:var(--white);z-index:10;align-items:center;gap:16px;padding:12px 24px;display:flex}.chat-header-info{flex:1}.chat-header-info h4{margin-bottom:2px;font-weight:600}.chat-header-info span{color:var(--text-secondary);font-size:.75rem}.chat-header-actions{align-items:center;gap:8px;display:flex}.session-tag{background:rgba(var(--primary-rgb,79, 70, 229), .1);color:var(--primary-700);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.session-tag .dot{background:var(--primary-600);border-radius:50%;width:6px;height:6px}.messages-area{background:#efe7dd;flex-direction:column;flex:1;gap:8px;padding:24px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{border-radius:8px;max-width:70%;padding:8px 12px;position:relative;box-shadow:0 1px .5px #00000021}.incoming .message-bubble{background:var(--white);border-top-right-radius:2px}.outgoing .message-bubble{background:#d9fdd3;border-top-left-radius:2px}.message-content{word-break:break-word;color:#111;margin-bottom:4px;font-size:.95rem;line-height:1.4}.message-meta{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:4px;font-size:.7rem;display:flex}.status-icon{color:#53bdeb}.msg-media-img{border-radius:4px;max-width:100%;margin-bottom:4px}.chat-input-area{background:#f0f2f5;align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-input-area input{background:var(--white);border:none;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:.95rem}.action-btn{color:#54656f;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.send-btn{color:#54656f;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.send-btn:not(:disabled){color:var(--primary-600)}.send-btn:disabled{opacity:.5}.recording-dot{background-color:#e53e3e;border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse-red}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #e53e3eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #e53e3e00}to{transform:scale(.95);box-shadow:0 0 #e53e3e00}}.chat-header-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.back-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .2s;display:flex}.back-btn:hover{background:#0000000f}.details-toggle{transition:all .2s;border-radius:6px!important}.details-toggle.active{background:rgba(var(--primary-rgb,79, 70, 229), .1);color:var(--primary-600)!important}.btn-icon-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:background .2s;display:flex}.btn-icon-clear:hover{background:#0000000f}.empty-messages{color:var(--text-secondary);opacity:.6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.typing-live{color:#25d366;font-size:.8rem;font-weight:500}.typing-dots{font-weight:900;animation:1.2s infinite typingBlink}@keyframes typingBlink{0%,to{opacity:1}50%{opacity:.3}}.placeholder-icon-wrap{background:rgba(var(--primary-rgb,79, 70, 229), .08);width:80px;height:80px;color:var(--primary-600);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.msg-spinner{flex:1;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-600);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.sync-btn{color:var(--primary-600);background:rgba(var(--primary-rgb,79, 70, 229), .06);border:1px solid rgba(var(--primary-rgb,79, 70, 229), .15);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;margin:8px 20px;padding:8px 14px;font-size:.8rem;transition:all .2s;display:flex}.sync-btn:hover{background:rgba(var(--primary-rgb,79, 70, 229), .12)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-btn{width:calc(100% - 40px);color:var(--text-secondary);border:1px dashed var(--border-color);cursor:pointer;background:0 0;border-radius:8px;margin:8px 20px;padding:8px;font-size:.8rem;transition:all .2s;display:block}.load-more-btn:hover{color:var(--text-primary);background:#00000008}@media (width<=768px){.inbox-layout{border-radius:0;height:calc(100vh - 60px)}.inbox-sidebar{width:100%}.inbox-sidebar.hidden-mobile{display:none}}.subscription-page-wrapper{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.pricing-header{text-align:center;margin-bottom:60px;position:relative}.pricing-header .badge{background:rgba(var(--primary-rgb,79, 70, 229), .1);color:var(--primary-600);letter-spacing:.5px;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.pricing-header h2{color:#111827;margin-bottom:16px;font-size:2.8rem;font-weight:800;line-height:1.2}.pricing-header p{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.2rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:30px;margin-bottom:60px;display:grid}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;height:100%;padding:40px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-card.popular{border:2px solid var(--primary-500);box-shadow:0 20px 25px -5px rgba(var(--primary-rgb,79, 70, 229), .15), 0 10px 10px -5px rgba(var(--primary-rgb,79, 70, 229), .05);z-index:2;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05)translateY(-8px)}.popular-badge{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 4px 6px rgba(var(--primary-rgb,79, 70, 229), .25);white-space:nowrap;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.current-plan-badge{color:#166534;background:#dcfce7;border-radius:12px;align-items:center;gap:4px;padding:6px 14px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:20px;left:20px}.pricing-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.pricing-card:not(.popular) .pricing-icon{color:#4b5563;background:#f3f4f6}.pricing-card.popular .pricing-icon{background:rgba(var(--primary-rgb,79, 70, 229), .1);color:var(--primary-600)}.pricing-name{color:#111827;margin-bottom:12px;font-size:1.5rem;font-weight:700}.pricing-price{align-items:baseline;margin-bottom:24px;display:flex}.pricing-price .currency{color:#374151;margin-left:4px;font-size:1.5rem;font-weight:600}.pricing-price .amount{color:#111827;font-size:3rem;font-weight:800;line-height:1}.pricing-price .period{color:#6b7280;margin-right:4px;font-size:1rem}.pricing-divider{background:#e5e7eb;width:100%;height:1px;margin:0 0 24px}.pricing-features{flex:1;margin:0 0 32px;padding:0;list-style:none}.pricing-features li{color:#4b5563;align-items:center;margin-bottom:16px;font-size:1rem;display:flex}.pricing-features li:last-child{margin-bottom:0}.feature-check{color:#10b981;flex-shrink:0;margin-left:12px}.pricing-action{width:100%}.btn-pricing{cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;transition:all .2s;display:flex;border-radius:12px!important;padding:14px 24px!important;font-size:1.05rem!important;font-weight:600!important}.btn-pricing.primary{box-shadow:0 4px 6px -1px rgba(var(--primary-rgb,79, 70, 229), .2);background:var(--primary-600)!important;color:#fff!important;border:none!important}.btn-pricing.primary:hover:not(:disabled){box-shadow:0 6px 8px -1px rgba(var(--primary-rgb,79, 70, 229), .3);transform:translateY(-2px);background:var(--primary-700)!important}.btn-pricing.outline{color:var(--primary-600)!important;border:2px solid var(--primary-200)!important;background:0 0!important}.btn-pricing.outline:hover:not(:disabled){border-color:var(--primary-600)!important;background:rgba(var(--primary-rgb,79, 70, 229), .05)!important}.btn-pricing.disabled{color:#9ca3af!important;cursor:not-allowed!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important}.pricing-trust{direction:rtl;background:#f9fafb;border:1px solid #f3f4f6;border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:40px;display:grid}.trust-item{align-items:flex-start;gap:16px;display:flex}.trust-icon{color:#10b981;background:#ecfdf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.trust-content h5{color:#111827;margin-top:0;margin-bottom:4px;font-size:1.05rem;font-weight:700}.trust-content p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}@media (width<=1024px){.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}}@media (width<=768px){.pricing-header h2{font-size:2.2rem}.pricing-card{padding:30px}.pricing-trust{padding:30px 20px}}.dashboard-layout{background:var(--neutral-50);min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--neutral-200);z-index:100;width:260px;transition:transform var(--transition-base);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-overlay,.sidebar-close{display:none}.sidebar-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sidebar-brand{align-items:center;gap:10px;display:flex}.sidebar-logo{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-green);justify-content:center;align-items:center;display:flex}.sidebar-brand-text{color:var(--neutral-900);letter-spacing:-.3px;font-size:1.2rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md);color:var(--neutral-600);transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:500;display:flex}.sidebar-link:hover{background:var(--neutral-50);color:var(--neutral-800)}.sidebar-link-active{font-weight:600;background:var(--primary-50)!important;color:var(--primary-700)!important}.sidebar-link-active svg{color:var(--primary-500)}.sidebar-footer{border-top:1px solid var(--neutral-100);padding:12px 14px 16px}.sidebar-plan-card{background:var(--gradient-card);border:1px solid var(--primary-100);border-radius:var(--radius-md);padding:14px}.sidebar-plan-name{color:var(--primary-700);margin-bottom:2px;font-size:.85rem;font-weight:700}.sidebar-plan-expires{color:var(--neutral-400);margin-bottom:10px;font-size:.75rem}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-right:260px;display:flex}.topbar{border-bottom:1px solid var(--neutral-200);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-menu-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--neutral-600);justify-content:center;align-items:center;display:none}.topbar-menu-btn:hover{background:var(--neutral-100)}.topbar-title{color:var(--neutral-800);font-size:1.1rem;font-weight:700}.topbar-left{align-items:center;gap:8px;display:flex}.topbar-icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--neutral-500);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--neutral-100);color:var(--neutral-700)}.topbar-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.profile-dropdown{position:relative}.profile-trigger{border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:10px;padding:6px 10px;display:flex}.profile-trigger:hover{background:var(--neutral-50)}.profile-avatar{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.profile-info{text-align:right;flex-direction:column;display:flex}.profile-name{color:var(--neutral-800);font-size:.85rem;font-weight:600;line-height:1.2}.profile-phone{color:var(--neutral-400);font-size:.72rem}.profile-chevron{color:var(--neutral-400);transition:transform var(--transition-fast)}.profile-chevron.rotated{transform:rotate(180deg)}.profile-menu-overlay{z-index:90;position:fixed;inset:0}.profile-menu{border:1px solid var(--neutral-200);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);z-index:100;background:#fff;padding:6px;position:absolute;top:calc(100% + 6px);left:0}.profile-menu-item{color:var(--neutral-600);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.85rem;display:flex}.profile-menu-item:hover{background:var(--neutral-50);color:var(--neutral-800)}.profile-menu-danger{color:var(--danger)!important}.profile-menu-danger:hover{background:#ef44440d!important}.page-content{flex:1;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header-info h2{color:var(--neutral-900);font-size:1.4rem;font-weight:800}.page-header-info p{color:var(--neutral-500);margin-top:2px;font-size:.85rem}@media (width<=1024px){.sidebar{transform:translate(100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#0006;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--neutral-400);justify-content:center;align-items:center;display:flex}.sidebar-close:hover{background:var(--neutral-100);color:var(--neutral-600)}.main-content{margin-right:0}.topbar-menu-btn{display:flex}}@media (width<=640px){.page-content{padding:16px}.topbar{padding:0 16px}.profile-info,.profile-chevron{display:none}}