*{box-sizing:border-box;margin:0;padding:0}body{direction:rtl;background-color:#f0f4f8;min-height:100vh;font-family:Cairo,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0e4c5f;border-radius:4px}.header{color:#fff;z-index:50;background-color:#0e4c5f;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.logo-section{align-items:center;gap:.75rem;display:flex}.header-logo-img{object-fit:contain;width:auto;height:2.5rem}.logo-wrapper{position:relative}.logo-box{background:linear-gradient(to bottom right,#60a5fa,#5eead4);border-radius:.5rem;justify-content:center;align-items:center;min-width:3rem;height:2rem;padding:0 .75rem;display:flex}.logo-letter{color:#0e4c5f;font-size:.95rem;font-weight:700}.logo-pulse{background-color:#fbbf24;border-radius:50%;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:-.25rem;right:-.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.logo-text{letter-spacing:.025em;color:#fff;font-size:1.5rem;font-weight:700}.logo-section a{text-decoration:none!important}.logo-section a:hover,.logo-section a:active,.logo-section a:visited,.logo-section a:focus{color:inherit!important;text-decoration:none!important}.logo-highlight{color:#d4af37}.nav-menu{color:#d1d5db;align-items:center;gap:2rem;font-size:.875rem;font-weight:500;display:none}.nav-link{color:#d1d5db;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.header-actions{align-items:center;gap:1rem;display:flex}.login-button{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 6px #d4af374d}.login-button:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-2px);box-shadow:0 6px 12px #d4af3766}.dashboard-button-header{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 6px #d4af374d}.dashboard-button-header:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-2px);box-shadow:0 6px 12px #d4af3766}.logout-button-header{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.logout-button-header:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.lang-button{color:#d1d5db;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex}.lang-button:hover{color:#fff}@media (min-width:768px){.header{padding:1rem 4rem}.nav-menu{display:flex}}.hero-section{padding:4rem 1.5rem 8rem;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr;align-items:center;gap:3rem;max-width:80rem;margin:0 auto;display:grid}.hero-content{z-index:10;flex-direction:column;order:2;gap:1.5rem;display:flex}.hero-badge{color:#0e4c5f;background-color:#ccfbf1;border-radius:9999px;align-self:flex-start;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.hero-title{color:#0e4c5f;font-size:2.25rem;font-weight:900;line-height:1.1}.hero-title-highlight{color:#5f9ea0}.hero-description{color:#4b5563;max-width:32rem;font-size:1.125rem;line-height:1.75}.hero-buttons{flex-wrap:wrap;align-items:center;gap:1rem;padding-top:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#d4af37;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:Cairo,sans-serif;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 15px -3px #0000001a}.btn-primary:hover{background-color:#b5952f;transform:translateY(-.25rem)}.btn-secondary{color:#0e4c5f;cursor:pointer;background:0 0;border:2px solid #0e4c5f;border-radius:.5rem;padding:.75rem 2rem;font-family:Cairo,sans-serif;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{color:#fff;background-color:#0e4c5f}.hero-trust{color:#0e4c5f;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.875rem;font-weight:600;display:flex}.trust-icon{color:#fff;background-color:#0e4c5f;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem;display:flex}.hero-illustration{order:1;justify-content:center;display:flex;position:relative}.bg-blob-1{filter:blur(60px);opacity:.5;background-color:#ccfbf1;border-radius:50%;width:18rem;height:18rem;animation:3s ease-in-out infinite pulse;position:absolute;top:0;left:2.5rem}.bg-blob-2{filter:blur(60px);opacity:.5;background-color:#dbeafe;border-radius:50%;width:16rem;height:16rem;position:absolute;bottom:0;right:2.5rem}.email-container{width:20rem;height:24rem;transition:transform .5s;position:relative}.email-container:hover{transform:scale(1.05)}.main-email-card{z-index:10;background-color:#fff;border:2px solid #e5e7eb;border-radius:1rem;width:16rem;padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px -10px #0003}.email-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.email-avatar{background:linear-gradient(135deg,#0e4c5f,#5f9ea0);border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.email-lines{flex-direction:column;flex:1;gap:.375rem;display:flex}.email-line{background-color:#e5e7eb;border-radius:.25rem;width:100%;height:.5rem}.email-line.short{width:60%}.email-body{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.body-line{background-color:#f3f4f6;border-radius:.25rem;width:100%;height:.375rem}.body-line.short{width:80%}.email-footer{gap:.5rem;display:flex}.email-tag{color:#0e4c5f;background-color:#dbeafe;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.envelope{width:5rem;height:auto;animation:4s ease-in-out infinite float;position:absolute}.envelope-1{animation-delay:0s;top:10%;right:-2rem}.envelope-2{opacity:.8;animation-delay:1s;top:60%;left:-2.5rem}.envelope-3{opacity:.9;animation-delay:2s;bottom:15%;right:-1.5rem}@keyframes float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-20px)rotate(5deg)}}.envelope-svg{filter:drop-shadow(0 4px 6px #0000001a)}.ai-badge{color:#fff;z-index:20;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1rem;animation:3s ease-in-out infinite pulse;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #d4af3766}.ai-text{font-size:1rem;font-weight:700}.sort-lines{background-color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;animation:2s ease-in-out infinite slideIn;display:flex;position:absolute;bottom:10%;left:-3rem;box-shadow:0 4px 12px #0000001a}@keyframes slideIn{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.sort-arrow{color:#14b8a6;font-size:1.5rem;font-weight:700}.sort-box{flex-direction:column;gap:.25rem;display:flex}.mini-line{background-color:#d1d5db;border-radius:.125rem;width:2rem;height:.25rem}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media (min-width:768px){.hero-section{padding:4rem 4rem 8rem}.hero-title{font-size:3.75rem}.hero-description{font-size:1.25rem}}@media (min-width:1024px){.hero-container{grid-template-columns:1fr 1fr}.hero-content{order:1}.hero-illustration{order:2}}.features-section{z-index:20;margin-top:-6rem;margin-bottom:6rem;padding:0 1.5rem;position:relative}.features-container{grid-template-columns:1fr;gap:2rem;max-width:80rem;margin:0 auto;display:grid}.feature-card{cursor:pointer;background-color:#fff;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 20px 25px -5px #0000001a}.feature-card:hover,.feature-card.active{border-top:4px solid #0e4c5f;transform:translateY(-1rem)}.feature-icon{color:#0e4c5f;background-color:#f0fdfa;border-radius:.75rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;display:flex}.feature-title{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-description{color:#6b7280;font-size:.875rem;line-height:1.625}@media (min-width:768px){.features-section{padding:0 4rem}.features-container{grid-template-columns:repeat(3,1fr)}}.process-section{background-color:#fff;padding:5rem 1.5rem;position:relative;overflow:hidden}.process-container{max-width:80rem;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{color:#0e4c5f;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.section-divider{background-color:#d4af37;border-radius:9999px;width:5rem;height:.25rem;margin:0 auto}.process-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}.testimonials{flex-direction:column;gap:2rem;display:flex}.testimonial{align-items:flex-start;gap:1.5rem;display:flex}.testimonial-avatar{background-color:#e5e7eb;border-radius:50%;flex-shrink:0;width:4rem;height:4rem;position:relative;overflow:hidden}.avatar-1{border:2px solid #d4af37}.avatar-2{border:2px solid #14b8a6}.avatar-svg{background-color:#fcece0;width:100%;height:100%}.testimonial-content{flex:1}.testimonial-name{color:#0e4c5f;font-size:1.125rem;font-weight:700}.testimonial-position{color:#9ca3af;margin-bottom:.5rem;font-size:.875rem}.testimonial-text{color:#4b5563;font-size:.875rem;font-style:italic;line-height:1.625}.testimonial-rating{gap:.25rem;margin-top:.5rem;display:flex}.rating-dot{background-color:#d4af37;border-radius:50%;width:.5rem;height:.5rem}.testimonial-divider{background-color:#f3f4f6;width:100%;height:1px}.process-flow{position:relative}.process-title{color:#0e4c5f;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.process-steps{flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.connecting-line{display:none}.process-step{z-index:10;background-color:#fff;flex-direction:column;align-items:center;padding:1rem;display:flex}.step-icon{color:#0e4c5f;background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.75rem;display:flex}.step-label{color:#374151;font-weight:700}.step-arrow{color:#99f6e4;display:none}.process-note{text-align:center;color:#9ca3af;margin-top:2rem;font-size:.875rem}@media (min-width:768px){.process-section{padding:5rem 4rem}.process-steps{flex-direction:row;justify-content:space-between}.connecting-line{z-index:-10;background-color:#99f6e4;height:.125rem;display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.step-arrow{display:block}}@media (min-width:1024px){.process-grid{grid-template-columns:1fr 1fr}.process-title{text-align:right}}.footer{color:#fff;background-color:#0e4c5f;padding:4rem 1.5rem 2rem}.footer-container{grid-template-columns:1fr;gap:3rem;max-width:80rem;margin:0 auto 3rem;display:grid}.footer-about{grid-column:span 1}.footer-logo{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.footer-logo-box{background-color:#fff;border-radius:.5rem;justify-content:center;align-items:center;min-width:3rem;height:2rem;padding:0 .75rem;display:flex}.footer-logo-letter{color:#0e4c5f;font-size:.95rem;font-weight:700}.footer-logo-text{font-size:1.5rem;font-weight:700}.footer-description{color:#ccfbf1;max-width:24rem;line-height:1.625}.footer-heading{border-bottom:1px solid #115e59;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:700;display:inline-block}.footer-list{color:#ccfbf1;flex-direction:column;gap:.75rem;font-size:.875rem;list-style:none;display:flex}.footer-link{color:#ccfbf1;text-decoration:none;transition:all .2s;display:inline-block}.footer-link:hover{color:#fff;transform:translate(.25rem)}.social-icons{gap:1rem;margin-bottom:1.5rem;display:flex}.social-icon{cursor:pointer;background-color:#115e59;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.social-icon:hover{color:#0e4c5f;background-color:#fff}.footer-email{color:#99f6e4;font-size:.875rem}.footer-bottom{text-align:center;color:#5eead4;border-top:1px solid #115e59;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;font-size:.875rem;display:flex}.footer-legal{gap:1rem;display:flex}@media (min-width:768px){.footer{padding:4rem 4rem 2rem}.footer-container{grid-template-columns:2fr 1fr 1fr}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.footer-container{grid-template-columns:2fr 1fr 1fr 1fr}.footer-about{grid-column:span 1}}.about-hero{background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);padding:6rem 1.5rem 4rem;position:relative;overflow:hidden}.about-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.about-hero-container{text-align:center;z-index:10;max-width:50rem;margin:0 auto;position:relative}.about-hero-title{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.2}.about-hero-text{color:#ccfbf1;font-size:1.125rem;line-height:1.8}.about-intro{background-color:#fff;padding:5rem 1.5rem}.about-intro-container{grid-template-columns:1fr;align-items:center;gap:3rem;max-width:80rem;margin:0 auto;display:grid}.section-title-main{color:#0e4c5f;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900}.intro-text{color:#4b5563;font-size:1.25rem;line-height:1.8}.intro-visual{justify-content:center;align-items:center;min-height:20rem;padding:2rem;display:flex;position:relative}.email-stack{width:100%;max-width:20rem;height:18rem;position:relative}.stack-card{background:#fff;border-radius:.75rem;width:16rem;height:6rem;padding:1rem;transition:all .5s;position:absolute;box-shadow:0 4px 15px #0000001a}.stack-card:hover{transform:translateY(-.5rem)scale(1.02);box-shadow:0 8px 25px #00000026}.card-1{z-index:3;background:linear-gradient(135deg,#f0fdfa,#fff);border:2px solid #5f9ea0;animation:2s ease-in-out infinite cardSlide;top:0;left:0}.card-2{z-index:2;background:linear-gradient(135deg,#fef3c7,#fff);border:2px solid #d4af37;animation:2s ease-in-out .3s infinite cardSlide;top:5rem;left:2rem}.card-3{z-index:1;background:linear-gradient(135deg,#dbeafe,#fff);border:2px solid #0e4c5f;animation:2s ease-in-out .6s infinite cardSlide;top:10rem;left:4rem}@keyframes cardSlide{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.card-header{align-items:center;gap:.75rem;display:flex}.card-dot{background:linear-gradient(135deg,#0e4c5f,#5f9ea0);border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.card-lines{flex-direction:column;flex:1;gap:.5rem;display:flex}.card-line{background-color:#e5e7eb;border-radius:.25rem;width:100%;height:.5rem}.card-line.short{width:60%}.stack-ai-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:-1rem;right:-1rem;box-shadow:0 8px 20px #d4af3766}.stack-arrow{color:#14b8a6;animation:1.5s ease-in-out infinite arrowPulse;position:absolute;bottom:2rem;right:-3rem}@keyframes arrowPulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(10px)}}.values-section{background-color:#f0f4f8;padding:5rem 1.5rem}.values-container{max-width:80rem;margin:0 auto}.section-title-center{color:#0e4c5f;text-align:center;margin-bottom:1rem;font-size:2.25rem;font-weight:900}.section-subtitle{color:#6b7280;text-align:center;max-width:48rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.values-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}.value-card{background-color:#fff;border-left:4px solid #0000;border-radius:1rem;padding:2.5rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.value-card:hover{border-left-color:#d4af37;transform:translateY(-.5rem);box-shadow:0 12px 30px #00000026}.value-icon{margin-bottom:1rem;font-size:3rem}.value-title{color:#0e4c5f;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.value-description{color:#6b7280;font-size:1rem;line-height:1.7}.story-section{background-color:#fff;padding:5rem 1.5rem}.story-container{max-width:50rem;margin:0 auto}.story-title{color:#0e4c5f;margin-bottom:1.5rem;font-size:2rem;font-weight:900}.story-line{background:linear-gradient(90deg,#d4af37,#f59e0b);border-radius:2px;width:5rem;height:.25rem;margin-bottom:2rem}.story-text{color:#4b5563;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.story-text strong{color:#0e4c5f;font-weight:700}.audience-section{background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);padding:5rem 1.5rem;position:relative}.audience-container{max-width:80rem;margin:0 auto}.audience-section .section-title-center{color:#fff}.section-subtitle-white{color:#fff;text-align:center;margin-bottom:3rem;font-size:1.125rem;font-weight:500}.audience-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}.audience-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:1rem;padding:2.5rem;transition:all .3s}.audience-card:hover{background-color:#fff;transform:translateY(-.5rem);box-shadow:0 12px 30px #0003}.audience-emoji{margin-bottom:1rem;font-size:3.5rem}.audience-title{color:#0e4c5f;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.audience-description{color:#6b7280;font-size:1rem;line-height:1.7}.cta-section{text-align:center;background-color:#fff;padding:6rem 1.5rem}.cta-container{max-width:48rem;margin:0 auto}.cta-title{color:#0e4c5f;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900}.cta-text{color:#6b7280;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.8}.btn-large{padding:1rem 2.5rem;font-size:1.125rem}.nav-link.active{color:#fff;position:relative}.nav-link.active:after{content:"";background-color:#d4af37;height:2px;position:absolute;bottom:-.5rem;left:0;right:0}@media (min-width:768px){.about-hero{padding:8rem 4rem 6rem}.about-hero-title{font-size:3.5rem}.about-intro,.values-section{padding:6rem 4rem}.values-grid{grid-template-columns:repeat(3,1fr)}.story-section,.audience-section{padding:6rem 4rem}.audience-grid{grid-template-columns:repeat(3,1fr)}.cta-section{padding:8rem 4rem}.email-stack{max-width:24rem}.stack-card{width:20rem;height:7rem}.card-2{top:5.5rem}.card-3{top:11rem}}@media (min-width:1024px){.about-intro-container{grid-template-columns:1fr 1fr}}.services-hero{background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);padding:6rem 1.5rem 4rem;position:relative;overflow:hidden}.services-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.services-hero-container{text-align:center;z-index:10;max-width:50rem;margin:0 auto;position:relative}.services-hero-title{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.2}.services-hero-text{color:#ccfbf1;font-size:1.125rem;line-height:1.8}.core-features{background-color:#fff;padding:5rem 1.5rem}.core-features-container{max-width:80rem;margin:0 auto}.features-list{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}.feature-item{background-color:#f0f4f8;border-radius:1rem;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.feature-item:hover{background-color:#e0f2fe;transform:translate(-.5rem)}.feature-item-icon{color:#fff;background:linear-gradient(135deg,#0e4c5f,#5f9ea0);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.feature-item-content{flex:1}.feature-item-title{color:#0e4c5f;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.feature-item-desc{color:#6b7280;font-size:1rem;line-height:1.6}.pricing-section{background-color:#f0f4f8;padding:5rem 1.5rem}.pricing-container{max-width:80rem;margin:0 auto}.pricing-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}.pricing-card{background-color:#fff;border:2px solid #0000;border-radius:1.5rem;padding:2.5rem;transition:all .3s;position:relative;box-shadow:0 4px 20px #00000014}.pricing-card:hover{transform:translateY(-.5rem);box-shadow:0 12px 30px #00000026}.pricing-card.popular{border-color:#d4af37;box-shadow:0 8px 30px #d4af374d}.popular-badge{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:2rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;position:absolute;top:-.75rem;right:2rem;box-shadow:0 4px 15px #d4af3766}.pricing-header{text-align:center;margin-bottom:1.5rem}.pricing-title{color:#0e4c5f;margin-bottom:.5rem;font-size:1.75rem;font-weight:900}.pricing-subtitle{color:#6b7280;font-size:1rem}.pricing-price{text-align:center;margin-bottom:1.5rem}.price-amount{color:#0e4c5f;font-size:4rem;font-weight:900;line-height:1}.price-currency{color:#5f9ea0;margin-right:.5rem;font-size:1.5rem;font-weight:700}.price-period{color:#6b7280;font-size:1rem}.pricing-inbox{color:#0e4c5f;background-color:#f0fdfa;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-weight:600;display:flex}.pricing-features{margin-bottom:2rem;list-style:none}.pricing-features li{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:.75rem 1.5rem .75rem 0;position:relative}.pricing-features li:before{content:"✓";color:#14b8a6;font-weight:700;position:absolute;right:0}.pricing-features li:last-child{border-bottom:none}.pricing-btn{color:#0e4c5f;cursor:pointer;background-color:#fff;border:2px solid #0e4c5f;border-radius:.75rem;width:100%;padding:1rem;font-family:Cairo,sans-serif;font-size:1.125rem;font-weight:700;transition:all .3s}.pricing-btn:hover{color:#fff;background-color:#0e4c5f;transform:translateY(-2px)}.pricing-btn.primary{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-color:#d4af37}.pricing-btn.primary:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-2px)}.pricing-trial{text-align:center;color:#9ca3af;margin-top:1rem;font-size:.875rem}.details-section{background-color:#fff;padding:5rem 1.5rem}.details-container{max-width:80rem;margin:0 auto}.details-title{color:#0e4c5f;text-align:center;margin-bottom:3rem;font-size:2.25rem;font-weight:900}.details-grid{grid-template-columns:1fr;gap:2rem;display:grid}.detail-card{text-align:center;background-color:#f0f4f8;border-radius:1rem;padding:2.5rem;transition:all .3s}.detail-card:hover{background-color:#e0f2fe;transform:translateY(-.5rem)}.detail-title{color:#0e4c5f;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.detail-text{color:#6b7280;font-size:1rem;line-height:1.7}@media (min-width:768px){.services-hero{padding:8rem 4rem 6rem}.services-hero-title{font-size:3.5rem}.core-features{padding:6rem 4rem}.features-list{grid-template-columns:repeat(2,1fr)}.pricing-section{padding:6rem 4rem}.pricing-grid{grid-template-columns:repeat(3,1fr)}.details-section{padding:6rem 4rem}.details-grid{grid-template-columns:repeat(3,1fr)}}.contact-hero{background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);padding:6rem 1.5rem 4rem;position:relative;overflow:hidden}.contact-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.contact-hero-container{text-align:center;z-index:10;max-width:50rem;margin:0 auto;position:relative}.contact-hero-title{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.2}.contact-hero-text{color:#ccfbf1;font-size:1.125rem;line-height:1.8}.contact-methods{background-color:#fff;padding:5rem 1.5rem}.contact-methods-container{max-width:80rem;margin:0 auto}.contact-grid{grid-template-columns:1fr;gap:2rem;display:grid}.contact-card{background-color:#f0f4f8;border-radius:1.5rem;padding:2.5rem;transition:all .3s}.contact-card:hover{transform:translateY(-.5rem);box-shadow:0 12px 30px #0000001a}.contact-card-icon{color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.5rem;display:flex}.contact-card-icon.support{background:linear-gradient(135deg,#14b8a6,#5f9ea0)}.contact-card-icon.business{background:linear-gradient(135deg,#d4af37,#f59e0b)}.contact-card-title{color:#0e4c5f;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.contact-card-text{color:#6b7280;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.contact-info{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-info-item{color:#4b5563;align-items:center;gap:.75rem;display:flex}.contact-info-item svg{color:#0e4c5f;flex-shrink:0}.contact-link{color:#0e4c5f;font-weight:600;text-decoration:none;transition:color .2s}.contact-link:hover{color:#d4af37}.contact-tip{color:#4b5563;background-color:#14b8a61a;border-right:4px solid #14b8a6;border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.6}.contact-tip strong{color:#0e4c5f}.business-features{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.business-feature-item{color:#4b5563;font-size:.95rem}.social-section{background-color:#f0f4f8;padding:5rem 1.5rem}.social-container{text-align:center;max-width:80rem;margin:0 auto}.social-title{color:#0e4c5f;margin-bottom:1rem;font-size:2.25rem;font-weight:900}.social-subtitle{color:#6b7280;max-width:48rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.social-links{grid-template-columns:1fr;gap:1.5rem;max-width:48rem;margin:0 auto;display:grid}.social-link-card{background-color:#fff;border:2px solid #0000;border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.social-link-card:hover{transform:translateY(-.25rem);box-shadow:0 8px 20px #0000001a}.social-link-card.twitter{border-color:#1da1f2}.social-link-card.twitter:hover{background-color:#eff6ff}.social-link-card.linkedin{border-color:#0a66c2}.social-link-card.linkedin:hover{background-color:#eff6ff}.social-link-card.facebook{border-color:#1877f2}.social-link-card.facebook:hover{background-color:#eff6ff}.social-link-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.twitter .social-link-icon{color:#fff;background-color:#1da1f2}.linkedin .social-link-icon{color:#fff;background-color:#0a66c2}.facebook .social-link-icon{color:#fff;background-color:#1877f2}.social-link-content{text-align:right;flex-direction:column;align-items:flex-start;display:flex}.social-link-label{color:#0e4c5f;font-size:1.125rem;font-weight:700}.social-link-handle{color:#6b7280;font-size:.95rem}.contact-form-section{background-color:#fff;padding:5rem 1.5rem}.contact-form-container{max-width:48rem;margin:0 auto}.form-header{text-align:center;margin-bottom:3rem}.form-title{color:#0e4c5f;margin-bottom:1rem;font-size:2.25rem;font-weight:900}.form-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.7}.contact-form{background-color:#f0f4f8;border-radius:1.5rem;padding:2.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{color:#0e4c5f;font-size:1rem;font-weight:600}.form-input,.form-select,.form-textarea{background-color:#fff;border:2px solid #d1d5db;border-radius:.5rem;padding:.875rem 1rem;font-family:Cairo,sans-serif;font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0e4c5f;outline:none;box-shadow:0 0 0 3px #0e4c5f1a}.form-textarea{resize:vertical;min-height:150px}.form-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f59e0b);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1.125rem;font-weight:700;transition:all .3s;display:flex}.form-submit-btn:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.form-note{text-align:center;color:#6b7280;margin-top:1.5rem;font-size:.875rem;line-height:1.6}@media (min-width:768px){.contact-hero{padding:8rem 4rem 6rem}.contact-hero-title{font-size:3.5rem}.contact-methods{padding:6rem 4rem}.contact-grid{grid-template-columns:repeat(2,1fr)}.social-section{padding:6rem 4rem}.social-links{grid-template-columns:repeat(3,1fr)}.contact-form-section{padding:6rem 4rem}.form-row{grid-template-columns:repeat(2,1fr)}}.privacy-hero{background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);padding:6rem 1.5rem 4rem;position:relative;overflow:hidden}.privacy-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.privacy-hero-container{text-align:center;z-index:10;max-width:50rem;margin:0 auto;position:relative}.privacy-hero-title{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.2}.privacy-hero-text{color:#ccfbf1;margin-bottom:1rem;font-size:1.125rem;line-height:1.8}.privacy-date{color:#99f6e4;font-size:.95rem;font-weight:600}.privacy-content{background-color:#fff;padding:5rem 1.5rem}.privacy-container{max-width:56rem;margin:0 auto}.privacy-section{border-bottom:2px solid #f3f4f6;margin-bottom:4rem;padding-bottom:3rem}.privacy-section:last-child{border-bottom:none}.privacy-section-title{color:#0e4c5f;margin-bottom:1.5rem;font-size:1.875rem;font-weight:900}.privacy-section-content{color:#4b5563}.privacy-subsection-title{color:#0e4c5f;margin-top:2rem;margin-bottom:1rem;font-size:1.375rem;font-weight:700}.privacy-text{color:#4b5563;margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.8}.privacy-list{margin:1.5rem 0;padding:0;list-style:none}.privacy-list li{color:#4b5563;padding:.75rem 2rem .75rem 0;line-height:1.7;position:relative}.privacy-list li:before{content:"•";color:#14b8a6;font-size:1.25rem;font-weight:700;position:absolute;top:.75rem;right:.5rem}.privacy-link{color:#0e4c5f;font-weight:600;text-decoration:underline;transition:color .2s}.privacy-link:hover{color:#d4af37}.security-features{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}.security-feature{text-align:center;background-color:#f0f4f8;border-radius:.75rem;padding:1.5rem}.security-icon{margin-bottom:.75rem;font-size:2.5rem}.security-title{color:#0e4c5f;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.security-desc{color:#6b7280;font-size:.9375rem;line-height:1.6}.rights-grid{grid-template-columns:1fr;gap:1.25rem;margin:2rem 0;display:grid}.right-item{background-color:#f0f4f8;border-radius:.75rem;align-items:center;gap:1rem;padding:1.25rem;display:flex}.right-icon{flex-shrink:0;font-size:2rem}.right-title{color:#0e4c5f;margin-bottom:.25rem;font-size:1.0625rem;font-weight:700}.right-desc{color:#6b7280;font-size:.875rem}.contact-info-box{background-color:#f0fdfa;border:2px solid #14b8a6;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.contact-info-item{color:#4b5563;padding:.75rem 0;line-height:1.7}.contact-info-item:not(:last-child){border-bottom:1px solid #ccfbf1}@media (min-width:768px){.privacy-hero{padding:8rem 4rem 6rem}.privacy-hero-title{font-size:3.5rem}.privacy-content{padding:6rem 4rem}.security-features,.rights-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.rights-grid{grid-template-columns:repeat(3,1fr)}}.ltr-mode,.ltr-mode body{direction:ltr}.ltr-mode .logo-section,.ltr-mode .hero-buttons{flex-direction:row}.ltr-mode .testimonial,.ltr-mode .testimonial-content{text-align:left}.ltr-mode .footer-link:hover{transform:translate(.25rem)}.ltr-mode .contact-tip{border-left:4px solid #14b8a6;border-right:none}.ltr-mode .pricing-features li{padding-left:1.5rem;padding-right:0}.ltr-mode .pricing-features li:before{left:0;right:auto}.ltr-mode .feature-item:hover{transform:translate(.5rem)}.ltr-mode .social-link-content{text-align:left;align-items:flex-start}.ltr-mode .process-title{text-align:left}.ltr-mode .privacy-list li:before{left:.5rem;right:auto}.ltr-mode .privacy-list li{padding-left:2rem;padding-right:0}@media (min-width:1024px){.ltr-mode .process-title{text-align:left}}.login-page{background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);justify-content:center;align-items:center;min-height:calc(100vh - 73px);padding:2rem 1rem;display:flex}.login-section{width:100%;max-width:28rem}.login-container{width:100%}.login-box{background:#fff;border-radius:1.5rem;padding:3rem 2rem;box-shadow:0 20px 50px #0000004d}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.login-logo-img{object-fit:contain;width:3rem;height:3rem}.login-logo-text{color:#0e4c5f;margin:0;font-size:2rem;font-weight:700}.login-title{color:#0e4c5f;margin-bottom:.5rem;font-size:1.875rem;font-weight:900}.login-subtitle{color:#6b7280;font-size:1rem}.login-methods{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.login-divider{text-align:center;align-items:center;margin:.5rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.login-divider span{color:#9ca3af;padding:0 1rem;font-size:.875rem;font-weight:600}.auth-button{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.auth-button:hover{background-color:#f9fafb;border-color:#0e4c5f;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.auth-button.google:hover{border-color:#4285f4}.auth-button.microsoft:hover{border-color:#00a4ef}.auth-button.github:hover{border-color:#333}.auth-button.apple:hover{border-color:#000}.auth-button.email{color:#fff;background:linear-gradient(135deg,#0e4c5f,#1a5f73);border-color:#0e4c5f}.auth-button.email:hover{background:linear-gradient(135deg,#093340,#0e4c5f);transform:translateY(-2px);box-shadow:0 6px 16px #0e4c5f66}.login-footer-text{text-align:center;color:#6b7280;font-size:.875rem;line-height:1.6}.login-link{color:#0e4c5f;font-weight:600;text-decoration:underline;transition:color .2s}.login-link:hover{color:#d4af37}@media (min-width:768px){.login-box{padding:4rem 3rem}}.dashboard-page{background-color:#f0f4f8;min-height:calc(100vh - 73px)}.dashboard-header{color:#fff;background:linear-gradient(135deg,#0e4c5f 0%,#1a5f73 100%);padding:3rem 1.5rem}.dashboard-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:80rem;margin:0 auto;display:flex}.subscription-info{align-items:center;display:flex}.subscription-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;min-width:280px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 6px #00000012}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.subscription-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.subscription-icon{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.subscription-content{flex:1}.subscription-title{color:#6b7280;margin-bottom:.25rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600}.subscription-plan-name{color:#0e4c5f;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:800}.subscription-renewal{color:#6b7280;font-size:.875rem;font-weight:500}.subscription-actions{border-top:1px solid #e5e7eb;padding-top:1rem}.upgrade-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f59e0b);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.upgrade-button:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.payment-success-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:100vh;padding:2rem 0}.success-section{padding:3rem 0}.success-container{max-width:600px;margin:0 auto;padding:0 1rem}.success-card{text-align:center;background:#fff;border:1px solid #d4af371a;border-radius:1.5rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026}.success-card:before{content:"";background:linear-gradient(90deg,#d4af37,#f59e0b);height:4px;position:absolute;top:0;left:0;right:0}.success-icon{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1.5rem;animation:2s ease-in-out infinite successPulse;display:flex;box-shadow:0 10px 20px #d4af374d}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 10px 20px #d4af374d}50%{transform:scale(1.05);box-shadow:0 15px 30px #d4af3766}}.success-title{color:#0e4c5f;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:900}.success-message{color:#6b7280;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}.success-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.success-button{border-radius:.75rem;justify-content:center;align-items:center;min-width:200px;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px #0000001a}.success-button.primary{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b)}.success-button.primary:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-2px);box-shadow:0 6px 12px #d4af3766}@media (max-width:640px){.success-card{padding:2rem 1.5rem}.success-title{font-size:2rem}.success-actions{flex-direction:column}.success-button{width:100%}}.labels-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.labels-modal{background:#fff;border-radius:1rem;width:100%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000026}.labels-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;display:flex}.labels-modal-title h3{color:#0e4c5f;margin:0;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700}.labels-modal-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.labels-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.labels-modal-close:hover{color:#374151;background:#f3f4f6}.labels-modal-body{max-height:60vh;padding:1.5rem 2rem;overflow-y:auto}.labels-plan-info{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;display:flex}.plan-badge{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:9999px;padding:.5rem 1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600}.labels-count{color:#0e4c5f;font-family:Cairo,sans-serif;font-weight:600}.free-limit{color:#6b7280;font-weight:500}.labels-section{margin-bottom:2rem}.section-title{color:#0e4c5f;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1.125rem;font-weight:700;display:flex}.section-count{color:#6b7280;font-size:.875rem;font-weight:500}.section-description{color:#6b7280;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.labels-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.label-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.label-item:hover{background:#f3f4f6;border-color:#d1d5db}.label-color{text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;flex:1;padding:.375rem .75rem;font-size:.875rem;font-weight:500;overflow:hidden}.add-label-btn,.remove-label-btn{cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.add-label-btn{color:#10b981}.add-label-btn:hover:not(:disabled){background:#10b9811a}.add-label-btn:disabled{color:#d1d5db;cursor:not-allowed}.remove-label-btn{color:#ef4444}.remove-label-btn:hover{background:#ef44441a}.pending-add-indicator{color:#f59e0b;justify-content:center;align-items:center;padding:.375rem;font-size:.875rem;font-weight:600;display:flex}.already-added-indicator{color:#10b981;justify-content:center;align-items:center;padding:.375rem;font-size:.875rem;font-weight:600;display:flex}.upgrade-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.upgrade-modal{background:#fff;border-radius:1rem;width:100%;max-width:1100px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.upgrade-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.upgrade-modal-header h3{color:#0e4c5f;margin:0;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700}.upgrade-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:all .2s}.upgrade-modal-close:hover{color:#374151;background:#f3f4f6}.upgrade-modal-body{flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.billing-toggle{background:#fff;border:3px solid #e5e7eb;border-radius:32px;width:380px;height:64px;margin:0 auto 3rem;position:relative;overflow:visible;box-shadow:0 8px 32px #0000001f}.toggle-option{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.025em;text-transform:uppercase;z-index:3;justify-content:center;align-items:center;width:50%;height:100%;font-family:Cairo,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:800;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0}.toggle-option:first-child{border-radius:0 28px 28px 0;right:0}.toggle-option:nth-child(2){border-radius:28px 0 0 28px;left:0}.toggle-option.active{text-shadow:0 2px 4px #0003;font-weight:900;transform:scale(1.02);color:#fff!important}.toggle-option.inactive{font-weight:700;color:#000!important}.toggle-slider{z-index:2;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:28px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;right:3px;box-shadow:0 12px 40px #10b98180}.toggle-slider.yearly{transform:translate(calc(-100% - 6px))}[dir=rtl] .toggle-option{letter-spacing:0;text-transform:none;font-family:Cairo,Amiri,Tajawal,serif;font-weight:800}[dir=rtl] .toggle-slider{left:auto;right:3px}[dir=rtl] .toggle-slider.yearly{transform:translate(calc(-100% - 6px))}[dir=ltr] .toggle-option{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700}.price-comparison{flex-direction:column;align-items:center;gap:.25rem;display:flex}.original-price{color:#9ca3af;font-size:14px;font-weight:500;text-decoration:line-through}.current-price{color:#0e4c5f;font-size:20px;font-weight:700}.savings-badge{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:.375rem;margin-top:.25rem;padding:.25rem .5rem;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #f59e0b4d}.yearly-discount{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600;display:inline-block}.plans-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .2s;position:relative}.plan-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.plan-card.current-plan{background:#f0f9ff;border-color:#0e4c5f}.plan-card.upgrade-available{border-color:#10b981}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h4{color:#0e4c5f;margin:0 0 .5rem;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.plan-price{margin-bottom:1rem}.plan-price .amount{color:#0e4c5f;font-size:2rem;font-weight:700}.plan-price .period{color:#6b7280;font-size:1rem;font-weight:500}.loading-price{color:#6b7280;font-size:1rem}.current-badge{color:#fff;background:#0e4c5f;border-radius:.5rem;padding:.25rem .75rem;font-family:Cairo,sans-serif;font-size:.75rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.plan-features{margin-bottom:1.5rem}.feature{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.feature:last-child{border-bottom:none}.feature-value{color:#0e4c5f;font-size:1.125rem;font-weight:700}.feature-label{color:#6b7280;text-align:right;flex:1;margin-left:1rem;font-size:.875rem}.upgrade-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s}.upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.upgrade-button:disabled{cursor:not-allowed;box-shadow:none;background:#d1d5db;transform:none}.pricing-section{background:#f9fafb;padding:5rem 0}.pricing-container{flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.pricing-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem;display:grid}.detail-card{text-align:center;background:#fff;border-radius:1rem;padding:2rem;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px -1px #00000026}.detail-icon{margin-bottom:1rem;font-size:2.5rem}.detail-title{color:#0e4c5f;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.detail-text{color:#6b7280;line-height:1.6}.plan-cta{text-align:center;margin-top:1.5rem}.current-free{color:#fff;background:#10b981;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-weight:600;display:inline-block}.popular-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:.5rem;padding:.5rem 1.5rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #f59e0b4d}.pricing-trial{color:#6b7280;margin-top:.5rem;font-size:.875rem;font-weight:500}.label-added{color:#10b981;justify-content:center;align-items:center;display:flex}.remove-pending-btn{color:#ef4444}.remove-pending-btn:hover{background:#ef44441a}.undo-add-btn,.undo-remove-btn,.undo-create-btn{color:#f59e0b;font-size:16px;font-weight:700}.undo-add-btn:hover,.undo-remove-btn:hover,.undo-create-btn:hover{background:#f59e0b1a}.pending-label{opacity:.7;border-style:dashed!important}.pending-label .label-color{position:relative}.pending-label .label-color:after{content:"";background:#f59e0b;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.create-label-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.form-row{gap:1rem;margin-bottom:1.5rem;display:flex}.label-input{border:1px solid #d1d5db;border-radius:.5rem;flex:1;padding:.75rem;font-family:Cairo,sans-serif;font-size:.875rem}.label-input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 3px #d4af371a}.label-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.input-error{color:#dc2626;margin-top:.25rem;font-size:.75rem;font-weight:500}.input-container{flex-direction:column;flex:1;display:flex}.create-label-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f59e0b);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s}.create-label-btn:hover:not(:disabled){background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-1px)}.create-label-btn:disabled{cursor:not-allowed;background:#d1d5db;transform:none}.color-picker h5{color:#374151;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600}.color-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:.5rem;display:grid}.color-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:50%;width:32px;height:32px;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}.labels-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.labels-modal-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s}.labels-modal-btn.secondary{color:#6b7280;background:#fff;border:1px solid #d1d5db}.labels-modal-btn.secondary:hover{background:#f9fafb}.labels-modal-btn.primary{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b)}.labels-modal-btn.primary:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-1px)}.remove-confirm-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.remove-confirm-modal{background:#fff;border-radius:1rem;width:90%;max-width:400px;padding:2rem;box-shadow:0 20px 40px #00000026}.remove-confirm-header{text-align:center;margin-bottom:1.5rem}.remove-confirm-header h4{color:#0e4c5f;margin:0;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.remove-confirm-body{margin-bottom:2rem}.remove-confirm-message{color:#374151;text-align:center;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1rem;line-height:1.5}.remove-options{flex-direction:column;gap:.75rem;display:flex}.remove-option{cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;transition:background .2s;display:flex}.remove-option:hover{background:#f3f4f6}.remove-option input[type=radio]{accent-color:#d4af37;width:1.25rem;height:1.25rem}.remove-option span{color:#374151;font-family:Cairo,sans-serif;font-size:.875rem}.remove-confirm-footer{justify-content:flex-end;gap:1rem;display:flex}.remove-confirm-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s}.remove-confirm-btn.cancel{color:#6b7280;background:#f3f4f6}.remove-confirm-btn.cancel:hover{background:#e5e7eb}.remove-confirm-btn.remove{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.remove-confirm-btn.remove:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.edit-label-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-label-modal{background:#fff;border-radius:1rem;width:90%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 40px #00000026}.edit-label-header{text-align:center;margin-bottom:1.5rem}.edit-label-header h4{color:#0e4c5f;margin:0;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.edit-label-body{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600;display:block}.edit-input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-family:Cairo,sans-serif;font-size:.875rem;transition:border-color .2s}.edit-input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 3px #d4af371a}.edit-label-footer{justify-content:flex-end;gap:1rem;display:flex}.edit-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-weight:600;transition:all .3s}.edit-btn.cancel{color:#6b7280;background:#f3f4f6}.edit-btn.cancel:hover{background:#e5e7eb}.edit-btn.save{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b)}.edit-btn.save:hover{background:linear-gradient(135deg,#b5952f,#d97706);transform:translateY(-1px)}.edit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.label-actions{align-items:center;gap:.5rem;display:flex}.edit-label-btn{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.edit-label-btn:hover{background:#e5e7eb;border-color:#9ca3af}.remove-pending-btn{cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.remove-pending-btn:hover{background:#fee2e2;border-color:#fca5a5}.gmail-label-with-description{flex-direction:column;align-items:center;gap:.5rem;display:flex}.gmail-description-input{text-align:center;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem;font-family:Cairo,sans-serif;font-size:.75rem}.gmail-description-input:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 2px #d4af371a}.help-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:#fff;border:1px solid #d4af371a;border-radius:1rem;width:90%;max-width:500px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 20px 40px #00000026}.help-modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.help-modal-header h3{color:#0e4c5f;margin:0;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.help-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.help-modal-close:hover{color:#374151;background:#f3f4f6}.help-modal-body{padding:2rem}.help-section{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.help-section:last-child{margin-bottom:0}.help-icon-large{background:#d4af371a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.help-section h4{color:#0e4c5f;margin:0 0 .75rem;font-family:Cairo,sans-serif;font-size:1.125rem;font-weight:600}.help-section p{color:#64748b;margin:0;font-family:Cairo,sans-serif;font-size:.875rem;line-height:1.5}.help-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:.75rem;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex}.help-tip-icon{flex-shrink:0;font-size:1.5rem}.help-tip-content h5{color:#92400e;margin:0 0 .5rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600}.help-tip-content p{color:#78350f;margin:0;font-family:Cairo,sans-serif;font-size:.8125rem;line-height:1.4}@media (max-width:640px){.help-modal{max-height:calc(100vh - 2rem);margin:1rem}.help-modal-header,.help-modal-body{padding:1rem 1.5rem}.help-tip{text-align:center;flex-direction:column}.labels-modal{border-radius:.75rem;max-height:95vh;margin:0}.labels-modal-header,.labels-modal-body,.labels-modal-footer{padding:1rem 1.5rem}.labels-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.color-grid{grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}.color-option{width:28px;height:28px}.remove-confirm-modal{padding:1.5rem}.remove-confirm-footer{flex-direction:column}.remove-confirm-btn{width:100%}}.dashboard-title{margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.dashboard-subtitle{color:#ccfbf1;font-size:1.125rem}.dashboard-container{max-width:80rem;margin:0 auto;padding:0 1.5rem}.add-email-card{background:linear-gradient(135deg,#0e4c5f0d,#5f9ea00d);border:2px dashed #5f9ea0;justify-content:center;align-items:center;display:flex}.add-email-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:180px;font-family:Cairo,sans-serif;transition:all .3s;display:flex}.add-email-button:hover:not(:disabled){background:#0e4c5f0d}.add-email-button:disabled{opacity:.6;cursor:not-allowed}.add-email-icon{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.add-email-text{color:#0e4c5f;font-size:1.125rem;font-weight:700}.spinner-small{border:3px solid #fff;border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}.connect-email-card-large{text-align:center;background:#fff;border-radius:1.5rem;padding:4rem 3rem;box-shadow:0 4px 20px #00000014}.connect-email-icon-large{color:#fff;background:linear-gradient(135deg,#d4af37,#f59e0b);border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 1.5rem;display:flex}.connect-email-title-large{color:#0e4c5f;margin-bottom:1rem;font-size:2rem;font-weight:900}.connect-email-description-large{color:#6b7280;max-width:36rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}.connect-email-button-large{cursor:pointer;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.connect-email-button-large:hover:not(:disabled){border-color:#4285f4;transform:translateY(-2px);box-shadow:0 6px 20px #4285f44d}.connect-email-button-large:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-modal{color:#fff;background:#0e4c5f;border:1px solid #ffffff14;border-radius:1rem;width:min(480px,95vw);padding:1.5rem;box-shadow:0 20px 60px #00000059}.confirm-modal-icon{background:linear-gradient(135deg,#f87171,#dc2626);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.confirm-modal-content h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:800}.confirm-modal-content p{color:#e5e7eb;margin:0 0 .5rem;line-height:1.6}.confirm-email{color:#fff;word-break:break-all;background:#ffffff14;border-radius:.65rem;padding:.65rem .85rem;font-family:Cairo,sans-serif;font-weight:700}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.confirm-modal-actions .btn-secondary,.confirm-modal-actions .btn-danger{cursor:pointer;border:none;border-radius:.65rem;padding:.65rem 1.4rem;font-family:Cairo,sans-serif;font-weight:700;transition:all .2s}.confirm-modal-actions .btn-secondary{color:#fff;background:#ffffff1a}.confirm-modal-actions .btn-secondary:hover{background:#ffffff2e}.confirm-modal-actions .btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 20px #dc262659}.confirm-modal-actions .btn-danger:hover{transform:translateY(-1px);box-shadow:0 14px 26px #dc262673}.toggle-wrapper{align-items:center;gap:.75rem;display:flex}.toggle-label{color:#0e4c5f;font-weight:700}.toggle-switch{cursor:pointer;background:#f3f4f6;border:2px solid #d1d5db;border-radius:999px;width:56px;height:32px;padding:2px;transition:all .25s;position:relative}.toggle-switch .toggle-knob{background:#fff;border-radius:999px;width:26px;height:26px;transition:all .25s;position:absolute;top:2px;left:2px;box-shadow:0 4px 12px #0000001f}.toggle-switch.on{background:linear-gradient(135deg,#10b981,#0ea5e9);border-color:#0000;box-shadow:0 8px 18px #0ea5e959}.toggle-switch.on .toggle-knob{transform:translate(24px)}.toggle-switch.off{background:#f3f4f6;border-color:#e5e7eb}.toggle-with-help{align-items:center;gap:.5rem;display:flex}.help-icon{color:#6b7280;cursor:help;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.help-icon:hover{color:#0e4c5f;background:#0e4c5f1a}.connected-emails-section{padding:3rem 0}.section-title-dashboard{color:#0e4c5f;margin-bottom:2rem;font-size:1.875rem;font-weight:900}.loading-state{text-align:center;color:#6b7280;padding:4rem 0}.spinner{border:4px solid #e5e7eb;border-top-color:#0e4c5f;border-radius:50%;width:3rem;height:3rem;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background:#fff;border-radius:1.5rem;padding:4rem 2rem;box-shadow:0 4px 20px #00000014}.empty-state svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3{color:#0e4c5f;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-state p{color:#6b7280;font-size:1rem}.emails-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.email-card{background:#fff;border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 4px 20px #00000014}.email-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.email-delete-btn{top:.75rem;color:#991b1b;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem;transition:background .2s,transform .2s;position:absolute;inset-inline-end:.75rem}.email-delete-btn:hover{background:#fee2e2;transform:translateY(-1px)}.email-card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.email-avatar{color:#fff;background:linear-gradient(135deg,#0e4c5f,#5f9ea0);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.email-info{flex:1}.email-address{color:#0e4c5f;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.email-status{flex-wrap:wrap;gap:.5rem;display:flex}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:#065f46;background-color:#d1fae5}.status-badge.inactive{color:#991b1b;background-color:#fee2e2}.status-badge.synced{color:#1e40af;background-color:#dbeafe}.status-badge.not-synced{color:#92400e;background-color:#fef3c7}.email-card-actions{gap:.75rem;display:flex}.email-action-btn{cursor:pointer;border-radius:.5rem;flex:1;padding:.625rem 1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s}.email-action-btn.primary{color:#fff;background:linear-gradient(135deg,#0e4c5f,#1a5f73);border:none}.email-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0e4c5f4d}.email-action-btn.secondary{color:#0e4c5f;background:#fff;border:2px solid #0e4c5f}.email-action-btn.secondary:hover{color:#fff;background:#0e4c5f}@media (min-width:768px){.dashboard-header{padding:4rem}.emails-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.emails-grid{grid-template-columns:repeat(3,1fr)}}