.landing-page{width:100%;overflow-x:hidden;background:#fff;color:#1a202c}[data-theme=dark] .landing-page{background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#fff}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:80px;padding:140px 8% 100px;max-width:1400px;margin:0 auto}.hero-content{flex:1;max-width:540px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);padding:8px 16px;border-radius:24px;font-size:.875rem;font-weight:600;color:#667eea;margin-bottom:24px}.hero-badge i{font-size:1rem}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;color:#1a202c}[data-theme=dark] .hero-title{color:#fff}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#4a5568;line-height:1.7;margin-bottom:40px;font-weight:400}[data-theme=dark] .hero-subtitle{color:#a0aec0}.hero-cta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.cta-button{padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;font-family:inherit;text-decoration:none}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 24px #667eea4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.cta-button.secondary{background:transparent;color:#667eea;border:2px solid #667eea}[data-theme=dark] .cta-button.secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.2)}.cta-button.secondary:hover{background:#667eea1a;transform:translateY(-2px)}.cta-button.large{padding:18px 36px;font-size:1.0625rem}.cta-subtext{color:#718096;font-size:.875rem;margin-top:8px}.hero-visual{flex:1;position:relative;max-width:680px;min-height:600px;padding:60px 20px;min-width:0}.email-preview-card{background:#fff;border-radius:16px;box-shadow:0 20px 80px #0000001f;border:1px solid rgba(0,0,0,.08);position:relative;overflow:hidden;width:100%}[data-theme=dark] .email-preview-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 80px #00000080}.email-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);background:#f7fafc}[data-theme=dark] .email-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.email-header-left{display:flex;align-items:center;gap:10px;font-weight:600;color:#2d3748;font-size:.95rem}[data-theme=dark] .email-header-left{color:#cbd5e0}.email-integration-badge{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 14px;border-radius:8px;font-size:.875rem;font-weight:500;color:#0078d4;border:1px solid rgba(0,120,212,.2)}[data-theme=dark] .email-integration-badge{background:#ffffff14;border-color:#0078d44d}.email-integration-badge img{width:18px;height:18px}.email-list{padding:8px}.email-item{display:flex;gap:14px;padding:16px;border-radius:10px;margin-bottom:4px;transition:background .2s ease;cursor:pointer}.email-item:hover{background:#667eea0d}[data-theme=dark] .email-item:hover{background:#ffffff0d}.email-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0}.email-content{flex:1;min-width:0}.email-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.email-meta strong{color:#1a202c;font-size:.9375rem}[data-theme=dark] .email-meta strong{color:#fff}.email-badge{padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.email-badge.important{background:#ef44441a;color:#dc2626}.email-badge.meeting{background:#3b82f61a;color:#2563eb}.email-badge.fyi{background:#eab3081a;color:#ca8a04}.email-time{color:#718096;font-size:.8125rem;margin-left:auto}.email-subject{font-weight:600;color:#2d3748;margin-bottom:4px;font-size:.9375rem}[data-theme=dark] .email-subject{color:#e2e8f0}.email-excerpt{color:#718096;font-size:.875rem;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-draft-box{margin-top:12px;background:linear-gradient(135deg,#a855f70d,#ec48990d);border:1px solid rgba(168,85,247,.2);border-radius:10px;padding:12px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .ai-draft-box{background:linear-gradient(135deg,#a855f71a,#ec48991a);border-color:#a855f74d}.ai-draft-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:700;color:#a855f7;text-transform:uppercase;letter-spacing:.5px}.ai-draft-header i{font-size:.875rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0) scale(1)}50%{opacity:.7;transform:rotate(180deg) scale(1.1)}}.ai-draft-content{color:#2d3748;font-size:.875rem;line-height:1.6;font-family:inherit}[data-theme=dark] .ai-draft-content{color:#e2e8f0}.typing-cursor{display:inline-block;width:2px;height:14px;background:#a855f7;margin-left:2px;animation:blink .7s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.scenario-indicators{display:flex;justify-content:center;gap:10px;margin-top:24px}.scenario-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e0;border:none;cursor:pointer;transition:all .3s ease;padding:0}[data-theme=dark] .scenario-dot{background:#4a5568}.scenario-dot:hover{background:#a0aec0;transform:scale(1.2)}[data-theme=dark] .scenario-dot:hover{background:#718096}.scenario-dot.active{width:32px;border-radius:5px;background:linear-gradient(135deg,#667eea,#764ba2)}.scenario-dot.active:hover{transform:scale(1)}.ai-draft-indicator{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.3);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;color:#a855f7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ai-draft-indicator i{font-size:.875rem}.feature-callout{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;padding:10px 16px;border-radius:10px;box-shadow:0 8px 24px #0000001f;font-size:.875rem;font-weight:600;color:#2d3748;border:1px solid rgba(0,0,0,.08);white-space:nowrap;z-index:10}[data-theme=dark] .feature-callout{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-callout.instant-categorization{top:20px;right:20px;color:#10b981}.feature-callout.drafts-in-voice{bottom:20px;left:20px;color:#667eea}.feature-callout i{font-size:1rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;padding:80px 8%;max-width:1200px;margin:0 auto;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=dark] .stats-section{border-color:#ffffff1a}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{color:#4a5568;font-size:1rem;font-weight:500}[data-theme=dark] .stat-label{color:#a0aec0}.trusted-section{padding:60px 5%;text-align:center;overflow:hidden;background:#fff}[data-theme=dark] .trusted-section{background:#0a0e27}.trusted-title{font-size:1.5rem;color:#1a202c;margin-bottom:40px;font-weight:700}[data-theme=dark] .trusted-title{color:#fff}.logos-slider{position:relative;width:100%;overflow:hidden;padding:20px 0}.logos-track{display:flex;align-items:center;gap:60px;width:max-content;animation:scroll 40s linear infinite}.logos-track:hover{animation-play-state:paused}.logos-track img{height:32px;object-fit:contain;filter:grayscale(100%);opacity:.5;transition:all .3s ease;cursor:pointer}.logos-track img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.1)}@keyframes scroll{0%{transform:translate(calc(-50% - 30px))}to{transform:translate(0)}}.organize-section{padding:80px 8%;display:flex;justify-content:center}.organize-container{background:#fdfbf7;border-radius:24px;padding:60px 40px;width:100%;max-width:1000px;position:relative;overflow:hidden;text-align:center}[data-theme=dark] .organize-container{background:#ffffff0d}.decorative-triangle{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 80px 80px 0;border-color:transparent #667eea transparent transparent}.organize-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.square-icon{color:#fd71af;font-size:1.25rem;transform:rotate(45deg)}.organize-content h2{font-size:2.5rem;color:#1a202c;margin:0;font-weight:700}[data-theme=dark] .organize-content h2{color:#fff}.organize-subtitle{font-size:1.125rem;color:#718096;line-height:1.6;max-width:600px;margin:0 auto 50px}[data-theme=dark] .organize-subtitle{color:#a0aec0}.organize-visual{padding:0 40px}.static-email-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .static-email-card{background:#1a1f3a;border:1px solid rgba(255,255,255,.1)}.static-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .static-header{border-color:#ffffff1a}.dots{display:flex;gap:6px}.dots span{width:8px;height:8px;border-radius:50%}.dots span:nth-child(1){background:#ff5f57}.dots span:nth-child(2){background:#febc2e}.dots span:nth-child(3){background:#28c840}.header-label{font-size:.875rem;color:#718096;font-weight:500}.static-list{text-align:left}.static-item{padding:24px;display:flex;gap:16px;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=dark] .static-item{border-color:#ffffff0d}.static-item:last-child{border-bottom:none}.static-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.static-avatar.pink{background:#fce7f3;color:#db2777}.static-avatar.blue{background:#dbeafe;color:#2563eb}.static-avatar.green{background:#dcfce7;color:#16a34a}.static-details{flex:1}.top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.top-row strong{font-size:1rem;color:#1a202c}[data-theme=dark] .top-row strong{color:#fff}.pill{font-size:.75rem;padding:4px 12px;border-radius:20px;font-weight:600;margin-left:auto;margin-right:12px;border:1px solid}.pill.pink{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.pill.blue{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.pill.orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.time{color:#718096;font-size:.875rem}.subject{font-weight:600;color:#2d3748;margin-bottom:6px}[data-theme=dark] .subject{color:#e2e8f0}.excerpt{color:#718096;font-size:.9375rem;line-height:1.5}.square-icon.pink{color:#fd71af}.square-icon.green{color:#84cc16}.square-icon.blue{color:#3b82f6}.static-email-view{padding:30px;text-align:left}.view-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.static-avatar.purple{background:#f3e8ff;color:#9333ea}.static-avatar.blue-light{background:#e0f2fe;color:#0284c7}.view-details{flex:1}.view-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.view-subject{font-weight:600;color:#2d3748;font-size:1.1rem}[data-theme=dark] .view-subject{color:#e2e8f0}.view-body{color:#4a5568;line-height:1.6;margin-bottom:24px;padding-left:56px}[data-theme=dark] .view-body{color:#a0aec0}.draft-preview-box{margin-left:56px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:relative}[data-theme=dark] .draft-preview-box{background:#ffffff08;border-color:#ffffff1a}.draft-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.draft-label span{color:#ef4444;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.review-btn{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.review-btn:hover{background:#dbeafe}.draft-preview-box p{margin-bottom:16px;color:#334155}[data-theme=dark] .draft-preview-box p{color:#cbd5e0}.draft-preview-box p.closing{margin-bottom:0}.meeting-notes .note-intro{margin-bottom:16px;font-style:italic;color:#718096}.notes-box{background:#fdfbf7;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:24px}[data-theme=dark] .notes-box{background:#ffffff08;border-color:#ffffff1a}.note-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:12px}.note-bullets{list-style:none;padding:0;margin:0}.note-bullets li{position:relative;padding-left:18px;margin-bottom:8px;color:#4a5568}[data-theme=dark] .note-bullets li{color:#cbd5e0}.note-bullets li:before{content:"•";color:#cbd5e0;position:absolute;left:0;font-weight:700}.features-section{padding:120px 8%;text-align:center;background:#f7fafc}[data-theme=dark] .features-section{background:#ffffff05}.section-title{font-size:3rem;font-weight:700;margin-bottom:16px;color:#1a202c}[data-theme=dark] .section-title{color:#fff}.section-subtitle{font-size:1.125rem;color:#4a5568;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}[data-theme=dark] .section-subtitle{color:#a0aec0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:40px 32px;text-align:left;transition:all .3s ease}[data-theme=dark] .feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26;border-color:#667eea4d}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.375rem;margin-bottom:12px;color:#1a202c}[data-theme=dark] .feature-card h3{color:#fff}.feature-card p{color:#4a5568;line-height:1.7;font-size:1rem;margin:0}[data-theme=dark] .feature-card p{color:#a0aec0}.how-it-works{padding:120px 8%;text-align:center}.how-it-works h2{font-size:3rem;font-weight:700;margin-bottom:60px;color:#1a202c}[data-theme=dark] .how-it-works h2{color:#fff}.steps{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:48px;flex-wrap:wrap;max-width:1000px;margin-left:auto;margin-right:auto}.step{flex:1;min-width:200px;max-width:260px}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 8px 24px #667eea4d}.step h4{font-size:1.125rem;margin-bottom:10px;color:#1a202c}[data-theme=dark] .step h4{color:#fff}.step p{color:#4a5568;font-size:.9375rem;line-height:1.6;margin:0}[data-theme=dark] .step p{color:#a0aec0}.step-arrow{font-size:1.5rem;color:#cbd5e0}[data-theme=dark] .step-arrow{color:#4a5568}.how-it-works-cta{margin-top:48px}.testimonials{padding:120px 8%;text-align:center;background:#f7fafc}[data-theme=dark] .testimonials{background:#ffffff05}.testimonials h2{font-size:3rem;font-weight:700;margin-bottom:60px;color:#1a202c}[data-theme=dark] .testimonials h2{color:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}.testimonial-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:40px 32px;text-align:left;transition:all .3s ease}[data-theme=dark] .testimonial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26}.stars{color:#fbbf24;font-size:1.25rem;margin-bottom:20px}.testimonial-text{color:#2d3748;line-height:1.7;margin-bottom:24px;font-size:1rem}[data-theme=dark] .testimonial-text{color:#cbd5e0}.testimonial-author{display:flex;align-items:center;gap:14px}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.testimonial-author strong{display:block;color:#1a202c;margin-bottom:4px;font-size:.9375rem}[data-theme=dark] .testimonial-author strong{color:#fff}.testimonial-author p{color:#718096;font-size:.875rem;margin:0}.final-cta{padding:120px 8%;text-align:center;background:linear-gradient(135deg,#667eea0d,#764ba20d)}[data-theme=dark] .final-cta{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.final-cta h2{font-size:3rem;font-weight:700;margin-bottom:16px;color:#1a202c}[data-theme=dark] .final-cta h2{color:#fff}.final-cta p{color:#4a5568;font-size:1.25rem;margin-bottom:40px}[data-theme=dark] .final-cta p{color:#a0aec0}.final-cta-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.cta-link{color:#667eea;text-decoration:none;font-weight:600;font-size:1.0625rem;transition:color .3s ease}.cta-link:hover{color:#764ba2}@media(max-width:1024px){.hero-section{flex-direction:column;text-align:center;padding:100px 5% 70px;gap:50px;position:relative}.hero-content{max-width:100%}.hero-title{font-size:3.25rem}.hero-cta{justify-content:center}.feature-callout.instant-categorization,.feature-callout.drafts-in-voice{display:none}.hero-visual{width:100%;max-width:600px;min-height:auto;padding:20px 0;overflow:hidden}.features-section,.how-it-works,.testimonials,.final-cta{padding:80px 5%}.organize-section{padding:60px 5%}.organize-container{padding:48px 32px}.features-grid,.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media(max-width:768px){.hero-section{padding:80px 5% 50px;gap:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;margin-bottom:32px}.hero-cta{flex-direction:column;align-items:stretch}.cta-button{width:100%;justify-content:center;text-align:center}.hero-visual{width:100%;max-width:100%;min-height:auto;padding:0;overflow:hidden}.email-preview-card{width:100%;border-radius:12px;overflow:hidden}.email-item{overflow:hidden}.email-content{overflow:hidden;min-width:0}.email-excerpt{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ai-draft-content{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stats-section{padding:50px 5%;gap:24px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.25rem}.stat-label{font-size:.9rem}.trusted-section{padding:40px 5%}.trusted-title{font-size:1.2rem;margin-bottom:28px}.organize-section{padding:50px 5%}.organize-container{padding:40px 24px;border-radius:16px}.organize-content h2{font-size:2rem}.organize-subtitle{font-size:1rem;margin-bottom:32px}.organize-visual{padding:0 12px}.static-email-view{padding:20px 16px}.view-body{padding-left:0}.draft-preview-box{margin-left:0;padding:16px}.section-title,.testimonials h2,.how-it-works h2,.final-cta h2{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:40px}.features-section{padding:60px 5%}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:28px 24px}.feature-icon{font-size:2.25rem;margin-bottom:14px}.feature-card h3{font-size:1.2rem}.how-it-works{padding:60px 5%}.how-it-works h2{margin-bottom:40px}.steps{flex-direction:column;gap:24px}.step{min-width:0;max-width:100%;width:100%}.step-arrow{transform:rotate(90deg);font-size:1.2rem}.testimonials{padding:60px 5%}.testimonials h2{margin-bottom:40px}.testimonial-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:28px 24px}.final-cta{padding:60px 5%}.final-cta h2{font-size:2rem}.final-cta p{font-size:1rem}.final-cta-buttons{flex-direction:column;align-items:stretch;gap:14px}.final-cta-buttons .cta-button{width:100%}}@media(max-width:480px){.hero-section{padding:84px 4% 40px;gap:28px}.hero-badge{font-size:.78rem;padding:6px 12px}.hero-title{font-size:1.875rem;letter-spacing:-.02em;line-height:1.15}.hero-subtitle{font-size:.9rem;margin-bottom:22px;line-height:1.65}.cta-button{padding:14px 20px;font-size:.9rem;border-radius:10px;gap:8px}.cta-subtext{font-size:.78rem}.email-header{padding:12px 14px;flex-wrap:wrap;gap:8px}.email-integration-badge{padding:4px 10px;font-size:.8rem}.email-item{padding:10px 12px;gap:10px}.email-avatar{width:32px;height:32px;font-size:.7rem;flex-shrink:0}.email-meta{gap:6px;margin-bottom:4px}.email-meta strong{font-size:.825rem}.email-badge{font-size:.68rem;padding:2px 7px}.email-time{font-size:.75rem}.email-subject{font-size:.825rem;margin-bottom:3px}.email-excerpt{font-size:.775rem;-webkit-line-clamp:2}.ai-draft-box{padding:10px;margin-top:8px}.ai-draft-content{font-size:.8rem;-webkit-line-clamp:2}.scenario-indicators{margin-top:16px;gap:8px}.stats-section{grid-template-columns:1fr 1fr;gap:16px;padding:40px 4%}.stat-number{font-size:1.8rem}.stat-label{font-size:.825rem}.organize-container{padding:28px 16px;border-radius:14px}.organize-content h2{font-size:1.6rem}.organize-subtitle{font-size:.9rem;margin-bottom:24px}.organize-visual{padding:0}.static-item{padding:16px;gap:12px}.static-avatar{width:34px;height:34px;font-size:.85rem}.top-row strong{font-size:.875rem}.pill{font-size:.68rem;padding:3px 8px;margin-right:6px}.section-title,.testimonials h2,.how-it-works h2,.final-cta h2{font-size:1.6rem}.section-subtitle{font-size:.9rem;margin-bottom:28px}.features-section{padding:48px 4%}.feature-card{padding:24px 18px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.how-it-works{padding:48px 4%}.step-number{width:44px;height:44px;font-size:1rem}.step h4{font-size:1rem}.step p{font-size:.875rem}.testimonials{padding:48px 4%}.testimonial-card{padding:22px 18px}.testimonial-text{font-size:.9rem}.final-cta{padding:48px 4%}.final-cta p{font-size:.925rem;margin-bottom:28px}.email-item{padding:12px;gap:10px}.email-avatar{width:34px;height:34px;font-size:.75rem}.email-meta strong,.email-subject{font-size:.875rem}.email-excerpt{font-size:.8rem}}.hero-section:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,rgba(168,85,247,.15) 40%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none;animation:float-glow 10s ease-in-out infinite alternate}.hero-section:after{content:"";position:absolute;bottom:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,rgba(244,63,94,.1) 40%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none;animation:float-glow 8s ease-in-out infinite alternate-reverse}@keyframes float-glow{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.hero-visual,.organize-visual,.feature-card{transition:transform .1s ease-out;transform-style:preserve-3d;perspective:1000px}.email-preview-card,.static-email-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px -5px #0000001a,0 10px 20px -5px #0000000d,0 0 0 1px #ffffff80 inset;border:1px solid rgba(255,255,255,.6)}[data-theme=dark] .email-preview-card,[data-theme=dark] .static-email-card{background:#141928cc;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}.gradient-text{background:linear-gradient(135deg,#4f46e5,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient-flow 5s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.feature-card{position:relative;overflow:visible;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px -10px #6366f140}.feature-card:hover:before{opacity:1}.feature-card,.testimonial-card{min-height:100px;will-change:transform,opacity}.feature-card:hover h3,.feature-card:hover p,.feature-card:hover .feature-icon{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.feature-card:hover{background:transparent}.pricing-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#fff}.pricing-hero{text-align:center;padding:120px 10% 80px}.pricing-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-hero p{font-size:1.25rem;color:#a0aec0;max-width:600px;margin:0 auto}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;padding:0 10% 80px;max-width:1400px;margin:0 auto}.pricing-plan-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px 36px;position:relative;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.pricing-plan-card.featured{background:#667eea1a;border:2px solid #667eea;transform:scale(1.05);box-shadow:0 20px 60px #667eea4d}.pricing-plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea33}.pricing-plan-card.featured:hover{transform:translateY(-8px) scale(1.05)}.badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 24px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pricing-plan-card h3{font-size:1.75rem;margin-bottom:20px;color:#fff}.plan-price{margin-bottom:16px}.price-amount{font-size:3.5rem;font-weight:800;color:#fff}.price-period{font-size:1.125rem;color:#a0aec0;font-weight:400}.plan-description{color:#a0aec0;margin-bottom:32px;line-height:1.6;min-height:48px}.plan-features{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.plan-features li{padding:2px 0;color:#cbd5e0;display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.3}.plan-features i{color:#667eea;font-size:1rem;margin-top:4px;flex-shrink:0}.plan-cta{width:100%;padding:18px 32px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.plan-cta.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 10px 30px #667eea4d}.plan-cta:hover{transform:translateY(-2px);background:#ffffff1a}.plan-cta.primary:hover{box-shadow:0 15px 40px #667eea66}.faq-section{padding:80px 10%;background:#ffffff05;text-align:center}.faq-section h2{font-size:2.5rem;margin-bottom:60px;font-weight:700}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}.faq-item{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;text-align:left;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;transform:translateY(-4px)}.faq-item h4{color:#fff;font-size:1.125rem;margin-bottom:12px}.faq-item p{color:#a0aec0;line-height:1.7;margin:0}.pricing-footer-cta{padding:100px 10%;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.pricing-footer-cta h2{font-size:2.5rem;margin-bottom:16px;font-weight:700}.pricing-footer-cta p{color:#a0aec0;font-size:1.125rem;margin-bottom:32px}@media(max-width:768px){.pricing-hero{padding:80px 6% 50px}.pricing-hero h1{font-size:2.5rem}.pricing-hero p{font-size:1rem}.pricing-plans{padding:0 6% 50px;gap:20px}.pricing-plan-card{padding:36px 24px}.pricing-plan-card.featured{transform:none}.pricing-plan-card.featured:hover{transform:translateY(-8px)}.price-amount{font-size:2.5rem}.faq-section h2,.pricing-footer-cta h2{font-size:2rem}}@media(max-width:480px){.pricing-hero{padding:60px 5% 40px}.pricing-hero h1{font-size:2rem}.pricing-plans{padding:0 5% 40px;grid-template-columns:1fr}.pricing-plan-card{padding:28px 20px}.price-amount{font-size:2rem}.faq-section h2,.pricing-footer-cta h2{font-size:1.65rem}}.blog-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#fff}.blog-hero{text-align:center;padding:120px 10% 60px}.blog-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.25rem;color:#a0aec0}.blog-content{padding:40px 10% 100px;max-width:1400px;margin:0 auto}.blog-filters{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap;justify-content:center}.filter-button{padding:10px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#cbd5e0;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.filter-button:hover{background:#ffffff1a;border-color:#667eea}.filter-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px}.blog-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #667eea33;background:#ffffff0d}.blog-card-icon{font-size:4rem;padding:40px;text-align:center;background:#667eea0d}.blog-card-content{padding:32px;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem}.blog-category{color:#667eea;font-weight:600}.blog-divider{color:#4a5568}.blog-read-time{color:#a0aec0}.blog-card h3{font-size:1.5rem;margin-bottom:12px;color:#fff;line-height:1.4}.blog-card p{color:#a0aec0;line-height:1.7;margin-bottom:24px;flex-grow:1}.blog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.blog-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;flex-shrink:0}.blog-author strong{display:block;color:#fff;font-size:.95rem}.blog-author span{display:block;color:#a0aec0;font-size:.875rem}.read-more{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;font-size:.95rem;transition:color .3s ease;font-family:inherit;padding:0}.read-more:hover{color:#764ba2}.no-posts{text-align:center;padding:80px 20px}.no-posts p{color:#a0aec0;font-size:1.125rem}.blog-newsletter{padding:100px 10%;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.blog-newsletter h2{font-size:2.5rem;margin-bottom:16px;font-weight:700}.blog-newsletter p{color:#a0aec0;font-size:1.125rem;margin-bottom:32px}.newsletter-form{display:flex;gap:12px;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:16px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.newsletter-form input:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.newsletter-form input::placeholder{color:#718096}.newsletter-form button{padding:16px 36px;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;white-space:nowrap}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}@media(max-width:768px){.blog-hero h1{font-size:2.5rem}.blog-hero p{font-size:1rem}.blog-grid{grid-template-columns:1fr}.blog-newsletter h2{font-size:2rem}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}@media(max-width:480px){.blog-hero h1{font-size:1.9rem}.blog-hero p{font-size:.925rem}.blog-newsletter h2{font-size:1.6rem}}.security-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#fff}.security-hero{text-align:center;padding:120px 10% 80px}.security-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-hero p{font-size:1.25rem;color:#a0aec0;max-width:700px;margin:0 auto}.certifications{padding:80px 10%;background:#ffffff05}.certifications h2{text-align:center;font-size:2.5rem;margin-bottom:60px;font-weight:700}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;max-width:1200px;margin:0 auto}.cert-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 32px;text-align:center;transition:all .3s ease}.cert-card:hover{transform:translateY(-8px);background:#ffffff0d}.cert-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.cert-icon i{font-size:2.5rem;color:#fff}.cert-card h3{font-size:1.5rem;margin-bottom:12px;color:#fff}.cert-card p{color:#a0aec0;line-height:1.7}.security-features{padding:100px 10%}.security-features h2{text-align:center;font-size:2.5rem;margin-bottom:80px;font-weight:700}.features-list{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:80px}.security-feature{display:grid;grid-template-columns:120px 1fr;gap:40px;align-items:start}.security-feature.reverse{grid-template-columns:1fr 120px}.security-feature.reverse .feature-icon-large{order:2}.security-feature.reverse .feature-content{order:1;text-align:right}.security-feature.reverse ul{text-align:left}.feature-icon-large{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #667eea4d}.feature-icon-large i{font-size:3rem;color:#fff}.feature-content h3{font-size:1.75rem;margin-bottom:16px;color:#fff}.feature-content p{color:#a0aec0;line-height:1.8;margin-bottom:20px;font-size:1.05rem}.feature-content ul{list-style:none;padding:0;margin:0}.feature-content ul li{color:#cbd5e0;padding:10px 0;display:flex;align-items:center;gap:12px}.feature-content ul li:before{content:"✓";color:#667eea;font-weight:700;font-size:1.125rem}.data-processing{padding:80px 10%;background:#ffffff05}.data-processing h2{text-align:center;font-size:2.5rem;margin-bottom:40px;font-weight:700}.data-info{max-width:900px;margin:0 auto;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px}.data-info p{color:#cbd5e0;font-size:1.125rem;line-height:1.8;margin-bottom:28px}.data-list{list-style:none;padding:0;margin:0}.data-list li{color:#cbd5e0;padding:12px 0;display:flex;align-items:center;gap:16px;font-size:1.05rem}.data-list i{color:#667eea;font-size:1.125rem}.security-team{padding:100px 10%;text-align:center}.security-team h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.team-description{color:#a0aec0;font-size:1.125rem;max-width:800px;margin:0 auto 60px;line-height:1.8}.team-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1000px;margin:0 auto}.stat{display:flex;flex-direction:column;gap:8px}.stat strong{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat span{color:#a0aec0;font-size:1rem}.security-resources{padding:80px 10%;background:#ffffff05}.security-resources h2{text-align:center;font-size:2.5rem;margin-bottom:60px;font-weight:700}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}.resource-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;text-align:center;transition:all .3s ease}.resource-card:hover{transform:translateY(-8px);background:#ffffff0d}.resource-card i{font-size:3rem;color:#667eea;margin-bottom:20px}.resource-card h4{font-size:1.25rem;margin-bottom:12px;color:#fff}.resource-card p{color:#a0aec0;margin-bottom:24px;line-height:1.7}.resource-link{padding:12px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#667eea;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.resource-link:hover{background:#ffffff1a;border-color:#667eea}.security-cta{padding:100px 10%;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.security-cta h2{font-size:2.5rem;margin-bottom:16px;font-weight:700}.security-cta p{color:#a0aec0;font-size:1.125rem;margin-bottom:32px}@media(max-width:1024px){.security-feature,.security-feature.reverse{grid-template-columns:1fr;text-align:center}.security-feature.reverse .feature-icon-large{order:1;margin:0 auto}.security-feature.reverse .feature-content{order:2;text-align:center}.feature-icon-large{margin:0 auto}.feature-content ul{text-align:left;max-width:500px;margin:0 auto}}@media(max-width:768px){.security-hero h1{font-size:2.5rem}.security-hero p{font-size:1rem}.certifications h2,.security-features h2,.data-processing h2,.security-team h2,.security-resources h2,.security-cta h2,.stat strong{font-size:2rem}.data-info{padding:32px 24px}}@media(max-width:480px){.security-hero h1{font-size:1.9rem}.certifications h2,.security-features h2,.data-processing h2,.security-team h2,.security-resources h2,.security-cta h2{font-size:1.6rem}.stat strong{font-size:1.65rem}.data-info{padding:24px 16px}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#fff}.contact-hero{text-align:center;padding:120px 10% 60px}.contact-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero p{font-size:1.25rem;color:#a0aec0;max-width:700px;margin:0 auto;line-height:1.8}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:60px 10% 100px;max-width:1400px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:24px}.info-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;transition:all .3s ease}.info-card:hover{background:#ffffff0d;transform:translateY(-4px)}.info-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.info-icon i{font-size:1.5rem;color:#fff}.info-card h3{font-size:1.25rem;margin-bottom:12px;color:#fff}.info-card p{color:#a0aec0;line-height:1.7;margin-bottom:16px}.info-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.info-link:hover{color:#764ba2}.contact-form-container{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px}.contact-form-container h2{font-size:2rem;margin-bottom:12px;color:#fff}.form-subtitle{color:#a0aec0;margin-bottom:32px;font-size:1rem}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message i{color:#10b981;font-size:1.25rem}.success-message p{color:#10b981;margin:0;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#cbd5e0;font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#ffffff12;border-color:#fff3}.form-group input::placeholder,.form-group textarea::placeholder{color:#718096}.form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:45px;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;font-weight:500}.form-group select:hover{background-color:#ffffff12}.form-group select:focus{background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-group select option{background-color:#1a1f3a;background-image:none;color:#fff;padding:12px 16px;font-size:1rem;font-weight:500;border:none}.form-group select option:hover,.form-group select option:focus,.form-group select option:checked{background:linear-gradient(135deg,#667eea,#764ba2);background-image:none;color:#fff;font-weight:600}.form-group select option:disabled{color:#4a5568;background-color:#0a0e27;background-image:none}.form-group select option[value=sales],.form-group select option[value=support],.form-group select option[value=partnership],.form-group select option[value=feedback],.form-group select option[value=other]{background:#1a1f3a}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:18px 36px;font-size:1.125rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px #667eea4d;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;align-self:flex-start}.submit-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66}.submit-button i{font-size:1rem}.contact-cta{padding:100px 10%;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.contact-cta h2{font-size:2.5rem;margin-bottom:16px;font-weight:700}.contact-cta p{color:#a0aec0;font-size:1.125rem;margin-bottom:32px}.cta-button{padding:18px 48px;font-size:1.125rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px #667eea4d;transition:all .3s ease;font-family:inherit}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66}@media(max-width:1024px){.contact-content{grid-template-columns:1fr}.contact-form-container{padding:36px 28px}}@media(max-width:768px){.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:1rem}.contact-content{padding:40px 5%}.contact-cta h2{font-size:2rem}.submit-button{width:100%}}@media(max-width:480px){.contact-hero h1{font-size:1.9rem}.contact-content{padding:28px 5%}.contact-form-container{padding:24px 16px}.contact-cta h2{font-size:1.6rem}}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0e27cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s ease}.navbar-container{max-width:1400px;margin:0 auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:40px}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700;transition:color .3s ease}.navbar-brand i{font-size:1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand:hover{color:#667eea}.navbar-links{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}.nav-link{color:#cbd5e0;text-decoration:none;font-weight:600;font-size:.95rem;transition:color .3s ease;position:relative;padding:8px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:#667eea}.nav-link.active:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:12px}.theme-toggle{width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1rem}.theme-toggle:hover{background:#ffffff1a;border-color:#667eea;color:#667eea;transform:scale(1.05)}.theme-toggle i{transition:transform .3s ease}.theme-toggle:active i{transform:rotate(180deg)}.btn-login{padding:10px 24px;border-radius:10px;text-decoration:none;color:#cbd5e0;font-weight:600;font-size:.95rem;transition:all .3s ease;background:transparent;border:1px solid transparent}.btn-login:hover{color:#667eea;background:#ffffff0d;border-color:#ffffff1a}.btn-signup{padding:10px 24px;border-radius:10px;text-decoration:none;color:#fff;font-weight:600;font-size:.95rem;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;transition:color .3s ease}.mobile-menu-toggle:hover{color:#667eea}@media(max-width:1024px){.navbar-links{gap:24px}.navbar-actions{gap:12px}.btn-login,.btn-signup{padding:8px 20px;font-size:.9rem}}@media(max-width:768px){.navbar-container{padding:16px 5%}.mobile-menu-toggle{display:block}.navbar-links{position:fixed;top:71px;left:0;right:0;background:#0a0e27fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:32px 5%;gap:24px;border-top:1px solid rgba(255,255,255,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 30px #00000080}.navbar-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;text-align:center;padding:12px 0;font-size:1.125rem}.navbar-actions{display:none}.navbar-links.open .navbar-mobile-actions{display:flex;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;justify-content:center}.navbar-links.open .btn-login,.navbar-links.open .btn-signup{flex:1;text-align:center}}@media(max-width:480px){.navbar-container{padding:12px 4%;gap:12px}.navbar-brand{font-size:1.2rem;gap:8px}.navbar-brand i{font-size:1.4rem}.mobile-menu-toggle{font-size:1.3rem;padding:6px}.navbar-links{top:61px;padding:24px 4%;gap:18px}.nav-link{font-size:1rem;padding:10px 0}}.footer{background:linear-gradient(135deg,#0a0e27,#1a1f3a);border-top:1px solid rgba(255,255,255,.1);padding:80px 10% 40px;color:#fff}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;max-width:1400px;margin:0 auto 60px}.footer-section h4{font-size:1.125rem;font-weight:700;margin-bottom:24px;color:#fff}.footer-section a{display:flex;align-items:center;gap:8px;color:#a0aec0;text-decoration:none;margin-bottom:16px;font-size:.95rem;transition:color .3s ease}.footer-section a:hover{color:#667eea}.footer-section a i{font-size:1rem}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#718096;font-size:.875rem;margin:8px 0}.footer-tagline{color:#a0aec0;font-weight:500}@media(max-width:768px){.footer{padding:60px 5% 32px}.footer-content{grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px}}@media(max-width:480px){.footer{padding:40px 4% 24px}.footer-content{grid-template-columns:1fr;gap:28px;margin-bottom:28px}.footer-section h4{font-size:1rem;margin-bottom:16px}.footer-section a{font-size:.875rem;margin-bottom:12px}.footer-bottom{padding-top:24px}.footer-bottom p{font-size:.8rem}}.aud-page{padding:0 0 40px;max-width:1200px;font-family:Outfit,Inter,system-ui,sans-serif;color:#1e293b}.aud-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.aud-error-state{padding:0}.aud-error-card{background:#fff;border:1px solid #fee2e2;border-radius:16px;padding:48px 32px;text-align:center;max-width:480px;margin:0 auto}.aud-error-icon{width:72px;height:72px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#ef4444;margin:0 auto 20px}.aud-error-card h3{font-size:1.2rem;font-weight:700;color:#0f172a;margin:0 0 10px}.aud-error-msg{font-size:.875rem;color:#64748b;margin:0 0 24px;font-family:Courier New,monospace;background:#f8fafc;padding:10px 16px;border-radius:8px;text-align:left;word-break:break-all}.aud-back{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:all .2s}.aud-back:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translate(-2px)}.aud-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px;margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;box-shadow:0 1px 3px #0000000f}.aud-header-main{display:flex;align-items:flex-start;gap:20px;flex:1;min-width:0}.aud-avatar{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}.aud-avatar img{width:100%;height:100%;object-fit:cover}.aud-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.aud-name-row h2{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.aud-chip{font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.aud-chip-admin{background:#4f46e5;color:#fff}.aud-chip-banned{background:#fee2e2;color:#991b1b}.aud-chip-pending{background:#fef3c7;color:#92400e}.aud-chip-active{background:#d1fae5;color:#065f46}.aud-email{font-size:.9rem;color:#475569;margin:0 0 6px;display:flex;align-items:center;gap:7px}.aud-meta{font-size:.8rem;color:#64748b;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.aud-dot{color:#cbd5e1}.aud-green{color:#10b981;font-weight:600;display:flex;align-items:center;gap:5px}.aud-red{color:#ef4444}.aud-header-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;flex-shrink:0}.aud-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid transparent;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .18s ease}.aud-btn:disabled{opacity:.45;cursor:not-allowed}.aud-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001f}.aud-btn-danger{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.aud-btn-danger:not(:disabled):hover{background:#fecaca}.aud-btn-success{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.aud-btn-success:not(:disabled):hover{background:#a7f3d0}.aud-btn-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.aud-btn-info:not(:disabled):hover{background:#dbeafe}.aud-btn-warning{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.aud-btn-warning:not(:disabled):hover{background:#d1fae5}.aud-btn-end-trial{background:#fef3c7;color:#92400e;border-color:#fcd34d}.aud-btn-end-trial:not(:disabled):hover{background:#fde68a}.aud-btn-delete{background:#dc2626;color:#fff;border-color:#dc2626}.aud-btn-delete:not(:disabled):hover{background:#b91c1c}.aud-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.aud-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.aud-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.aud-stat-icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.aud-stat-num{font-size:1.6rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.03em;margin-bottom:2px}.aud-stat-lbl{font-size:.82rem;font-weight:600;color:#475569;margin-bottom:2px}.aud-stat-sub{font-size:.75rem;color:#94a3b8}.aud-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.aud-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 2px #0000000a}.aud-card-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 18px;display:flex;align-items:center;gap:8px}.aud-card-title i{color:#6366f1;font-size:.9rem}.aud-info-rows{display:flex;flex-direction:column;gap:0}.aud-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f8fafc;font-size:.875rem;gap:12px}.aud-info-row:last-child{border-bottom:none}.aud-info-row>span:first-child{color:#64748b;font-weight:500;flex-shrink:0;min-width:130px}.aud-info-row>span:last-child{color:#0f172a;font-weight:500;text-align:right;word-break:break-all}.aud-info-row-col{flex-direction:column;align-items:flex-start;gap:8px}.aud-info-row-col>span:first-child{min-width:0}.aud-usage-bar-wrap{width:100%;display:flex;align-items:center;gap:10px}.aud-usage-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.aud-usage-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.aud-usage-label{font-size:.78rem;font-weight:700;color:#475569;white-space:nowrap}.aud-verified{color:#10b981;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;margin-left:6px}.aud-unverified{color:#f59e0b;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;margin-left:6px}.aud-status-green{color:#10b981;font-weight:600;display:inline-flex;align-items:center;gap:5px}.aud-status-red{color:#ef4444;font-weight:600;display:inline-flex;align-items:center;gap:5px}.aud-status-amber{color:#f59e0b;font-weight:600;display:inline-flex;align-items:center;gap:5px}.aud-link{color:#3b82f6;text-decoration:none;font-weight:600}.aud-link:hover{text-decoration:underline}.aud-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 2px #0000000a}.aud-section-hdr{padding:18px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.aud-section-hdr h4{font-size:.95rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.aud-section-hdr h4 i{color:#6366f1}.aud-count-pill{background:#e0e7ff;color:#3730a3;font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:20px}.aud-section-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aud-meta-pill{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:20px}.aud-meta-pill.green{background:#d1fae5;color:#065f46}.aud-meta-pill.indigo{background:#e0e7ff;color:#3730a3}.aud-meta-pill.slate{background:#f1f5f9;color:#475569}.aud-table-wrap{overflow-x:auto}.aud-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.875rem}.aud-table th{text-align:left;padding:12px 20px;font-size:.72rem;font-weight:700;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.aud-table td{padding:14px 20px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.aud-table tr:last-child td{border-bottom:none}.aud-table tbody tr:hover{background:#fafafa}.aud-provider{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:6px}.aud-provider.gmail{background:#fef2f2;color:#b91c1c}.aud-provider.microsoft{background:#eff6ff;color:#1d4ed8}.aud-sbadge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:6px;white-space:nowrap}.aud-sbadge.success{background:#d1fae5;color:#065f46}.aud-sbadge.danger{background:#fee2e2;color:#991b1b}.aud-sbadge.pending{background:#fef3c7;color:#92400e}.aud-sbadge.info{background:#dbeafe;color:#1e40af}.aud-subject{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aud-light{font-size:.8rem;color:#64748b}.aud-op-label{display:inline-block;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:6px;font-family:Courier New,monospace;text-transform:lowercase}.aud-tone-chip{display:inline-block;background:#ede9fe;color:#5b21b6;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:capitalize}.aud-cat-chip{display:inline-block;background:#f0f9ff;color:#0369a1;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:capitalize}.aud-tabs{display:flex;gap:6px}.aud-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;background:transparent;color:#64748b;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s}.aud-tab:hover{background:#f8fafc;color:#0f172a}.aud-tab.active{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.aud-tab-count{background:#6366f11f;color:#4338ca;font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:10px}.aud-tab.active .aud-tab-count{background:#6366f133}.aud-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;color:#94a3b8;gap:12px}.aud-empty i{font-size:2rem;opacity:.4}.aud-empty p{font-size:.9rem;margin:0}.aud-overlay{position:fixed;inset:0;background:#020617d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:aud-fade .18s ease-out}@keyframes aud-fade{0%{opacity:0}to{opacity:1}}.aud-modal{position:relative;background:linear-gradient(160deg,#13172b,#1a1f35);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 32px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#f8fafc;box-shadow:0 32px 64px -12px #000c;animation:aud-spring .3s cubic-bezier(.175,.885,.32,1.18)}@keyframes aud-spring{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.aud-modal-x{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#94a3b8;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.aud-modal-x:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.aud-modal-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:18px}.aud-modal-icon.danger{background:#ef444424;color:#ef4444;box-shadow:0 0 0 10px #ef44440f}.aud-modal-icon.info{background:#6366f124;color:#818cf8;box-shadow:0 0 0 10px #6366f10f}.aud-modal-title{font-size:1.3rem;font-weight:800;margin:0 0 10px;letter-spacing:-.02em}.aud-modal-msg{font-size:.9rem;color:#94a3b8;line-height:1.6;margin:0 0 28px;max-width:320px}.aud-modal-btns{display:flex;align-items:center;justify-content:center;gap:12px}.aud-modal-cancel{background:transparent;border:none;color:#64748b;font-size:.9rem;font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .18s}.aud-modal-cancel:hover{color:#e2e8f0;background:#ffffff0d}.aud-modal-ok{font-size:.9rem;font-weight:700;padding:11px 28px;border:none;border-radius:9999px;cursor:pointer;transition:all .22s;display:inline-flex;align-items:center;gap:8px}.aud-modal-ok:disabled{opacity:.5;cursor:not-allowed}.aud-modal-ok.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 20px -4px #ef444473}.aud-modal-ok.danger:not(:disabled):hover{box-shadow:0 12px 28px -4px #ef44448c;transform:translateY(-1px)}.aud-modal-ok.info{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 20px -4px #6366f173}.aud-modal-ok.info:not(:disabled):hover{box-shadow:0 12px 28px -4px #6366f18c;transform:translateY(-1px)}.mono{font-family:Courier New,JetBrains Mono,monospace}@media(max-width:1024px){.aud-stats-row{grid-template-columns:repeat(2,1fr)}.aud-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.aud-header-card{flex-direction:column;padding:20px}.aud-header-actions{width:100%}.aud-btn{flex:1;justify-content:center}.aud-name-row h2{font-size:1.1rem}.aud-section-hdr{flex-direction:column;align-items:flex-start}.aud-info-row>span:first-child{min-width:110px}}@media(max-width:480px){.aud-stats-row{grid-template-columns:1fr}.aud-stat-card{padding:16px}.aud-avatar{width:56px;height:56px;font-size:1.4rem;border-radius:14px}.aud-tabs{flex-wrap:wrap}.aud-tab{flex:1;justify-content:center}}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;pointer-events:none}.toast{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left-width:4px;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:0 10px 30px #00000080;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275);min-width:300px;max-width:400px;pointer-events:auto}.toast-success{border-left-color:var(--success)}.toast-success i{color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-error i{color:var(--error)}.toast-info{border-left-color:var(--primary-400)}.toast-info i{color:var(--primary-400)}.toast-message{color:var(--text-primary);font-size:.95rem;font-weight:500}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.admin-dashboard{background-color:#f8fafc;min-height:100vh;display:flex;flex-direction:column;font-family:Outfit,Inter,system-ui,sans-serif;color:#1e293b}.admin-header{background:#fff;padding:15px 30px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.logo-text-admin{font-size:1.5rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}.badge-admin{background:#ef4444;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:1px}.admin-layout{display:flex;flex:1}.admin-actions{display:flex;align-items:center;gap:20px}.icon-btn{background:none;border:none;font-size:1.1rem;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#f1f5f9;color:#3b82f6}.admin-sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:calc(100vh - 73px);position:sticky;top:73px}.nav-item{margin:4px 12px;width:calc(100% - 24px);box-sizing:border-box;border-radius:6px;padding:10px 16px;display:flex;align-items:center;gap:12px;border:none;background:none;text-align:left;font-size:.95rem;color:#64748b;cursor:pointer;transition:all .2s;font-weight:500}.nav-item:hover:not(.active){background:#f1f5f9;color:#3b82f6}.nav-item.active{background:#e0e7ff;color:#4338ca;font-weight:600}.nav-item i{width:20px;text-align:center}.live-dot{color:#ef4444;font-size:.6rem;animation:pulse 2s infinite;margin-left:auto}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.admin-sidebar-footer{padding:20px;margin-top:auto;border-top:1px solid #f1f5f9;background:#f8fafc}.nav-item.logout{margin:0;width:100%;color:#ef4444;justify-content:center;border:1px solid #fee2e2;background:#fff;font-weight:600}.nav-item.logout:hover{background:#fee2e2;color:#991b1b;border-color:#fecaca}.admin-main{flex:1;padding:30px;overflow-y:auto;max-height:calc(100vh - 73px)}.queues-view .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.queues-view .stat-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:15px;box-shadow:0 1px 3px #0000000d}.queues-view .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.queues-view .stat-icon.warning{background:#fff7ed;color:#ea580c}.queues-view .stat-icon.info{background:#eff6ff;color:#3b82f6}.queues-view .stat-icon.danger{background:#fef2f2;color:#ef4444}.queues-view .stat-icon.success{background:#f0fdf4;color:#22c55e}.queues-view .stat-info h3{font-size:.9rem;color:#64748b;margin-bottom:4px}.queues-view .stat-info p{font-size:1.5rem;font-weight:700;color:#0f172a}.tabs-container{display:flex;gap:10px;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.tab-btn{padding:8px 16px;border:none;background:transparent;color:#64748b;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn.active{background:#e2e8f0;color:#0f172a}.badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.danger{background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.badge.success{background:#f0fdf4;color:#22c55e;border:1px solid #dcfce7}.admin-user-info{display:flex;align-items:center;gap:10px}.admin-user-info span{font-size:.9rem;font-weight:600}.admin-avatar{width:36px;height:36px;border-radius:50%;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px}.admin-stat-card{background:#fff;padding:22px 24px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s ease,transform .2s ease}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.stat-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stat-icon-wrap{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.admin-stat-value{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:2px;letter-spacing:-.03em;line-height:1}.admin-stat-label{font-size:.82rem;color:#64748b;font-weight:500;margin-top:4px}.admin-stat-change{font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:3px}.admin-stat-change.positive{color:#10b981}.admin-stat-change.negative{color:#ef4444}.admin-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.content-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 2px #0000000d;min-width:0}.content-card.users-table{overflow-x:auto}.content-card.full-height{min-height:500px}.card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.card-header h3{font-size:1.1rem;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.admin-search{padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;width:280px;font-size:.9rem;background-color:#f8fafc;transition:all .2s}.admin-search:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.view-all{background:#fff;border:1px solid #e2e8f0;color:#3b82f6;font-weight:600;cursor:pointer;font-size:.85rem;padding:6px 16px;border-radius:20px;transition:all .2s}.view-all:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}table{width:100%;min-width:600px;border-collapse:collapse}th{text-align:left;padding:14px 24px;font-size:.75rem;color:#64748b;font-weight:600;background:#f8fafc;border-bottom:1px solid #e2e8f0}td{padding:16px 24px;border-bottom:1px solid #f1f5f9;font-size:.9rem}tr:last-child td{border-bottom:none}.user-cell strong{display:block;color:#0f172a}.user-cell span{font-size:.8rem;color:#64748b}.badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge.pro{background:#dbeafe;color:#1e40af}.badge.enterprise{background:#f3e8ff;color:#6b21a8}.badge.free{background:#f1f5f9;color:#475569}.badge.trial{background:#fef3c7;color:#92400e}.badge.info{background:#cffafe;color:#0e7490}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.active{background:#10b981}.status-dot.pending{background:#f59e0b}.action-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:500;margin-right:10px;font-size:.85rem}.action-link.danger{color:#ef4444}td.adm-act-cell{padding:10px 16px;min-width:260px}.adm-act-group{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.adm-act-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:opacity .15s,transform .1s,box-shadow .15s;line-height:1.4}.adm-act-btn i{font-size:10px}.adm-act-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.adm-act-btn:active:not(:disabled){transform:translateY(0)}.adm-act-btn:disabled{opacity:.4;cursor:not-allowed}.adm-act-ban{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.adm-act-unban{background:#dcfce7;color:#15803d;border-color:#86efac}.adm-act-delete{background:#dc2626;color:#fff;border-color:#dc2626}.adm-act-delete:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.adm-act-end-trial{background:#fef3c7;color:#b45309;border-color:#fcd34d}.adm-act-restart-trial{background:#cffafe;color:#0e7490;border-color:#67e8f9}.adm-act-view{background:#f8fafc;color:#334155;border-color:#cbd5e1}.adm-act-view:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.adm-act-login{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.health-metrics{padding:20px 24px 16px}.metric{margin-bottom:18px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600;color:#475569}.metric-value{font-size:.85rem;font-weight:700}.metric-value.success{color:#10b981}.metric-value.warning{color:#f59e0b}.metric-value.danger{color:#ef4444}.progress-bar{height:7px;background:#f1f5f9;border-radius:4px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:4px;transition:width .5s ease}.fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.health-status-row{display:flex;align-items:center;gap:7px;margin-top:6px;padding-top:14px;border-top:1px solid #f1f5f9;font-size:.8rem;font-weight:600;color:#10b981}.health-ok-dot{font-size:.5rem;color:#10b981;animation:pulse 2.5s ease-in-out infinite}.status-good{color:#10b981;font-weight:600;display:flex;align-items:center;gap:8px}.packages-view{padding-top:10px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.view-header h2{font-size:1.5rem;font-weight:700;margin:0;color:#1e293b}.subtitle{color:#64748b;margin:5px 0 0;font-size:.9rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;align-items:flex-start}.package-card-admin{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:0;position:relative;transition:all .3s ease;display:flex;flex-direction:column;height:100%;overflow:hidden}.package-card-admin:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #0000001a;border-color:#cbd5e1}.package-card-admin.pro{border:2px solid #3b82f6;box-shadow:0 10px 30px -5px #3b82f626}.popular-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 10px #3b82f64d}.pkg-header{padding:30px 30px 20px;text-align:center}.pkg-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 20px}.pkg-icon.free,.pkg-icon.free-tier{background:#f0f9ff;color:#0ea5e9}.pkg-icon.pro{background:#eff6ff;color:#3b82f6}.pkg-icon.enterprise{background:#f5f3ff;color:#8b5cf6}.pkg-header h3{margin:0 0 10px;font-size:1.5rem;font-weight:700;color:#1e293b}.pkg-price-container{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.pkg-price{font-size:2.5rem;font-weight:800;color:#0f172a;letter-spacing:-1px}.pkg-period{font-size:1rem;color:#64748b;font-weight:500}.pkg-desc{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.pkg-divider{height:1px;background:#f1f5f9;margin:0 30px}.pkg-features-container{padding:24px 30px;flex:1}.pkg-features-container h4{margin:0 0 16px;font-size:.85rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.5px}.pkg-features{list-style:none;padding:0;margin:0;color:#475569}.pkg-features li{margin-bottom:12px;font-size:.95rem;display:flex;align-items:center;gap:10px}.pkg-features li i{color:#10b981;font-size:1rem}.pkg-footer{padding:24px 30px 30px;background:#f8fafc;border-top:1px solid #f1f5f9}.pkg-stats{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:.9rem;color:#64748b;background:#fff;padding:8px;border-radius:8px;border:1px solid #e2e8f0}.pkg-stats i{color:#64748b}.pkg-stats strong{color:#0f172a}.full-width{width:100%;justify-content:center;display:flex;align-items:center;gap:8px;padding:12px}.btn-admin-primary{background:#0f172a;color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-admin-primary:hover{background:#1e293b;transform:translateY(-1px)}.btn-outline{width:auto;padding:8px 16px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#475569;transition:all .2s}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.ai-settings-view{padding:20px;max-width:1200px;margin:0 auto}.ai-settings-section{margin-bottom:40px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.ai-settings-section .section-header{padding:20px 30px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.ai-settings-section .section-header h3{margin:0;font-size:1.25rem;color:#1e293b;display:flex;align-items:center;gap:12px}.ai-settings-section .section-header p{margin:5px 0 0;color:#64748b;font-size:.95rem}.api-keys-card{padding:30px}.keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:30px}.api-keys-card input{background:#fff!important;border:2px solid #e2e8f0!important;padding:14px 18px!important;border-radius:12px!important;font-family:JetBrains Mono,monospace!important;font-size:.95rem!important;color:#0f172a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important;box-shadow:inset 0 2px 4px #00000008!important}.api-keys-card input:focus{background:#fff!important;border-color:#6366f1!important;outline:none!important;box-shadow:0 0 0 4px #6366f11a,inset 0 2px 4px #00000003!important;transform:translateY(-1px)!important}.api-keys-card input::placeholder{color:#94a3b8!important;opacity:.7!important}.keys-grid .form-group{display:flex;flex-direction:column;gap:8px}.keys-grid label{font-weight:600;font-size:.9rem;color:#475569;display:flex;align-items:center;gap:8px}.status-tag{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.status-tag.success{background:#dcfce7;color:#166534}.api-keys-card input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.card-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #f1f5f9}.ai-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;margin-top:30px}.ai-provider-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;position:relative;transition:all .3s;display:flex;flex-direction:column;height:100%}.ai-provider-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -5px #0000001a;border-color:#cbd5e1}.ai-provider-card.active{border:2px solid #3b82f6;background:#f0f7ff}.active-badge{position:absolute;top:20px;right:20px;color:#3b82f6;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:6px;background:#fff;padding:4px 12px;border-radius:20px;box-shadow:0 2px 4px #0000000d}.provider-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.provider-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.provider-icon.openai{background:#10a37f;color:#fff}.provider-icon.openrouter{background:#6d28d9;color:#fff}.provider-icon.gemini{background:#4285f4;color:#fff}.provider-header h3{margin:0;font-size:1.25rem;font-weight:700}.provider-description{color:#64748b;font-size:.95rem;line-height:1.5;margin:0 0 25px;flex:1}.provider-config{margin-bottom:25px}.provider-config label{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:10px}.model-input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;background:#fff;font-family:inherit;transition:all .2s}.model-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #2563eb1a}.helper-link{display:inline-block;margin-top:8px;font-size:.8rem;color:#3b82f6;text-decoration:none;font-weight:600}.helper-link:hover{text-decoration:underline}.btn-switch{width:100%;padding:14px;border-radius:12px;border:none;background:#f1f5f9;color:#475569;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-switch:hover:not(:disabled){background:#e2e8f0;color:#1e293b;transform:translateY(-2px)}.btn-switch.active{background:#3b82f6;color:#fff}.btn-switch.active:hover:not(:disabled){background:#2563eb}.config-warning{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#fff7ed;color:#c2410c;border-radius:12px;font-size:.95rem;font-weight:600}.alert-message{padding:16px 24px;border-radius:12px;margin-bottom:30px;display:flex;align-items:center;gap:12px;font-weight:600;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-message.success{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.alert-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;gap:20px}.info-icon{font-size:1.5rem;color:#3b82f6}.info-content h4{margin:0 0 12px;color:#1e293b;font-size:1.1rem}.info-content ul{margin:0;padding-left:20px;color:#64748b}.info-content li{margin-bottom:8px;line-height:1.5}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge.succeeded{background:#dcfce7;color:#166534}.status-badge.failed{background:#fee2e2;color:#991b1b}.mono{font-family:monospace;color:#64748b}.loading-spinner-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:400px;color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:28px;width:95%;max-width:560px;padding:0;box-shadow:0 40px 100px -20px #000c,0 0 0 1px #ffffff08;max-height:85vh;overflow-y:hidden;position:relative;display:flex;flex-direction:column;animation:modalSpringUp .5s cubic-bezier(.175,.885,.32,1.2);color:#f8fafc}@keyframes modalSpringUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 12px;background:transparent;z-index:10;flex-shrink:0}.modal-header h3{margin:0;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.03em}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.form-scroll-area{overflow-y:auto;padding:4px 28px 28px;flex:1}.form-scroll-area::-webkit-scrollbar{width:4px}.form-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.form-scroll-area::-webkit-scrollbar-track{background:transparent}.form-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:20px}.form-scroll-area::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-left:2px}.modal-form input,.modal-form textarea{padding:12px 16px;background:#1e293b!important;border:1px solid #334155!important;border-radius:12px!important;font-size:.95rem!important;color:#fff!important;outline:none!important;transition:all .2s ease!important;width:100%}.modal-form input:focus,.modal-form textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f11a!important;background:#1e293b!important}.modal-form textarea{min-height:110px;resize:none;line-height:1.6}.form-group.checkbox-group{padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:14px;margin-top:0}.form-group.checkbox-group:hover{background:#ffffff0a;border-color:#ffffff1a}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#e2e8f0;margin:0!important;font-size:.9rem}.checkbox-label input[type=checkbox]{width:22px;height:22px;border-radius:8px;accent-color:#6366f1;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px 24px;background:transparent;z-index:10;flex-shrink:0}.modal-actions .btn-cancel{background:transparent;border:none;color:#64748b;font-weight:600;cursor:pointer;padding:10px 16px;border-radius:10px;transition:all .2s;font-size:.9rem}.modal-actions .btn-cancel:hover{color:#fff;background:#ffffff0d}.modal-actions .btn-save{background:#6366f1;color:#fff;font-weight:700;padding:12px 30px;border:none;border-radius:14px;cursor:pointer;box-shadow:0 10px 20px -5px #6366f166;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem}.modal-actions .btn-save:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 15px 30px -5px #6366f180}.modal-actions .btn-save:active{transform:translateY(0)}.pkg-actions-row{display:flex;gap:10px;width:100%}.danger-icon{color:#ef4444!important;border-color:#fecaca!important;padding:8px 12px!important}.adm-cm-overlay{position:fixed;inset:0;background:#020617d6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:adm-cm-fade .18s ease-out}.adm-cm-card{position:relative;background:linear-gradient(160deg,#13172b,#1a1f35);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px 32px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 32px 64px -12px #000c,0 0 0 1px #ffffff0a;animation:adm-cm-spring .32s cubic-bezier(.175,.885,.32,1.18);color:#f8fafc}.adm-cm-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#94a3b8;font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;padding:0}.adm-cm-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.adm-cm-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.85rem;margin-bottom:20px;flex-shrink:0}.adm-cm-icon--danger{background:#ef444424;color:#ef4444;box-shadow:0 0 0 10px #ef44440f,inset 0 1px #ffffff0f}.adm-cm-icon--info{background:#6366f124;color:#818cf8;box-shadow:0 0 0 10px #6366f10f,inset 0 1px #ffffff0f}.adm-cm-title{font-size:1.4rem;font-weight:800;color:#f8fafc;letter-spacing:-.02em;margin:0 0 10px;line-height:1.25}.adm-cm-message{font-size:.925rem;color:#94a3b8;line-height:1.65;margin:0 0 28px;max-width:300px}.adm-cm-actions{display:flex;align-items:center;justify-content:center;gap:12px}.adm-cm-btn-cancel{background:transparent;border:none;color:#64748b;font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;transition:color .18s ease,background .18s ease}.adm-cm-btn-cancel:hover{color:#e2e8f0;background:#ffffff0d}.adm-cm-btn-confirm{font-size:.9rem;font-weight:700;padding:11px 28px;border:none;border-radius:9999px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.adm-cm-btn-confirm--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 20px -4px #ef444473}.adm-cm-btn-confirm--danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 12px 28px -4px #ef44448c;transform:translateY(-1px)}.adm-cm-btn-confirm--info{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 20px -4px #6366f173}.adm-cm-btn-confirm--info:hover{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 12px 28px -4px #6366f18c;transform:translateY(-1px)}.adm-cm-btn-confirm:active{transform:translateY(0)}@keyframes adm-cm-fade{0%{opacity:0}to{opacity:1}}@keyframes adm-cm-spring{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-settings-view{padding-top:10px;max-width:1200px;margin:0 auto}.ai-settings-view .view-header{margin-bottom:40px}.ai-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-bottom:40px;padding:20px 4px 4px}.ai-provider-card{background:#fff;border:2px solid #f1f5f9;border-radius:20px;padding:28px 24px 24px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:visible;height:100%;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;animation:fadeInUp .6s ease-out backwards}.ai-provider-card:nth-child(1){animation-delay:.1s}.ai-provider-card:nth-child(2){animation-delay:.2s}.ai-provider-card:nth-child(3){animation-delay:.3s}.ai-provider-card.active{border:2px solid #10b981;background:linear-gradient(135deg,#fff,#f0fdf9,#ecfdf5);box-shadow:0 8px 24px -6px #10b9814d,0 20px 40px -12px #10b98126,0 0 0 1px #10b9811a,inset 0 1px #fffc;transform:translateY(-3px) scale(1.01)}.ai-provider-card:hover:not(.disabled){transform:translateY(-4px) scale(1.005);box-shadow:0 12px 32px -8px #00000026,0 24px 48px -12px #00000014;border-color:#cbd5e1}.ai-provider-card.disabled{opacity:.6;background:#fafafa;cursor:not-allowed}.active-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 12px #10b98159,0 2px 6px #10b98133;animation:pulse 2s ease-in-out infinite;z-index:10}@keyframes pulse{0%,to{box-shadow:0 4px 12px #10b9814d;transform:scale(1)}50%{box-shadow:0 6px 20px #10b98180;transform:scale(1.03)}}.provider-header{display:flex;align-items:center;gap:18px;margin-bottom:16px}.provider-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.ai-provider-card:hover .provider-icon{transform:scale(1.08) rotate(-2deg)}.provider-icon.openai{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.provider-icon.openrouter{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.provider-icon.gemini{background:linear-gradient(135deg,#1a73e8,#8ab4f8);color:#fff}.provider-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.3}.provider-description{color:#64748b;font-size:.875rem;line-height:1.6;margin:0 0 18px}.provider-config{background:linear-gradient(to bottom,#fafbfc,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;transition:all .2s ease}.provider-config:hover{background:#f8fafc;border-color:#cbd5e1}.provider-config label{display:block;font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.provider-config .model-input{width:100%;padding:11px 13px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;font-family:Courier New,monospace;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:inset 0 1px 2px #0000000a}.provider-config .model-input:hover:not(:disabled){border-color:#cbd5e1}.provider-config .model-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.provider-config .model-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.provider-config .helper-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.85rem;color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.provider-config .helper-link:hover{color:#2563eb;text-decoration:underline}.provider-footer{margin-top:auto;padding-top:18px}.provider-details{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:#64748b;font-size:.85rem;font-weight:500}.detail-row .value{color:#0f172a;font-weight:600;font-size:.9rem}.btn-switch{width:100%;padding:15px 18px;border-radius:13px;border:2px solid #e2e8f0;background:#fff;font-weight:600;cursor:pointer;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:#475569;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 1px 3px #0000000d}.btn-switch:hover:not(:disabled){background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#0f172a;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.btn-switch:active:not(:disabled){transform:translateY(0)}.btn-switch:disabled{cursor:not-allowed;opacity:.5;background:#f8fafc}.btn-switch.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;cursor:default;box-shadow:0 4px 16px #10b9814d}.btn-switch.active:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;transform:none}.config-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;padding:14px 16px;border-radius:12px;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;border:1px solid #fecaca}.ai-info-section{margin-top:40px}.info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:24px;display:flex;gap:20px}.info-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 6px -1px #0000001a}.info-content h4{margin:0 0 12px;color:#0c4a6e;font-size:1.1rem;font-weight:700}.info-content ul{margin:0;padding-left:20px;color:#0369a1}.info-content li{margin-bottom:8px;font-size:.95rem;line-height:1.5}.alert-message{padding:16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:500;animation:slideDown .3s ease-out}.alert-message.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.alert-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.admin-content-grid{grid-template-columns:1fr}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ai-providers-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-header{padding:12px 16px}.logo-text-admin{font-size:1.2rem}.admin-user-info span{display:none}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px;gap:4px;display:flex;flex-wrap:nowrap}.admin-sidebar-footer{display:none}.nav-item{margin:0;width:auto;white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:.85rem}.nav-item.logout{justify-content:flex-start}.admin-main{padding:16px;max-height:none}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.content-card{overflow-x:auto}table{min-width:600px}.header-actions{flex-wrap:wrap;gap:8px}.admin-search{width:100%;min-width:0}.card-header{flex-wrap:wrap;gap:8px}.view-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.packages-grid,.keys-grid{grid-template-columns:1fr;gap:16px}.form-group-row{grid-template-columns:1fr}.modal-content{width:100%;border-radius:20px;max-height:90vh}.adm-cm-card{padding:28px 20px 24px}}@media(max-width:480px){.admin-stats-grid{grid-template-columns:1fr}.admin-stat-value{font-size:1.5rem}.admin-header{padding:10px 12px}.logo-text-admin{font-size:1rem}td.adm-act-cell{min-width:0;padding:8px 10px}.adm-act-group{flex-direction:column;align-items:flex-start}.adm-act-btn{width:100%;justify-content:center}.pkg-header{padding:20px 16px 14px}.pkg-features-container,.pkg-footer{padding:16px}.ai-settings-section .section-header{padding:14px 16px}.api-keys-card{padding:16px}}.error-message{background:#f871711a;border:1px solid var(--error);color:var(--error);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:.875rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle-btn{position:absolute;right:0;top:0;bottom:0;background:transparent;border:none;color:var(--text-secondary);padding:0 1rem;cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:var(--primary-400)}.password-toggle-btn i{font-size:1.125rem}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;padding:0;position:relative;z-index:50;width:260px;flex-shrink:0}.sidebar-header{padding:var(--space-lg) var(--space-lg);margin-bottom:var(--space-xs)}.logo-small{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-sm);color:var(--primary-600);font-weight:700;font-size:1.35rem;font-family:var(--font-display);letter-spacing:-.02em;width:100%}.logo-small span{white-space:nowrap}.logo-small i{color:var(--primary-500);font-size:1.25rem;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--space-sm);overflow-y:auto}.nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:var(--space-md);padding:.6rem .85rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);position:relative;font-weight:500;font-size:.9rem;border:none;min-height:40px}.nav-item i{width:22px;text-align:center;font-size:1rem;opacity:.7;display:inline-flex;align-items:center;justify-content:center}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item:hover i{opacity:1}.nav-item.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}[data-theme=dark] .nav-item.active{background:#ffffff14;color:#fff}.nav-item.active i{color:var(--primary-600);opacity:1}[data-theme=dark] .nav-item.active i{color:var(--primary-400)}.nav-item .badge{margin-left:auto!important;align-self:center!important;background:var(--primary-600);color:#fff;font-size:.65rem;font-weight:600;padding:.1rem .5rem;border-radius:99px;min-width:20px;text-align:center;line-height:normal;display:inline-flex;align-items:center;justify-content:center;position:static!important;transform:none!important}.sidebar-trial-status{padding:var(--space-md);margin:var(--space-sm) var(--space-sm) 0}.trial-badge{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.trial-info{display:flex;justify-content:space-between;align-items:center}.trial-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-600)}.trial-days{font-size:.75rem;font-weight:600;color:var(--text-primary)}.trial-progress{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.trial-progress-bar{height:100%;background:var(--primary-500);border-radius:3px;transition:width .5s ease-out}.trial-upgrade{font-size:.75rem;font-weight:600;color:var(--primary-600);text-decoration:none;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.trial-upgrade:hover{color:var(--primary-700);gap:6px}.pro-badge{display:flex;align-items:center;gap:8px;background:#eab3081a;color:#eab308;padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;border:1px solid rgba(234,179,8,.2)}.pro-badge i{font-size:.9rem}.sidebar-footer{padding:var(--space-md);margin:var(--space-sm) var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}[data-theme=dark] .sidebar-footer{background:var(--bg-elevated)}.user-profile{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-primary)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-600);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;object-fit:cover;flex-shrink:0}.user-info{flex:1;overflow:hidden}.user-name{font-weight:600;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.65rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-actions{display:flex;gap:.5rem}.btn-icon,.btn-logout{height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:.8rem}.btn-icon{width:32px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}[data-theme=dark] .btn-icon{background:var(--bg-tertiary);border-color:var(--border-primary)}.btn-logout{flex:1;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;gap:6px;border:1px solid var(--border-primary)}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-logout:hover{background:#dc26260f;color:#c62828;border-color:#dc262633}[data-theme=dark] .btn-logout:hover{background:#ff50501a;color:#ff6b6b;border-color:#ff505033}.sidebar-mobile-toggle{display:none;position:fixed;top:14px;left:14px;z-index:1100;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.sidebar-mobile-toggle:hover{background:var(--bg-tertiary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:999}@media(max-width:768px){.sidebar-mobile-toggle{display:flex}.sidebar-overlay.visible{display:block}.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:260px;z-index:1000;transition:left var(--transition-base);box-shadow:4px 0 16px #0000001a}.sidebar.mobile-open{left:0}}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:400px;box-shadow:var(--shadow-xl);animation:scaleUp .2s ease-out;text-align:left;position:relative}@keyframes scaleUp{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}.modal-icon-wrapper{width:48px;height:48px;flex-shrink:0;background:#dc262614;border-radius:50%;display:flex;align-items:center;justify-content:center}[data-theme=dark] .modal-icon-wrapper{background:#ef44441a}.modal-icon{font-size:1.5rem;color:var(--error)}.modal-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.2}.modal-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.modal-actions{display:flex;gap:var(--space-md);justify-content:center}.modal-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem;font-size:.875rem}.btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-cancel:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-confirm-danger{background:#c62828;color:#fff;border:none}[data-theme=dark] .btn-confirm-danger{background:#ef4444}.btn-confirm-danger:hover{opacity:.9}.top-navbar{height:72px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:100}.search-container{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:0 var(--space-md);width:400px;height:40px;transition:all var(--transition-fast)}.search-container:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11a}.search-icon{color:var(--text-tertiary);font-size:.9rem;margin-right:var(--space-sm)}.search-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-md)}.btn-navbar-action{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.btn-navbar-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notif-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;background:var(--error);border:2px solid var(--bg-secondary);border-radius:50%}.user-profile-nav{position:relative;margin-left:var(--space-sm)}.btn-profile-trigger{display:flex;align-items:center;gap:var(--space-md);background:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn-profile-trigger:hover{background:var(--bg-tertiary)}.profile-info-nav{display:flex;flex-direction:column;align-items:flex-end}.user-name-nav{font-size:.85rem;font-weight:600;color:var(--text-primary)}.user-plan-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--primary-500);background:#6366f11a;padding:0 4px;border-radius:4px}.nav-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-tertiary)}.nav-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:1rem;border:2px solid var(--bg-tertiary)}.nav-chevron{font-size:.75rem;color:var(--text-tertiary);transition:transform var(--transition-base)}.nav-chevron.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-sm);z-index:1001;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-details{padding:var(--space-md);overflow:hidden}.dropdown-name{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:.8rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:var(--border-primary);margin:var(--space-sm) 0}.dropdown-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{background:#ef44441a}.notifications-nav{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;animation:dropdownFade .2s ease-out;overflow:hidden}.notif-dropdown .dropdown-header{padding:var(--space-md);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.notif-dropdown .dropdown-header h3{font-size:.95rem;font-weight:600}.btn-text{background:transparent;border:none;color:var(--primary-500);font-size:.75rem;font-weight:600;cursor:pointer}.notif-list{max-height:400px;overflow-y:auto}.notif-item{display:flex;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-secondary);transition:all var(--transition-fast);cursor:pointer}.notif-item:hover{background:var(--bg-tertiary)}.notif-item.unread{background:#6366f108}.notif-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem}.notif-icon.sync{background:#10b9811a;color:#10b981}.notif-icon.draft{background:#6366f11a;color:var(--primary-500)}.notif-icon.trial{background:#eab3081a;color:#eab308}.notif-content p{font-size:.85rem;color:var(--text-primary);line-height:1.4;margin-bottom:4px}.notif-time{font-size:.7rem;color:var(--text-tertiary)}.notif-dropdown .dropdown-footer{padding:var(--space-sm);background:var(--bg-tertiary);text-align:center}.btn-full-width{width:100%;background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:var(--space-sm);cursor:pointer}.btn-full-width:hover{color:var(--text-primary)}@media(max-width:768px){.top-navbar{padding:0 var(--space-md) 0 60px;gap:var(--space-sm)}.search-container{flex:1;width:auto;min-width:0}.profile-info-nav{display:none}.notif-dropdown{width:min(320px,calc(100vw - 24px));right:0}.profile-dropdown{width:min(260px,calc(100vw - 24px));right:0}}@media(max-width:480px){.top-navbar{padding:0 var(--space-sm) 0 56px;height:60px;justify-content:flex-end}.search-container{display:none}.navbar-actions{gap:var(--space-xs);margin-left:auto}.btn-navbar-action{width:36px;height:36px;font-size:1rem}.nav-avatar,.nav-avatar-placeholder{width:30px;height:30px}.profile-dropdown{position:fixed;top:60px;right:var(--space-sm);left:var(--space-sm);width:auto;border-radius:var(--radius-lg);z-index:1001;animation:dropdownFade .2s ease-out}.notif-dropdown{position:fixed;top:60px;right:var(--space-sm);left:var(--space-sm);width:auto;z-index:1001;animation:dropdownFade .2s ease-out}}.cm-overlay{position:fixed;inset:0;background:#020617d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:cm-fade-in .18s ease-out}.cm-card{position:relative;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px 32px 32px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 32px 64px -12px #000000b3,0 0 0 1px #ffffff0a;animation:cm-spring-up .32s cubic-bezier(.175,.885,.32,1.18)}.cm-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#94a3b8;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;padding:0}.cm-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.cm-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.85rem;margin-bottom:20px;flex-shrink:0}.cm-icon--danger{background:#ef444424;color:#ef4444;box-shadow:0 0 0 10px #ef44440f,inset 0 1px #ffffff0f}.cm-icon--warning{background:#fbbf2424;color:#fbbf24;box-shadow:0 0 0 10px #fbbf240f,inset 0 1px #ffffff0f}.cm-icon--info{background:#6366f124;color:#818cf8;box-shadow:0 0 0 10px #6366f10f,inset 0 1px #ffffff0f}.cm-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 10px;line-height:1.25}.cm-message{font-size:.925rem;color:var(--text-secondary);line-height:1.65;margin:0 0 28px;max-width:300px}.cm-actions{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.cm-btn-cancel{background:transparent;border:none;color:#64748b;font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;transition:color .18s ease,background .18s ease}.cm-btn-cancel:hover{color:#e2e8f0;background:#ffffff0d}.cm-btn-confirm{font-size:.9rem;font-weight:700;padding:11px 26px;border:none;border-radius:9999px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.cm-btn-confirm--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 20px -4px #ef444473}.cm-btn-confirm--danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 12px 28px -4px #ef44448c;transform:translateY(-1px)}.cm-btn-confirm--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 8px 20px -4px #f59e0b66}.cm-btn-confirm--warning:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 12px 28px -4px #f59e0b80;transform:translateY(-1px)}.cm-btn-confirm--info{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 8px 20px -4px #6366f173}.cm-btn-confirm--info:hover{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 12px 28px -4px #6366f18c;transform:translateY(-1px)}.cm-btn-confirm:active{transform:translateY(0)}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cm-spring-up{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.cal-modal-card{max-width:520px;text-align:left;padding:36px 32px 32px}.cal-modal-form{width:100%;display:flex;flex-direction:column;gap:16px}.cal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cal-form-group{display:flex;flex-direction:column;gap:6px}.cal-form-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cal-form-optional{font-weight:400;text-transform:none;color:#475569;letter-spacing:0}.cal-form-input{padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;color:#f1f5f9;outline:none;transition:border-color .18s ease,box-shadow .18s ease;width:100%;color-scheme:dark}.cal-form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background:#6366f10d}.cal-form-textarea{resize:vertical;min-height:80px;line-height:1.55}.cal-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 12px #ef44444d;border-radius:9999px;padding:11px 26px;font-weight:700;cursor:pointer;transition:all .22s ease}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 8px 20px #ef444466;transform:translateY(-1px)}.category-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl);overflow-x:auto;padding-bottom:var(--space-sm)}.category-tab{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500;font-size:.85rem}.category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tab.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.category-tab i{font-size:1rem}.count-badge{background:#fff3;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.category-tab.active .count-badge{background:#ffffff4d}.thread-card.enhanced{position:relative;padding-left:0;transition:all var(--transition-base)}.thread-priority-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:background var(--transition-base)}.thread-card.enhanced.to_respond .thread-priority-indicator{background:#ef4444}.thread-card.enhanced.fyi .thread-priority-indicator{background:#f97316}.thread-card.enhanced.comment .thread-priority-indicator{background:#eab308}.thread-card.enhanced.notification .thread-priority-indicator{background:#3b82f6}.thread-card.enhanced.meeting_update .thread-priority-indicator{background:#06b6d4}.thread-card.enhanced.awaiting_reply .thread-priority-indicator{background:#6366f1}.thread-card.enhanced.actioned .thread-priority-indicator{background:#22c55e}.thread-card.enhanced.marketing .thread-priority-indicator{background:#ec4899}.thread-card.enhanced.social .thread-priority-indicator{background:#673ab7}.thread-main-content{padding-left:var(--space-lg);flex:1}.thread-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.thread-from{font-weight:600;font-size:.875rem;color:var(--text-primary)}.thread-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base)}.thread-card.enhanced:hover .thread-actions{opacity:1}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-600)}.action-btn.starred{color:var(--warning);border-color:var(--warning)}.action-btn.danger:hover{background:var(--error);border-color:var(--error);color:#fff}.action-btn i{font-size:.875rem}.category-badge{display:inline-block;padding:.125rem .625rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:var(--space-sm)}.category-badge.to_respond{background:#ef44441a;color:#ef4444;border:1px solid #ef4444}.category-badge.fyi{background:#f973161a;color:#f97316;border:1px solid #f97316}.category-badge.comment{background:#eab3081a;color:#eab308;border:1px solid #eab308}.category-badge.notification{background:#3b82f61a;color:#3b82f6;border:1px solid #3b82f6}.category-badge.meeting_update{background:#06b6d41a;color:#06b6d4;border:1px solid #06b6d4}.category-badge.awaiting_reply{background:#6366f11a;color:#6366f1;border:1px solid #6366f1}.category-badge.actioned{background:#22c55e1a;color:#22c55e;border:1px solid #22c55e}.category-badge.marketing{background:#ec48991a;color:#ec4899;border:1px solid #ec4899}.category-badge.social{background:#673ab71a;color:#673ab7;border:1px solid #673ab7}.thread-subject{font-weight:600;font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-xs);display:flex;align-items:center}.thread-snippet{color:var(--text-secondary);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-md)}.thread-meta-info{display:flex;gap:var(--space-lg);font-size:.75rem;color:var(--text-tertiary)}.thread-meta-info i{font-size:.75rem}.view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg);color:var(--text-secondary)}.view-loading i{font-size:3rem;color:var(--primary-500)}@media(max-width:768px){.category-tabs{flex-wrap:nowrap;overflow-x:scroll}.thread-actions{opacity:1}.thread-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.triage-view{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg-primary);padding:1rem;overflow:hidden;position:relative;box-sizing:border-box}.triage-header-bar{width:100%;max-width:600px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:1rem}.triage-header-bar h3{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:600}.triage-progress-pill{background:var(--bg-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.triage-container{position:relative;width:600px;height:70vh;max-height:700px;max-width:100%;perspective:1000px}.triage-card{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary, #1a1f3a);border-radius:16px;box-shadow:0 10px 40px -10px #00000026;border:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:visible;transform-origin:center bottom;transition:box-shadow .3s ease}.triage-card.active{z-index:10;cursor:default}.triage-card.stack-1{z-index:9;transform:scale(.96) translateY(12px);opacity:.8;filter:grayscale(10%);pointer-events:none}.triage-card.stack-2{z-index:8;transform:scale(.92) translateY(24px);opacity:.6;filter:grayscale(20%);pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:var(--bg-secondary)}.card-placeholder-line{height:12px;background:var(--border-primary);border-radius:6px;opacity:.5}.triage-card-top-accent{height:6px;width:100%;font-size:0;border-top-left-radius:15px;border-top-right-radius:15px}.triage-content-wrapper{padding:2rem;flex:1;display:flex;flex-direction:column;overflow-y:hidden}.triage-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.sender-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-400));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 10px #0000001a}.sender-info{flex:1}.triage-sender{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.1rem}.triage-time{font-size:.85rem;color:var(--text-secondary)}.triage-subject{font-size:1.4rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.triage-body{font-size:1rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;overflow-y:auto;flex:1;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}.triage-body-preview{padding:2rem;font-size:1rem;color:var(--text-secondary);opacity:.6}.triage-actions{padding:1.5rem 2rem;border-top:1px solid var(--border-primary);display:flex;justify-content:center;gap:3rem;background:var(--bg-secondary);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.action-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.action-btn{width:64px;height:64px;border-radius:20px;border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);background:var(--bg-secondary);color:var(--text-secondary);box-shadow:0 4px 6px #0000000d}.action-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 15px #0000001a}.action-btn:active{transform:scale(.95)}.btn-archive:hover{background:#dcfce7;color:#16a34a}[data-theme=dark] .btn-archive:hover{background:#14532d;color:#4ade80}.btn-reply:hover{background:#dbeafe;color:#2563eb}[data-theme=dark] .btn-reply:hover{background:#1e3a8a;color:#60a5fa}.btn-skip:hover{background:#f3f4f6;color:#4b5563}[data-theme=dark] .btn-skip:hover{background:#374151;color:#9ca3af}.btn-undo:hover{background:#fef3c7;color:#d97706}[data-theme=dark] .btn-undo:hover{background:#451a03;color:#f59e0b}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#1f2937;color:#f3f4f6;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 6px #0000001a;z-index:100}[data-theme=light] .tooltip{background:#1a202c;color:#fff}.action-wrapper:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.triage-keyboard-hints{margin-top:2rem;display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.85rem}.triage-keyboard-hints kbd{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:0 6px;font-family:monospace;font-weight:600;margin-right:4px;box-shadow:0 1px 0 var(--border-primary)}.triage-empty{text-align:center;max-width:400px;animation:fadeIn .5s ease}.empty-icon-wrapper{font-size:5rem;color:#10b981;margin-bottom:1.5rem;animation:bounceIn .8s cubic-bezier(.175,.885,.32,1.275)}.triage-empty h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.triage-empty p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.triage-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--text-secondary);gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.btn-summarize{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none}.btn-summarize:hover{box-shadow:0 0 15px #a855f766;transform:translateY(-4px) scale(1.05)}.btn-summarize.loading i{animation:spin 1s linear infinite}.action-btn.btn-summarize:disabled{background:var(--bg-secondary);color:var(--text-secondary);opacity:.5;cursor:default;box-shadow:none;transform:none}.ai-summary-block{background:linear-gradient(to right,#a855f71a,#6366f10d);border-left:3px solid #a855f7;padding:1rem;border-radius:8px;font-size:.95rem;color:var(--text-primary);line-height:1.6;margin-bottom:1rem;display:flex;gap:10px;align-items:flex-start;animation:fadeIn .4s ease-out}.ai-summary-block i{color:#a855f7;margin-top:4px;flex-shrink:0}@media(max-width:640px){.triage-header-bar{max-width:100%;padding:0 .5rem}.triage-container{width:100%;max-width:100%;height:65vh}.triage-content-wrapper{padding:1.25rem}.triage-subject{font-size:1.15rem}.triage-actions{gap:1.5rem;padding:1rem 1.25rem}.action-btn{width:52px;height:52px;font-size:1.25rem}.triage-keyboard-hints{display:none}}@media(max-width:400px){.triage-actions{gap:1rem}.action-btn{width:46px;height:46px;font-size:1.1rem;border-radius:14px}.triage-header-bar h3{font-size:1rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(to right,var(--bg-secondary) 8%,var(--bg-tertiary) 18%,var(--bg-secondary) 33%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px}.thread-skeleton{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.skeleton-header-btn{width:120px;height:36px;border-radius:var(--radius-md)}.skeleton-summary-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-2xl)}.skeleton-title{height:32px;width:60%;margin-bottom:var(--space-md)}.skeleton-meta{height:16px;width:20%;margin-bottom:var(--space-xl)}.skeleton-ai-box{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg);height:150px}.skeleton-message-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.skeleton-msg-header{display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.skeleton-avatar-text{width:150px;height:20px;margin-bottom:8px}.skeleton-time{width:100px;height:14px}.skeleton-body-line{height:16px;margin-bottom:8px;width:100%}.skeleton-body-line:last-child{width:80%}.app-container{display:grid;grid-template-columns:280px 1fr;height:100vh;overflow:hidden}.view{animation:fadeIn .3s ease-out}.inbox-view,.thread-view,.drafts-view,.accounts-view,.settings-view{padding:var(--space-lg);max-width:1200px;margin:0 auto}.thread-view{display:flex;flex-direction:column;gap:var(--space-md);width:100%;min-width:0;overflow-x:hidden}.view-header{margin-bottom:var(--space-sm)}.thread-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.thread-summary-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.thread-summary-card h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.3}.thread-meta{color:var(--text-tertiary);font-size:.875rem;margin-bottom:var(--space-lg)}.ai-summary{background:linear-gradient(to right,#7c3aed0d,#4f46e505);border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden}.ai-summary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#7c3aed}.summary-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);color:#7c3aed;font-weight:600;margin-bottom:var(--space-sm);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.summary-title{display:flex;align-items:center;gap:var(--space-sm)}.summary-participants{font-size:.8rem;color:var(--text-tertiary);text-transform:none;font-weight:500}.ai-summary p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}.key-asks{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(124,58,237,.1)}.key-asks strong{display:block;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.9rem}.ask-item{display:flex;gap:var(--space-sm);align-items:flex-start;margin-bottom:var(--space-xs);font-size:.95rem;color:var(--text-secondary)}.ask-item i{color:#10b981;margin-top:4px}.messages-list{display:flex;flex-direction:column;gap:var(--space-md)}.message-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow .2s;min-width:0;overflow:hidden}.message-card:hover{box-shadow:var(--shadow-sm)}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-primary)}.message-sender{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.message-time{font-size:.85rem;color:var(--text-tertiary);margin-top:4px}.message-body{color:var(--text-secondary);line-height:1.5;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:1rem;font-family:inherit}.message-body pre,.message-body table{max-width:100%;overflow-x:auto;display:block}.message-body p,.message-body ul,.message-body ol,.message-body dl,.message-body h1,.message-body h2,.message-body h3,.message-body h4,.message-body h5,.message-body h6,.message-body blockquote{margin-top:0!important;margin-bottom:.8em!important}.message-body div{margin-top:0;margin-bottom:0}.message-body,.message-body *{color:var(--text-primary)!important;background-color:transparent!important;border-color:var(--border-primary)!important}.message-body a{color:var(--primary-500)!important;text-decoration:underline}.message-body a *{color:var(--primary-500)!important}.message-body blockquote{border-left:2px solid var(--border-primary);margin-left:0;padding-left:var(--space-md);color:var(--text-tertiary)!important}.message-body hr{border-color:var(--border-primary)!important;opacity:.3}.message-body img{max-width:100%;height:auto;border-radius:var(--radius-sm);display:block!important;margin:.5em 0}.message-body a{color:var(--primary-500);text-decoration:underline}.draft-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-top:var(--space-lg);border-top:4px solid var(--primary-500);min-width:0}.draft-section h3{font-size:1.5rem;margin-bottom:var(--space-lg);color:var(--text-primary)}.tone-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.tone-selector label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.tone-selector .btn-group{display:flex;gap:10px;flex-wrap:wrap}.tone-selector .btn{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .2s}.tone-selector .btn:hover{background-color:var(--bg-elevated);border-color:var(--border-primary)}.tone-selector .btn.active{background-color:var(--primary-500);color:#fff;border-color:var(--primary-600);font-weight:600;box-shadow:0 2px 4px #6366f14d}.checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-500)}.checkbox-group label{cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.hint{color:var(--text-tertiary);font-size:.75rem;margin-left:var(--space-xs)}.draft-result{margin-top:var(--space-xl);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);animation:slideUp .3s ease-out}.draft-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.draft-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.draft-content textarea{width:100%;box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;transition:border-color .2s}.draft-content textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11a}.receipts-info{margin-top:var(--space-lg);border-top:1px solid var(--border-secondary);padding-top:var(--space-md)}.receipts-info h5{font-size:.9rem;margin-bottom:var(--space-xs);color:var(--text-secondary)}.receipts-info p{font-size:.85rem;color:var(--text-tertiary);margin-bottom:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.inbox-view,.thread-view,.drafts-view,.accounts-view,.settings-view{padding:var(--space-md)}.thread-summary-card{padding:var(--space-lg)}.thread-summary-card h2{font-size:1.2rem}.message-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.draft-section{padding:var(--space-lg)}.draft-section h3{font-size:1.2rem}.draft-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.draft-actions{flex-wrap:wrap;width:100%}.draft-actions .btn{flex:1;justify-content:center}.ai-summary{padding:var(--space-md)}.summary-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media(max-width:480px){.inbox-view,.thread-view,.drafts-view,.accounts-view,.settings-view{padding:var(--space-sm)}.thread-summary-card{padding:var(--space-md);border-radius:var(--radius-lg)}.thread-summary-card h2{font-size:1.05rem}.message-card{padding:var(--space-md)}.message-sender{font-size:.95rem}.tone-selector .btn-group{gap:6px}.tone-selector .btn{padding:6px 12px;font-size:.825rem}.draft-section{padding:var(--space-md);border-radius:var(--radius-lg)}}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.provider-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.provider-card:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.provider-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.provider-logo{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-tertiary)}.provider-logo.google{color:#db4437}.provider-logo.microsoft{color:#0078d4}.provider-info h3{font-size:1.125rem;font-weight:600;margin-bottom:2px}.provider-info p{color:var(--text-secondary);font-size:.875rem}.provider-status{margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:center}.status-badge{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:var(--space-sm)}.status-badge.connected{color:var(--success)}.status-badge.disconnected{color:var(--text-secondary)}.active-connections h2{font-size:1.5rem;margin-bottom:var(--space-lg)}.connections-list{display:flex;flex-direction:column;gap:var(--space-md);max-width:800px}.connection-item{display:flex;align-items:center;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.connection-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-right:var(--space-md);font-size:1.25rem}.connection-icon i.fa-google{color:#db4437}.connection-icon i.fa-microsoft{color:#0078d4}.connection-details{flex:1}.connection-email{font-weight:500;color:var(--text-primary)}.connection-meta{font-size:.75rem;color:var(--text-tertiary)}.btn-danger{color:var(--error)}.btn-danger:hover{background:#f871711a}.syncing-badge{color:var(--info);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(max-width:600px){.accounts-grid{grid-template-columns:1fr}.active-connections h2{font-size:1.2rem}}@media(max-width:480px){.connection-item{flex-wrap:wrap;gap:var(--space-sm)}.connection-details{flex:1 1 auto;min-width:0}.connection-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.categorization-view{max-width:1100px;margin:0 auto;padding:0}.categorization-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.categorization-header h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.btn-update-prefs{background:var(--primary-600);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-update-prefs:hover{background:var(--primary-700)}.categorization-tabs{display:flex;gap:0;margin-bottom:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:4px;width:fit-content}.categorization-tab{background:transparent;border:none;border-radius:var(--radius-sm);padding:.5rem 1.25rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.categorization-tab:hover{color:var(--text-primary)}.categorization-tab.active{background:var(--bg-primary);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}[data-theme=dark] .categorization-tab.active{background:var(--bg-tertiary)}.categorization-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.categorization-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.categorization-existing{max-width:50%}.categorization-card-header{padding:var(--space-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}[data-theme=dark] .categorization-card-header{background:var(--bg-elevated)}.categorization-card-header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.categorization-card-body{padding:0}.category-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast)}.category-row:last-child{border-bottom:none}.category-row:hover{background:var(--bg-tertiary)}[data-theme=dark] .category-row:hover{background:#ffffff05}.category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.category-info{flex:1;display:flex;flex-direction:column;gap:2px}.category-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.category-desc{font-size:.8rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:24px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-600);border-color:var(--primary-600)}[data-theme=dark] .toggle-switch input:checked+.toggle-slider{background-color:var(--primary-600);border-color:var(--primary-600)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.btn-update-prefs.loading{opacity:.7;cursor:not-allowed;position:relative;padding-right:2.5rem}.btn-update-prefs.loading:after{content:"";position:absolute;width:14px;height:14px;top:50%;right:1rem;margin-top:-7px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.cat-header-desc{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0}.btn-outline-primary{background:transparent;color:var(--primary-600);border:1px solid var(--primary-600)!important;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-outline-primary:hover{background:#6366f114;color:var(--primary-500)}.advanced-rules-header{display:flex;justify-content:space-between;align-items:center}.rules-body{padding:var(--space-lg)!important}.rules-hint{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-lg)}.rules-empty-state{text-align:center;padding:3rem var(--space-lg);background:var(--bg-tertiary);border-radius:12px;color:var(--text-tertiary)}.rules-empty-state i{font-size:2rem;margin-bottom:1rem;display:block;opacity:.5}.rules-empty-state p{font-size:.9rem}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-item{display:grid;grid-template-columns:1fr 150px 190px 36px;gap:12px;align-items:end;padding:14px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary)}[data-theme=dark] .rule-item{background:var(--bg-elevated)}.rule-field{display:flex;flex-direction:column;gap:4px}.rule-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.rule-input,.rule-select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);padding:7px 10px;border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;transition:border-color var(--transition-fast)}.rule-input:focus,.rule-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11f}.rule-delete-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:7px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.9rem;align-self:end}.rule-delete-btn:hover{color:#ef4444;background:#ef44441a}.rules-pro-tip{margin-top:1.75rem;padding:1.25rem 1.5rem;background:#3b82f612;border-radius:12px;border:1px solid rgba(59,130,246,.15)}.rules-pro-tip h4{color:#60a5fa;margin-bottom:.5rem;display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700}.rules-pro-tip p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}@media(max-width:768px){.categorization-columns{grid-template-columns:1fr}.categorization-existing{max-width:100%}.categorization-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.categorization-header h1{font-size:1.4rem}.btn-update-prefs{width:100%;text-align:center}.categorization-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.rule-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.rule-item .rule-field:first-child{grid-column:1 / -1}.rule-delete-btn{grid-column:2;justify-self:end}}@media(max-width:480px){.rule-item{grid-template-columns:1fr}.rule-item .rule-field:first-child{grid-column:1}.rule-delete-btn{grid-column:1;justify-self:flex-start;width:100%}.advanced-rules-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.st-loading{display:flex;align-items:center;justify-content:center;gap:12px;height:240px;color:var(--text-tertiary);font-size:.9rem}.st-view{max-width:960px;margin:0 auto;padding-bottom:3rem}.st-header{margin-bottom:1.75rem}.st-header h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin-bottom:4px}.st-header h1 i{color:var(--primary-500);font-size:1.35rem}.st-header p{font-size:.875rem;color:var(--text-secondary)}.st-layout{display:grid;grid-template-columns:190px 1fr;gap:1.5rem;align-items:start}.st-nav{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0}.st-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:inherit}.st-nav-item i{width:18px;text-align:center;font-size:.875rem;opacity:.65;flex-shrink:0}.st-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.st-nav-item:hover i{opacity:1}.st-nav-item.active{background:#6366f11a;color:var(--primary-500);font-weight:600}[data-theme=dark] .st-nav-item.active{background:#6366f124;color:var(--primary-400)}.st-nav-item.active i{color:var(--primary-500);opacity:1}[data-theme=dark] .st-nav-item.active i{color:var(--primary-400)}.st-content{min-width:0}.st-section{animation:st-in .18s ease-out}@keyframes st-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.st-section-head{margin-bottom:1.1rem}.st-section-head h2{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.st-section-head p{font-size:.825rem;color:var(--text-secondary)}.st-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;overflow:hidden;margin-bottom:1rem}.st-card-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:13px 20px 4px}.st-avatar-card{display:flex;align-items:center;gap:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;padding:20px;margin-bottom:1rem}.st-avatar-wrap{position:relative;flex-shrink:0}.st-avatar-img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2.5px solid var(--primary-500);display:block}.st-avatar-placeholder{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--primary-600),#7c3aed);display:flex;align-items:center;justify-content:center;font-size:1.65rem;font-weight:700;color:#fff;border:2.5px solid rgba(99,102,241,.35);-webkit-user-select:none;user-select:none}.st-avatar-edit{position:absolute;bottom:0;right:0;width:26px;height:26px;background:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:all var(--transition-fast)}.st-avatar-edit:hover{transform:scale(1.12);background:var(--primary-500)}.st-avatar-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.st-avatar-email{font-size:.825rem;color:var(--text-secondary);margin-bottom:5px}.st-avatar-since{font-size:.75rem;color:var(--text-tertiary)}.st-field-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:13px 20px;border-bottom:1px solid var(--border-primary)}.st-field-row:last-child{border-bottom:none}.st-field-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);flex-shrink:0;min-width:110px}.st-field-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;font-family:inherit;text-align:right;outline:none}.st-field-input.disabled{color:var(--text-tertiary);cursor:not-allowed}.st-plan-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 0}.st-plan-info{display:flex;align-items:center;gap:10px}.st-plan-badge{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:6px}.st-plan-badge.free{background:#6366f11a;color:var(--primary-500);border:1px solid rgba(99,102,241,.22)}.st-plan-badge.pro{background:#eab3081a;color:#d97706;border:1px solid rgba(234,179,8,.25)}[data-theme=dark] .st-plan-badge.pro{color:#fbbf24}.st-plan-status{font-size:.78rem;color:var(--text-tertiary)}.st-plan-link{font-size:.78rem;font-weight:600;color:var(--primary-500);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap var(--transition-fast)}.st-plan-link:hover{gap:8px}.st-usage-row{padding:12px 20px 16px}.st-usage-labels{display:flex;justify-content:space-between;margin-bottom:6px}.st-usage-value{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.st-usage-bar{height:5px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.st-usage-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),#8b5cf6);border-radius:3px;transition:width .4s ease}.st-select-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 20px;border-bottom:1px solid var(--border-primary)}.st-select-row:last-child{border-bottom:none}.st-select-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.st-row-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.st-row-desc{font-size:.78rem;color:var(--text-tertiary);line-height:1.4}.st-select{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-family:inherit;padding:7px 10px;cursor:pointer;transition:border-color var(--transition-fast);min-width:155px;flex-shrink:0;outline:none}.st-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11f}.st-select:disabled{opacity:.6;cursor:not-allowed}.st-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 20px;border-bottom:1px solid var(--border-primary)}.st-last-row{border-bottom:none}.st-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.st-switch input{opacity:0;width:0;height:0}.st-slider{position:absolute;inset:0;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:24px;transition:all .25s ease;cursor:pointer}.st-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 4px #0000002e}.st-switch input:checked+.st-slider{background:var(--primary-600);border-color:var(--primary-600)}.st-switch input:checked+.st-slider:before{transform:translate(20px)}.st-keyword-row{padding:14px 20px}.st-keyword-row .st-row-label{margin-bottom:2px}.st-row-desc-gap{margin-bottom:10px}.st-keyword-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-family:inherit;padding:9px 14px;outline:none;transition:border-color var(--transition-fast);margin-bottom:10px}.st-keyword-input::placeholder{color:var(--text-tertiary)}.st-keyword-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11f}.st-tags{display:flex;flex-wrap:wrap;gap:6px}.st-tag{display:inline-flex;align-items:center;gap:5px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:var(--primary-400);padding:4px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.st-tag-remove{background:none;border:none;color:var(--primary-400);cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.65;transition:opacity var(--transition-fast)}.st-tag-remove:hover{opacity:1}.st-voice-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.65;padding:6px 20px 12px}.st-voice-textarea{width:100%;background:var(--bg-primary);border:none;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-family:Courier New,monospace;font-size:.825rem;padding:14px 20px;resize:vertical;outline:none;transition:background var(--transition-fast);line-height:1.75;display:block;min-height:180px}.st-voice-textarea::placeholder{color:var(--text-tertiary)}.st-voice-textarea:focus{background:var(--bg-secondary)}.st-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:14px 20px;padding:11px 20px;background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.st-btn-primary:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px)}.st-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.st-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:0 20px 14px;padding:11px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.st-btn-secondary:hover:not(:disabled){background:var(--bg-elevated)}.st-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.st-or-divider{display:flex;align-items:center;gap:.75rem;margin:.25rem 0 .75rem;color:var(--text-tertiary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.st-or-divider:before,.st-or-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}@media(max-width:720px){.st-layout{grid-template-columns:1fr}.st-nav{flex-direction:row;position:static;overflow-x:auto;gap:2px;padding:6px}.st-nav-item{white-space:nowrap;flex-shrink:0;justify-content:center}.st-select-row{flex-direction:column;align-items:flex-start;gap:8px}.st-select{width:100%;min-width:0}.st-field-row{flex-direction:column;align-items:flex-start;gap:4px}.st-field-input{text-align:left;width:100%}.st-plan-row{flex-direction:column;align-items:flex-start;gap:10px}.st-btn-primary,.st-btn-secondary{width:calc(100% - 32px);margin-left:16px;margin-right:16px}}.subscription-view{max-width:1100px;margin:0 auto;padding:24px}.subscription-view.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-muted, #64748b)}.subscription-header{margin-bottom:28px}.subscription-header h1{font-size:28px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 6px}.subscription-header h1 i{color:#f59e0b;margin-right:10px}.subscription-header .subtitle{color:var(--text-muted, #64748b);font-size:15px;margin:0}.status-card{display:flex;align-items:center;gap:20px;padding:24px;border-radius:14px;margin-bottom:20px;border:1px solid var(--border-primary);background:var(--bg-secondary)}.status-card.paid{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#86efac}.status-card.trial{background:linear-gradient(135deg,#eff6ff,#ede9fe);border-color:#c7d2fe}.status-card.expired{background:linear-gradient(135deg,#fef2f2,#fef3c7);border-color:#fca5a5}.status-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;background:#fff9}.status-card.paid .status-icon{color:#10b981}.status-card.trial .status-icon{color:#6366f1}.status-card.expired .status-icon{color:#ef4444}.status-content{flex:1}.status-content h2{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 4px}.status-content p{color:var(--text-muted, #64748b);font-size:14px;margin:0}.status-actions{display:flex;gap:10px;flex-shrink:0}.trial-progress-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:18px 22px;margin-bottom:28px}.trial-progress-bar-bg{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.trial-progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.trial-progress-label{margin-top:10px;font-size:13px;color:var(--text-muted, #64748b);text-align:center}.plans-section h3{font-size:18px;font-weight:700;margin:0 0 18px;color:var(--text-primary, #0f172a)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.plan-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:14px;padding:28px 22px;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.plan-card.popular{border-color:#6366f1;box-shadow:0 4px 16px #6366f11f}.plan-card.current{border-color:#10b981;background:linear-gradient(180deg,#f0fdf4,#fff 60%)}.popular-tag,.current-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.popular-tag{background:#6366f1;color:#fff}.current-tag{background:#10b981;color:#fff}.current-tag i{margin-right:4px}.plan-card h4{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--text-primary, #0f172a)}.plan-price{margin-bottom:8px}.price-num{font-size:32px;font-weight:800;color:var(--text-primary, #0f172a)}.price-unit{font-size:14px;color:var(--text-muted, #64748b);margin-left:4px}.plan-desc{font-size:13px;color:var(--text-muted, #64748b);margin:0 0 18px;min-height:32px}.plan-features{list-style:none;padding:0;margin:0 0 22px;flex:1}.plan-features li{font-size:13px;color:var(--text-secondary, #475569);margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.plan-features li i{color:#10b981;margin-top:3px;flex-shrink:0}.subscription-view .btn-primary,.subscription-view .btn-secondary,.subscription-view .btn-current,.subscription-view .btn-danger-outline{width:100%;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.subscription-view .btn-primary{background:#6366f1;color:#fff}.subscription-view .btn-primary:hover:not(:disabled){background:#4f46e5}.subscription-view .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.subscription-view .btn-secondary:hover:not(:disabled){background:var(--bg-elevated)}.btn-current{background:#d1fae5;color:#065f46;cursor:default}.btn-danger-outline{width:auto;background:transparent;color:#ef4444;border:1px solid #fca5a5}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.status-actions .btn-secondary{width:auto}button:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;color:var(--text-muted, #64748b);padding:40px 20px}.billing-help{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-primary)}.billing-help h4{font-size:14px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #0f172a)}.billing-help p{font-size:13px;color:var(--text-muted, #64748b);margin:0;line-height:1.6}@media(max-width:640px){.subscription-view{padding:16px}.status-card{flex-direction:column;align-items:stretch;text-align:center}.status-icon{margin:0 auto}.status-actions{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.subscription-view{padding:12px}.subscription-header h1{font-size:22px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:22px 16px}.price-num{font-size:26px}.status-actions{flex-direction:column}.status-actions .btn-secondary,.status-actions .btn-primary{width:100%}}[data-theme=dark] .status-card{background:var(--bg-elevated);border-color:#ffffff14}[data-theme=dark] .status-card.paid{background:linear-gradient(135deg,#10b9811a,#0596690f);border-color:#10b98140}[data-theme=dark] .status-card.trial{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border-color:#6366f140}[data-theme=dark] .status-card.expired{background:linear-gradient(135deg,#ef44441a,#f59e0b0f);border-color:#ef444440}[data-theme=dark] .status-icon{background:#ffffff0f}[data-theme=dark] .trial-progress-card{background:var(--bg-elevated);border-color:#ffffff14}[data-theme=dark] .trial-progress-bar-bg{background:#ffffff14}[data-theme=dark] .plan-card{background:var(--bg-elevated);border-color:#ffffff14}[data-theme=dark] .plan-card:hover{box-shadow:0 8px 28px #0006;border-color:#ffffff21}[data-theme=dark] .plan-card.popular{border-color:#6366f173;box-shadow:0 4px 20px #6366f12e}[data-theme=dark] .plan-card.current{background:linear-gradient(180deg,rgba(16,185,129,.1) 0%,var(--bg-elevated) 60%);border-color:#10b9814d}[data-theme=dark] .subscription-view .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:#ffffff1a}[data-theme=dark] .subscription-view .btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:#ffffff26}[data-theme=dark] .btn-current{background:#10b98126;color:#6ee7b7}[data-theme=dark] .btn-danger-outline{color:#f87171;border-color:#ef44444d}[data-theme=dark] .btn-danger-outline:hover:not(:disabled){background:#ef44441a;border-color:#ef444480}[data-theme=dark] .billing-help{background:var(--bg-elevated);border-color:#ffffff14}.drafts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.draft-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;height:250px}.draft-card:hover{background:var(--bg-tertiary);border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.draft-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-md)}.draft-subject{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.draft-status{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.status-generated{background:#6366f11a;color:var(--primary-400)}.status-saved_to_provider{background:#34d3991a;color:var(--success)}.draft-preview{flex:1;color:var(--text-secondary);font-size:.875rem;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-bottom:var(--space-md)}.draft-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-primary);padding-top:var(--space-md)}.draft-meta{display:flex;gap:var(--space-md);font-size:.75rem;color:var(--text-tertiary)}.tone-tag{text-transform:capitalize;display:flex;align-items:center;gap:4px}.btn-icon-danger{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.btn-icon-danger:hover{color:var(--error)}.loading-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}@media(max-width:720px){.drafts-grid{grid-template-columns:1fr}}@media(max-width:480px){.drafts-grid{gap:var(--space-md)}.draft-card{height:auto;min-height:200px}.draft-card-header{flex-wrap:wrap;gap:var(--space-xs)}.draft-subject{max-width:100%;white-space:normal}.draft-footer{flex-wrap:wrap;gap:var(--space-sm)}}.analytics-view{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-out}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.view-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-sm)}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-card.primary .stat-icon-wrapper{background:#6366f11a;color:#6366f1}.stat-card.success .stat-icon-wrapper{background:#10b9811a;color:#10b981}.stat-card.info .stat-icon-wrapper{background:#3b82f61a;color:#3b82f6}.stat-card.warning .stat-icon-wrapper{background:#f59e0b1a;color:#f59e0b}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stat-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.stat-desc{font-size:.8rem;color:var(--text-secondary)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.chart-header{margin-bottom:1.5rem;border-bottom:1px solid var(--border-primary);padding-bottom:1rem}.chart-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.chart-wrapper{width:100%}.chart-visual{width:100%;position:relative;overflow:visible}.chart-svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.5rem}.chart-label{font-size:.75rem;color:var(--text-secondary)}.insight-section{margin-bottom:2rem}.insight-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:3rem;text-align:center}.insight-card h2{font-size:1.5rem;margin-bottom:2rem;color:var(--text-primary)}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.impact-item{display:flex;flex-direction:column;align-items:center;position:relative}.impact-item:not(:last-child):after{content:"";position:absolute;right:-1rem;top:20%;height:60%;width:1px;background:var(--border-primary)}.impact-val{font-size:3rem;font-weight:800;color:var(--primary-500);margin-bottom:.5rem}.impact-lbl{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.analytics-view{padding:1rem}.view-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-header h1{font-size:1.5rem}.charts-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.impact-item:not(:last-child):after{display:none}.impact-val{font-size:2rem}}@media(max-width:560px){.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-value{font-size:1.4rem}.impact-grid{grid-template-columns:1fr;gap:1.5rem}.insight-card{padding:1.5rem 1rem}.insight-card h2{font-size:1.2rem;margin-bottom:1.25rem}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr}}.chart-tooltip{position:absolute;background:#000000d9;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;pointer-events:none;white-space:nowrap;z-index:10;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 6px #0000001a}.tooltip-count{display:block;font-weight:700;font-size:.9rem}.tooltip-date{opacity:.8;font-size:.7rem}.chart-dot{position:absolute;width:12px;height:12px;background:var(--bg-secondary);border:3px solid;border-radius:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;box-shadow:0 0 0 4px #ffffff1a}.chart-triggers{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:20}.chart-trigger{height:100%;flex:1;cursor:crosshair}.contacts-list{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-primary)}.contact-avatar{width:40px;height:40px;background:var(--primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.contact-info{flex:1;overflow:hidden}.contact-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-count{font-weight:700;color:var(--text-primary);text-align:right}.contact-count small{display:block;font-size:.7rem;color:var(--text-secondary);font-weight:400}@media(min-width:1024px){.charts-grid .chart-card:last-child{grid-column:1 / -1}.charts-grid .chart-card:last-child .contacts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}}.contact-item{min-width:0}.cal-view{max-width:860px;margin:0 auto;padding-bottom:3rem}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;gap:1rem}.cal-header-text h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin-bottom:4px}.cal-header-text h1 i{color:var(--primary-500);font-size:1.35rem}.cal-header-text p{font-size:.875rem;color:var(--text-secondary)}.cal-refresh-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.cal-refresh-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.cal-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.cal-refresh-btn.spinning i{animation:cal-spin .8s linear infinite}@keyframes cal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cal-skeleton{display:flex;flex-direction:column;gap:12px}.cal-skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:20px}.cal-skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px}.skel{background:var(--bg-tertiary);border-radius:6px;animation:cal-shimmer 1.5s ease-in-out infinite}.skel-time{width:70px;height:40px;flex-shrink:0;border-radius:8px}.skel-title{height:16px;width:55%}.skel-sub{height:12px;width:30%}@keyframes cal-shimmer{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.cal-empty{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-xl);animation:fadeIn .3s ease-out}.cal-empty-icon{width:72px;height:72px;border-radius:50%;background:#6366f114;border:1.5px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.cal-empty-icon i{font-size:1.75rem;color:var(--primary-500)}.cal-empty h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.cal-empty>p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.25rem}.cal-empty-hint{display:inline-flex;align-items:center;gap:7px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:9px 14px;font-size:.8rem;color:var(--text-tertiary)}.cal-empty-hint i{color:var(--primary-400);flex-shrink:0}.cal-timeline{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .25s ease-out}.cal-date-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.cal-date-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.cal-date-label.today{color:var(--primary-500);background:#6366f114;border:1px solid rgba(99,102,241,.2);padding:3px 10px;border-radius:var(--radius-full)}.cal-event-count{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.cal-events-list{display:flex;flex-direction:column;gap:8px}.cal-event-card{display:flex;align-items:center;gap:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.cal-event-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.cal-event-gmail{border-left:3px solid #ea4335}.cal-event-microsoft{border-left:3px solid #0078d4}.cal-time-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:82px;padding:14px 12px;border-right:1px solid var(--border-primary);flex-shrink:0}.cal-start-time{font-size:1rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.cal-duration{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.cal-content-col{flex:1;padding:14px 16px;min-width:0}.cal-event-subject{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cal-location{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-tertiary)}.cal-location i{font-size:.72rem;color:var(--text-tertiary)}.cal-join-btn{display:inline-flex;align-items:center;gap:5px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:var(--primary-500);padding:3px 10px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.cal-join-btn:hover{background:#6366f12e;color:var(--primary-500)}.cal-join-btn i{font-size:.72rem}.cal-provider-badge{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:var(--radius-md);margin-right:14px;flex-shrink:0;white-space:nowrap}.cal-badge-gmail{background:#ea433514;color:#ea4335;border:1px solid rgba(234,67,53,.2)}.cal-badge-microsoft{background:#0078d414;color:#0078d4;border:1px solid rgba(0,120,212,.2)}[data-theme=dark] .cal-badge-gmail{background:#ea43351f;border-color:#ea433540}[data-theme=dark] .cal-badge-microsoft{background:#0078d41f;border-color:#0078d440}@media(max-width:640px){.cal-event-card{flex-wrap:wrap}.cal-time-col{border-right:none;border-bottom:1px solid var(--border-primary);flex-direction:row;gap:8px;min-width:0;width:100%;justify-content:flex-start;padding:10px 14px}.cal-provider-badge{margin-right:10px;margin-bottom:10px}.cal-header{flex-direction:column;align-items:flex-start}.cal-refresh-btn{width:100%;justify-content:center}}.ast-layout{display:flex;flex-direction:column;height:100%;max-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.ast-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);gap:12px}.ast-header-left{display:flex;align-items:center;gap:14px}.ast-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4338ca);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 14px #6366f159}.ast-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.2}.ast-subtitle{margin:3px 0 0;font-size:.775rem;color:var(--text-secondary)}.ast-header-right{display:flex;align-items:center;gap:10px}.ast-rag-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:20px;background:#6366f11a;color:var(--primary-500);border:1px solid rgba(99,102,241,.22);letter-spacing:.05em;text-transform:uppercase}.ast-clear-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .18s}.ast-clear-btn:hover{background:var(--bg-elevated, #f1f5f9);color:var(--text-primary);border-color:var(--border-primary)}.ast-chat-area{flex:1;overflow-y:auto;padding:28px 10% 16px;display:flex;flex-direction:column;gap:22px;scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.ast-msg{display:flex;gap:14px;animation:ast-fadeup .22s ease both}.ast-msg--user{flex-direction:row-reverse}.ast-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;overflow:hidden}.ast-avatar--ai{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;box-shadow:0 2px 8px #6366f14d}.ast-avatar--user{background:var(--bg-elevated, #e2e8f0);color:var(--text-secondary)}.ast-avatar-img{width:100%;height:100%;object-fit:cover}.ast-avatar-initials{font-size:14px;font-weight:700;color:var(--primary-600, #4f46e5)}.ast-msg-body{display:flex;flex-direction:column;gap:6px;max-width:75%}.ast-msg--user .ast-msg-body{align-items:flex-end}.ast-bubble{font-size:.925rem;line-height:1.72;white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:12px 16px}.ast-bubble--assistant{background:var(--bg-secondary);border:1px solid var(--border-primary);border-top-left-radius:4px;color:var(--text-primary)}.ast-bubble--user{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-top-right-radius:4px;box-shadow:0 3px 14px #6366f152}.ast-bubble--typing{display:flex;align-items:center;gap:5px;padding:16px 18px;min-width:64px}.ast-bubble--typing span{width:7px;height:7px;border-radius:50%;background:var(--text-secondary);display:inline-block;animation:ast-bounce 1.4s infinite ease-in-out both}.ast-bubble--typing span:nth-child(1){animation-delay:-.32s}.ast-bubble--typing span:nth-child(2){animation-delay:-.16s}.ast-bubble--typing span:nth-child(3){animation-delay:0s}.ast-timestamp{font-size:.67rem;color:var(--text-secondary);opacity:.55;padding:0 4px}.ast-sources{display:flex;flex-direction:column;gap:6px;margin-top:2px}.ast-sources-label{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);opacity:.75}.ast-sources-list{display:flex;flex-wrap:wrap;gap:6px}.ast-source-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:all .18s;max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ast-source-chip i{font-size:10px;flex-shrink:0;color:var(--primary-500)}.ast-source-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ast-source-chip:hover{background:var(--bg-secondary);border-color:var(--primary-500);color:var(--text-primary)}.ast-suggestions{flex-shrink:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:4px 10% 18px}.ast-suggestion-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.84rem;text-align:left;cursor:pointer;transition:all .18s;line-height:1.4}.ast-suggestion-btn i{font-size:13px;color:var(--primary-500);flex-shrink:0;width:16px;text-align:center}.ast-suggestion-btn:hover{background:var(--bg-elevated, #f1f5f9);border-color:var(--primary-500);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.ast-input-area{flex-shrink:0;padding:12px 10% 16px;background:var(--bg-primary);border-top:1px solid var(--border-primary)}.ast-input-form{position:relative;display:flex;align-items:flex-end;gap:10px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.ast-input-form:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.ast-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;font-family:inherit;line-height:1.6;resize:none;outline:none;max-height:120px;overflow-y:auto;scrollbar-width:none;padding:2px 0}.ast-input::placeholder{color:var(--text-secondary);opacity:.55}.ast-send-btn{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--primary-600, #4f46e5);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .18s;align-self:flex-end}.ast-send-btn:disabled{background:var(--border-primary);opacity:.45;cursor:not-allowed}.ast-send-btn:hover:not(:disabled){background:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f173}.ast-loader-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-500),transparent);animation:ast-scan 1.5s infinite linear;pointer-events:none}.ast-disclaimer{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;text-align:center;font-size:.68rem;color:var(--text-secondary);margin:8px 0 0;opacity:.6}.ast-disclaimer i{font-size:10px}.ast-disclaimer kbd{display:inline-block;padding:1px 5px;border-radius:4px;background:var(--bg-elevated, rgba(0, 0, 0, .08));border:1px solid var(--border-primary);font-size:.63rem;font-family:monospace;color:var(--text-primary);opacity:.8}@keyframes ast-fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ast-bounce{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1);opacity:1}}@keyframes ast-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-theme=dark] .ast-clear-btn:hover{background:var(--bg-elevated, #334155)}[data-theme=dark] .ast-suggestion-btn:hover{background:var(--bg-elevated, #334155);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .ast-bubble--user{box-shadow:0 3px 14px #6366f138}[data-theme=dark] .ast-source-chip:hover{background:var(--bg-elevated, #334155)}@media(max-width:768px){.ast-chat-area,.ast-suggestions,.ast-input-area{padding-left:16px;padding-right:16px}.ast-msg-body{max-width:90%}.ast-suggestions{grid-template-columns:1fr 1fr}.ast-header{padding:14px 16px}.ast-header-icon{width:38px;height:38px;font-size:15px}}.onboarding-wrapper{display:flex;min-height:100vh;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary)}.onboarding-sidebar{width:220px;padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.onboarding-logo{font-size:1.75rem;font-weight:800;color:var(--primary-600);letter-spacing:-.5px;margin-bottom:48px;font-family:Outfit,Inter,sans-serif}.onboarding-steps{display:flex;flex-direction:column;gap:0;position:relative;padding-left:12px}.onboarding-step-item{display:flex;align-items:center;gap:16px;position:relative;padding:12px 0}.onboarding-step-item:not(:last-child):after{content:"";position:absolute;left:5px;top:36px;bottom:-12px;width:0;border-left:2px dotted #d4d4d4}.onboarding-step-item.completed:not(:last-child):after{border-left-color:#e8503a;border-left-style:solid}.step-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;flex-shrink:0;position:relative;z-index:1;transition:all .3s ease}.onboarding-step-item.active .step-dot{background:var(--primary-600);box-shadow:0 0 0 4px #667eea26}.onboarding-step-item.completed .step-dot{background:var(--primary-600)}.step-label{font-size:.8rem;font-weight:500;color:var(--text-tertiary);white-space:nowrap;transition:color .3s ease}.onboarding-step-item.active .step-label{color:var(--text-primary);font-weight:600}.onboarding-step-item.completed .step-label{color:var(--text-secondary)}.onboarding-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.onboarding-card{background:var(--bg-tertiary);border-radius:16px;padding:48px 56px;max-width:560px;width:100%;box-shadow:0 1px 3px #0000000a}.onboarding-card-wide{max-width:780px}.step-eyebrow{font-size:.8rem;color:#888;margin-bottom:4px;font-weight:400}.step-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.25;font-family:Outfit,Inter,sans-serif}.step-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0 0 32px;line-height:1.5}.provider-icons{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:32px}.provider-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.provider-icon-wrapper img,.provider-icon-wrapper svg{width:64px;height:64px;object-fit:contain}.onboarding-btn-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:var(--primary-600);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;font-family:inherit}.onboarding-btn-primary:hover{background:var(--primary-700)}.onboarding-btn-primary:active{transform:scale(.98)}.onboarding-btn-primary:disabled{background:#999;cursor:not-allowed}.onboarding-btn-primary .btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.onboarding-btn-primary .btn-icon img{width:20px;height:20px}.onboarding-btn-secondary{display:block;width:100%;text-align:center;padding:12px;background:none;border:none;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit;margin-top:8px}.onboarding-btn-secondary:hover{color:#555}.security-footer{text-align:center;margin-top:24px;font-size:.8rem;color:#999}.security-badges{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.security-badge{width:32px;height:32px;background:var(--bg-elevated);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-tertiary)}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header .step-eyebrow{text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:.75rem}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px}.pricing-plan{background:var(--bg-secondary);border-radius:12px;padding:28px 24px;border:1.5px solid var(--border-primary);position:relative;transition:border-color .2s ease}.pricing-plan:hover{border-color:#ccc}.pricing-plan.popular{border-color:var(--primary-600)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-600);color:#fff;font-size:.7rem;font-weight:600;padding:4px 14px;border-radius:20px;white-space:nowrap}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.plan-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.plan-price{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.plan-free{text-align:right}.plan-free-text{font-size:1.1rem;font-weight:700;color:#22c55e}.plan-free-sub{font-size:.75rem;color:#999}.plan-features{list-style:none;padding:0;margin:0 0 24px}.plan-features li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);padding:5px 0}.plan-features li .check-icon{color:#22c55e;font-size:.9rem;flex-shrink:0}.plan-cta{width:100%;padding:12px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.plan-cta-primary{background:var(--primary-600);color:#fff}.plan-cta-primary:hover{background:#333}.plan-cta-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1.5px solid var(--border-primary)}.plan-cta-secondary:hover{background:#e8e5e0}.plan-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.75rem;color:#aaa}.stripe-badge{font-size:.7rem;font-weight:600;color:#777;padding:3px 8px;border:1px solid #ddd;border-radius:4px}.invite-section{margin-bottom:24px}.invite-input-row{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:12px;padding:12px 16px;margin-bottom:8px}.invite-avatar{width:32px;height:32px;background:#e8e6e1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.invite-input-row input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-primary);outline:none;font-family:inherit}.invite-input-row input::placeholder{color:#bbb}.add-another-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 0;font-family:inherit}.add-another-btn:hover{color:#555}.trial-bonus{margin:24px 0}.trial-bonus-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.trial-bonus-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.trial-bonus-subtitle span{color:var(--primary-600);font-weight:600}.trial-slider{position:relative;height:4px;background:#e0e0e0;border-radius:4px;margin:24px 0 8px}.trial-slider-markers{display:flex;justify-content:space-between;position:relative}.trial-marker{width:12px;height:12px;background:#e0e0e0;border-radius:50%;position:relative;top:-8px}.trial-marker.active{background:var(--primary-600)}.trial-labels{display:flex;justify-content:space-between;margin-top:4px}.trial-label{font-size:.75rem;color:#999}.skip-step{display:block;text-align:center;margin-top:12px;color:#999;font-size:.85rem;cursor:pointer;background:none;border:none;width:100%;font-family:inherit;text-decoration:underline;text-underline-offset:3px}.skip-step:hover{color:#666}.inbox-preview-modal{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-primary);margin-bottom:24px}.inbox-preview-dots{display:flex;gap:6px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.inbox-preview-dots span{width:10px;height:10px;border-radius:50%}.inbox-preview-dots span:nth-child(1){background:#f87171}.inbox-preview-dots span:nth-child(2){background:#fbbf24}.inbox-preview-dots span:nth-child(3){background:#34d399}.inbox-preview-body{display:flex}.inbox-preview-categories{padding:16px 20px;border-right:1px solid #f0eeea;min-width:160px}.inbox-category{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;color:#555}.inbox-category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inbox-category-dot.red{background:#f87171}.inbox-category-dot.orange{background:#fb923c}.inbox-category-dot.green{background:#34d399}.inbox-preview-emails{flex:1;padding:8px 0}.inbox-preview-email{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f8f7f5;font-size:.85rem}.inbox-preview-email:last-child{border-bottom:none}.email-checkbox{width:16px;height:16px;border:1.5px solid #ddd;border-radius:3px;flex-shrink:0}.email-sender{font-weight:600;color:var(--text-primary);min-width:100px}.email-tag{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;white-space:nowrap;text-transform:capitalize}.email-tag.to-respond{background:#fee2e2;color:#dc2626}.email-tag.fyi{background:#fef3c7;color:#d97706}.email-tag.notification{background:#d1fae5;color:#059669}.email-subject{color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organized-text{text-align:center;margin-top:24px}.organized-text h3{font-size:1.25rem;font-weight:700;margin:0 0 8px}.organized-text p{font-size:.9rem;color:#777;margin:0 0 24px}@media(max-width:768px){.onboarding-wrapper{flex-direction:column}.onboarding-sidebar{width:100%;flex-direction:row;align-items:center;padding:16px 24px;gap:16px}.onboarding-logo{margin-bottom:0}.onboarding-steps{flex-direction:row;padding-left:0;gap:0}.onboarding-step-item{padding:0 12px}.onboarding-step-item:not(:last-child):after{display:none}.step-label{display:none}.onboarding-main{padding:20px}.onboarding-card{padding:32px 24px}.pricing-grid{grid-template-columns:1fr}.inbox-preview-body{flex-direction:column}.inbox-preview-categories{border-right:none;border-bottom:1px solid #f0eeea;min-width:auto;display:flex;gap:16px;flex-wrap:wrap}}.trial-overlay{position:fixed;inset:0;background:#020617eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:trial-fade .25s ease-out}.trial-card{background:linear-gradient(160deg,#13172b,#1a1f35);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:44px 40px 36px;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 40px 80px -20px #000c,0 0 0 1px #ffffff0a;animation:trial-spring .35s cubic-bezier(.175,.885,.32,1.15)}.trial-icon-wrap{width:80px;height:80px;border-radius:50%;background:#6366f11f;box-shadow:0 0 0 14px #6366f10f,inset 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#818cf8;margin-bottom:24px;animation:pulse-glow 2.4s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 14px #6366f10f}50%{box-shadow:0 0 0 18px #6366f11f}}.trial-title{font-size:1.55rem;font-weight:800;color:#f8fafc;letter-spacing:-.025em;margin:0 0 12px;line-height:1.2}.trial-subtitle{font-size:.9rem;color:#94a3b8;line-height:1.7;margin:0 0 28px;max-width:360px}.trial-features{list-style:none;margin:0 0 32px;width:100%;background:#6366f112;border:1px solid rgba(99,102,241,.15);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;text-align:left}.trial-features li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#cbd5e1;font-weight:500}.trial-features li .fa-check-circle{color:#6366f1;font-size:.8rem;flex-shrink:0}.trial-btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:9999px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 28px -6px #6366f180;transition:all .22s cubic-bezier(.4,0,.2,1);margin-bottom:12px}.trial-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 14px 36px -6px #6366f199;transform:translateY(-2px)}.trial-btn-primary:active{transform:translateY(0)}.trial-btn-primary:disabled{opacity:.7;cursor:not-allowed}.trial-btn-ghost{background:transparent;border:none;color:#64748b;font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:10px;cursor:pointer;transition:color .18s ease,background .18s ease}.trial-btn-ghost:hover{color:#e2e8f0;background:#ffffff0d}@keyframes trial-fade{0%{opacity:0}to{opacity:1}}@keyframes trial-spring{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary-hue: 260;--primary-50: hsl(var(--primary-hue), 100%, 97%);--primary-100: hsl(var(--primary-hue), 95%, 92%);--primary-200: hsl(var(--primary-hue), 94%, 84%);--primary-300: hsl(var(--primary-hue), 94%, 72%);--primary-400: hsl(var(--primary-hue), 91%, 63%);--primary-500: hsl(var(--primary-hue), 84%, 58%);--primary-600: hsl(var(--primary-hue), 72%, 52%);--primary-700: hsl(var(--primary-hue), 64%, 44%);--primary-800: hsl(var(--primary-hue), 64%, 37%);--primary-900: hsl(var(--primary-hue), 61%, 30%);--bg-primary: #faf7f4;--bg-secondary: #ffffff;--bg-tertiary: #f5f1ed;--bg-elevated: #efe9e3;--bg-glass: rgba(255, 255, 255, .9);--text-primary: #1a1a1a;--text-secondary: #5f6368;--text-tertiary: #9aa0a6;--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .04);--success: #2e7d32;--warning: #e65100;--error: #c62828;--info: #1565c0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", var(--font-sans);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0a0b0f;--bg-secondary: #13141a;--bg-tertiary: #1c1d26;--bg-elevated: #24252f;--bg-glass: rgba(28, 29, 38, .7);--text-primary: #f5f5f7;--text-secondary: #a0a0ab;--text-tertiary: #6e6e78;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .05);--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app-container{background:var(--bg-primary);height:100vh;width:100vw;overflow:hidden}.main-content{background:var(--bg-primary);flex:1;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.loading-screen{position:fixed;inset:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:9999;opacity:1;transition:opacity var(--transition-slow)}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen{display:none}.screen.active{display:block}.auth-container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:0}.auth-hero{background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-600) 100%);padding:var(--space-2xl);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.logo-container{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);position:relative}.logo-icon{font-size:2.5rem;color:#fff}.logo-text{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.tagline{font-size:1.5rem;color:#ffffffe6;margin-bottom:var(--space-2xl);max-width:500px}.feature-highlights{display:flex;flex-direction:column;gap:var(--space-md)}.feature-badge{display:flex;align-items:center;gap:var(--space-md);background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;font-weight:500;transition:all var(--transition-base)}.feature-badge:hover{background:#ffffff26;transform:translate(5px)}.feature-badge i{font-size:1.25rem}.auth-form-container{background:var(--bg-secondary);padding:var(--space-2xl);display:flex;align-items:center;justify-content:center}.auth-form{width:100%;max-width:400px;display:none}.auth-form.active{display:block;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:var(--space-sm)}.form-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl)}.form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select,.form-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-block{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-group{display:flex;gap:var(--space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-footer{margin-top:var(--space-lg);text-align:center;color:var(--text-secondary)}.form-footer a{color:var(--primary-400);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.form-footer a:hover{color:var(--primary-300)}.app-container{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.view{display:none;animation:fadeIn .3s ease-out}.view.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-2xl);width:100%}.view-header>div:first-child{flex:1;min-width:0}.view-header>.btn,.view-header>button{flex-shrink:0;white-space:nowrap;width:auto}.view-header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-xs)}.subtitle{color:var(--text-secondary);font-size:1rem}.threads-container{position:relative}.threads-list{display:grid;gap:var(--space-md)}.thread-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.thread-card:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.thread-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-sm)}.thread-subject{font-weight:600;font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.thread-snippet{color:var(--text-secondary);font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-meta-info{display:flex;gap:var(--space-md);margin-top:var(--space-md);font-size:.75rem;color:var(--text-tertiary)}.thread-meta-info span{display:flex;align-items:center;gap:var(--space-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--text-secondary);min-height:400px}.empty-state>i{font-size:4rem;margin-bottom:var(--space-lg);opacity:.3}.empty-state h3{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.thread-detail{max-width:900px;margin:0 auto}.thread-summary-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.thread-summary-card h2{font-size:1.75rem;margin-bottom:var(--space-md)}.thread-meta{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);color:var(--text-secondary);font-size:.875rem}.ai-summary{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--space-lg)}.summary-header{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--primary-400);margin-bottom:var(--space-md)}.summary-header i{font-size:1.25rem}#summary-text{margin-bottom:var(--space-md);line-height:1.7}.key-asks{display:flex;flex-direction:column;gap:var(--space-sm)}.ask-item{display:flex;align-items:start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-md)}.ask-item i{color:var(--primary-400);margin-top:4px}.messages-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.message-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-secondary)}.message-sender{font-weight:600;color:var(--text-primary)}.message-time{font-size:.875rem;color:var(--text-tertiary)}.message-body{color:var(--text-secondary);line-height:1.7;white-space:pre-wrap}.draft-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl)}.draft-section h3{font-size:1.5rem;margin-bottom:var(--space-lg)}.draft-controls{display:flex;flex-direction:column;gap:var(--space-lg)}.tone-selector label{display:block;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-secondary)}.tone-btn.active{background:var(--primary-600);color:#fff}.checkbox-group{display:flex;align-items:center;gap:var(--space-md)}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-500);cursor:pointer}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.hint{font-size:.875rem;color:var(--text-tertiary);margin-left:var(--space-xs)}.draft-result{margin-top:var(--space-2xl);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.draft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.draft-header h4{font-size:1.125rem}.draft-actions{display:flex;gap:var(--space-sm)}.draft-content textarea{width:100%;min-height:200px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.7;resize:vertical}.settings-container{max-width:700px;display:flex;flex-direction:column;gap:var(--space-2xl)}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl)}.settings-section h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-lg)}.subscription-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.plan-info h4{font-size:1.125rem;margin-bottom:var(--space-xs);color:var(--primary-400)}.usage-bar{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin:var(--space-md) 0}.usage-progress{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:var(--radius-full);transition:width var(--transition-slow)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);min-width:300px;display:flex;align-items:center;gap:var(--space-md);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.info{border-left:4px solid var(--info)}@media(max-width:1024px){.main-content{padding:var(--space-lg)}}@media(max-width:768px){.auth-container{grid-template-columns:1fr}.auth-hero{display:none}.app-container{grid-template-columns:1fr}.main-content{width:100%;padding:0}.toast-container{top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);align-items:stretch}.toast{min-width:0;width:100%}.view-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.view-header>.btn,.view-header>button{width:100%;justify-content:center}}@media(max-width:480px){.view-header h1{font-size:1.4rem}.subtitle{font-size:.875rem}.thread-summary-card{padding:var(--space-lg)}.thread-summary-card h2{font-size:1.25rem}.thread-meta{flex-direction:column;gap:var(--space-xs)}}.hidden{display:none!important}.text-center{text-align:center}.mt-1{margin-top:var(--space-md)}.mb-1{margin-bottom:var(--space-md)}.landing-page{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .landing-page{background:linear-gradient(135deg,#0a0b0f,#13141a)}.hero-section:before{background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 70%)}[data-theme=dark] .hero-section:before{background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%)}.gradient-text,.pricing-hero h1,.blog-hero h1,.security-hero h1,.contact-hero h1{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .gradient-text,[data-theme=dark] .pricing-hero h1,[data-theme=dark] .blog-hero h1,[data-theme=dark] .security-hero h1,[data-theme=dark] .contact-hero h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle,.section-subtitle,.price-description,.testimonial-author p,.info-card p,.form-subtitle{color:var(--text-secondary)}.cta-subtext,.trusted-text,.step p,.feature-card p{color:var(--text-tertiary)}.floating-card,.feature-card,.pricing-card,.testimonial-card,.info-card,.contact-form-container,.pricing-plan-card,.blog-card,.cert-card,.faq-item,.resource-card{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.floating-card:hover,.feature-card:hover,.pricing-card:hover,.testimonial-card:hover,.info-card:hover,.pricing-plan-card:hover,.blog-card:hover,.cert-card:hover,.faq-item:hover,.resource-card:hover{box-shadow:var(--shadow-md)}.pricing-card.featured,.pricing-plan-card.featured{background:var(--bg-secondary);border:2px solid var(--primary-600)}.card-text strong,.feature-card h3,.pricing-card h3,.step h4,.how-it-works h2,.pricing-preview h2,.testimonials h2,.security-section h2,.final-cta h2,h1,h2,h3,h4{color:var(--text-primary)}.price,.price-amount{color:var(--text-primary)!important}.price span,.price-period,.plan-description{color:var(--text-secondary)!important}.card-text p,.testimonial-text,.features-list li,.plan-features li{color:var(--text-primary)}.cta-button.secondary,.btn-login{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.cta-button.secondary:hover,.btn-login:hover{background:var(--bg-elevated)}.navbar{background:#faf7f4f2;border-bottom:1px solid var(--border-primary)}[data-theme=dark] .navbar{background:#0a0b0ff2;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-brand,.nav-link,.theme-toggle{color:var(--text-primary)}.nav-link:hover,.nav-link.active{color:var(--primary-600)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-primary)}.theme-toggle:hover{background:var(--bg-elevated)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=dark] .footer{background:#0a0b0f}.footer-section h4{color:var(--text-primary)}.footer-section a{color:var(--text-secondary)}.footer-section a:hover{color:var(--primary-600)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-600);background:var(--bg-secondary);box-shadow:0 0 0 3px #667eea14}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.pricing-page,.blog-page,.security-page,.contact-page{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .pricing-page,[data-theme=dark] .blog-page,[data-theme=dark] .security-page,[data-theme=dark] .contact-page{background:#0a0b0f}.features-section,.pricing-preview,.security-section,.faq-section,.data-processing{background:var(--bg-tertiary)}[data-theme=dark] .features-section,[data-theme=dark] .pricing-preview,[data-theme=dark] .security-section,[data-theme=dark] .faq-section,[data-theme=dark] .data-processing{background:#ffffff05}.final-cta,.contact-cta,.pricing-footer-cta,.blog-newsletter,.security-cta{background:var(--bg-tertiary)}.filter-button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary)}.filter-button:hover{background:var(--bg-tertiary)}.newsletter-form input{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.plan-cta,.pricing-cta{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.plan-cta:hover,.pricing-cta:hover{background:var(--bg-elevated)}.data-info{background:var(--bg-secondary);border:1px solid var(--border-primary)}.data-list li,.feature-content ul li{color:var(--text-primary)}@media(max-width:768px){.navbar-links{background:var(--bg-secondary);border-top:1px solid var(--border-primary)}[data-theme=dark] .navbar-links{background:#13141a}}