.header{position:fixed;top:0;left:0;width:100%;padding:16px 0;z-index:1000;transition:all .3s ease;background-color:transparent}.header.scrolled{background-color:var(--color-white);box-shadow:0 2px 10px #0000001a;padding:8px 0}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px}.logo-container{z-index:10}.logo{font-size:1.75rem;font-weight:700;text-decoration:none;color:var(--color-primary);letter-spacing:-.5px}.logo .accent{color:var(--color-accent)}.nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0;align-items:center}.nav-links li a{font-size:1rem;font-weight:500;text-decoration:none;color:var(--color-text);position:relative;transition:color .3s ease}.nav-links li a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.nav-links li a:hover:after{width:100%}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-2px)}.contact-btn{background-color:var(--color-primary);color:#fff!important;padding:8px 16px;border-radius:4px;transition:all .3s ease}.contact-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.contact-btn:after{display:none}.portal-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-accent);color:#fff!important;padding:8px 16px;border-radius:4px;transition:all .3s ease}.portal-btn:hover{background-color:var(--color-accent-dark);transform:translateY(-2px)}.portal-btn:after{display:none}.mobile-nav-toggle{display:none;gap:16px;align-items:center;z-index:10}.mobile-nav-toggle button{background:none;border:none;cursor:pointer;color:var(--color-text);padding:4px;transition:all .3s ease}.mobile-nav-toggle button:hover{color:var(--color-primary)}.menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-white);padding-top:80px;z-index:5;animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.mobile-nav-links li a{font-size:1.25rem;font-weight:500;text-decoration:none;color:var(--color-text);transition:color .3s ease}.mobile-nav-links li a:hover{color:var(--color-primary)}.mobile-contact-btn{background-color:var(--color-primary);color:#fff!important;padding:12px 24px;border-radius:4px;margin-top:16px;display:inline-block;transition:all .3s ease}.mobile-contact-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.mobile-portal-btn{display:flex;align-items:center;gap:8px;background-color:var(--color-accent);color:#fff!important;padding:12px 24px;border-radius:4px;transition:all .3s ease}.mobile-portal-btn:hover{background-color:var(--color-accent-dark);transform:translateY(-2px)}@media (max-width: 768px){.desktop-nav{display:none}.mobile-nav-toggle{display:flex}.header-container{padding:0 16px}}.hero{display:flex;flex-direction:row;min-height:70vh;padding:100px 24px 80px;max-width:1200px;margin:0 auto;align-items:center;position:relative;overflow:hidden;box-sizing:border-box}.hero-content{flex:1;max-width:50%;z-index:1}.hero-image{flex:1;max-width:50%;height:100%}.hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 24px;color:var(--color-primary);letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-title .accent{color:var(--color-accent);display:block;position:relative}.hero-title .accent:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:12px;background-color:#f33c064d;z-index:-1}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text);margin:0 0 32px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;padding:12px 24px;border-radius:6px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 12px #f33c064d}.btn-primary:hover{background-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 6px 16px #f33c0666}.btn-secondary{background-color:#14141480;color:var(--color-text);border:2px solid white;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.btn-secondary:hover{background-color:#fff;color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 992px){.hero{flex-direction:column;text-align:center;padding:80px 16px 40px;min-height:auto}.hero-content{max-width:100%;margin-bottom:32px}.hero-image{max-width:100%;width:100vw;height:50vh}.hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-title .accent:after{left:50%;transform:translate(-50%);width:80%}.hero-cta{justify-content:center}}@media (max-width: 576px){.hero{padding:60px 12px 32px}.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:10px 20px;font-size:.9rem}.hero-image{height:40vh}}.services{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:80px 24px;background-color:#5003b399;width:90vw;border-radius:1rem;margin:0 auto;text-align:center}.services-container{max-width:1200px;margin:0 auto}.services-header{text-align:center;margin-bottom:64px}.section-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:#f33c06}.section-subtitle{font-size:1.125rem;color:#fff;max-width:600px;margin:0 auto;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px}.service-card{background-color:#fff;border-radius:12px;padding:40px 24px;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5003b3,#f33c06);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000014}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background-color:#5003b31a;border-radius:50%;margin-bottom:24px;color:#5003b3;transition:all .3s ease}.service-card:hover .service-icon{background-color:#5003b3;color:#fff;transform:rotateY(180deg)}.service-title{font-size:1.375rem;font-weight:600;color:#333;margin:0 0 16px}.service-description{font-size:1rem;line-height:1.6;color:#666;margin:0}@media (max-width: 768px){.services{padding:64px 16px}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:24px}}.products{padding:80px 24px;background-color:#fff}.products-container{max-width:1200px;margin:0 auto}.products-header{text-align:center;margin-bottom:64px;background-color:#fdfdfd;color:#080808;padding:1rem}.product-main{display:flex;align-items:center;gap:64px;margin-bottom:80px}.product-content{flex:1}.product-title{font-size:2rem;font-weight:700;color:#5003b3;margin:0 0 24px}.product-description{font-size:1.125rem;line-height:1.6;color:#333;margin:0 0 32px}.product-features{list-style:none;padding:0;margin:0 0 32px}.product-features li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:1.0625rem;color:#333}.product-features li svg{color:#f33c06;flex-shrink:0}.product-link{display:inline-block;padding:12px 24px;background-color:#5003b3;color:#fff;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease}.product-link:hover{background-color:#3a0287;transform:translateY(-2px)}.product-image{flex:1;position:relative}.product-image img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000001a}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.product-card{border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:all .3s ease}.section-titles{color:#470b9b;font-size:3rem;font-weight:700}.product-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001f}.product-card-image{width:100%;height:200px;overflow:hidden}.product-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:24px}.product-card-content h4{font-size:1.25rem;font-weight:600;color:#5003b3;margin:0 0 12px}.product-card-content p{font-size:1rem;line-height:1.5;color:#666;margin:0 0 20px}.card-link{display:inline-block;color:#f33c06;font-weight:600;text-decoration:none;position:relative}.card-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#f33c06;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.card-link:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width: 992px){.product-main{flex-direction:column-reverse;gap:40px}.product-image{width:100%;display:flex;justify-content:center}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.products{padding:64px 16px}.product-grid{grid-template-columns:1fr}}.partners{padding:80px 24px;background-color:#83668b}.partners-container{max-width:1200px;margin:0 auto}.partners-header{text-align:center;margin-bottom:64px}.partners-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;margin-bottom:80px}.partner-logo{padding:16px;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.partner-logo:hover{filter:grayscale(0);opacity:1}.partner-logo{max-width:10px;max-height:60px}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px}.testimonial{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 8px 24px #0000000f;transition:all .3s ease}.testimonial:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001a}.testimonial-content{margin-bottom:24px;position:relative}.testimonial-content:before{content:'"';font-size:5rem;position:absolute;top:-40px;left:-10px;color:#5003b31a;font-family:serif}.testimonial-content p{font-size:1.125rem;line-height:1.6;color:#333;margin:0;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #5003b3}.author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-info h4{font-size:1.125rem;font-weight:600;color:#5003b3;margin:0 0 4px}.author-info p{font-size:.875rem;color:#666;margin:0}.partners-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.partners-logos img{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ccc;transition:transform .3s ease}.partners-logos img:hover{transform:scale(1.05)}@media (max-width: 992px){.testimonials{grid-template-columns:1fr}}@media (max-width: 768px){.partners{padding:64px 16px}.partners-logos{gap:24px}.partner-logo{padding:12px}.partner-logo img{max-width:120px}}@media (max-width: 576px){.testimonial{padding:24px}.testimonial-content p{font-size:1rem}}.contact-form{padding:80px 24px;background-color:#000}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:64px}.contact-content{display:grid;grid-template-columns:3fr 2fr;gap:48px}.form-container{background-color:var(--color-white);border-radius:12px;padding:40px;box-shadow:0 10px 30px #00000014;width:100%}form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}label{font-size:.95rem;font-weight:500;color:var(--color-text)}input,select,textarea{padding:12px 16px;border:1px solid var(--color-text-light);border-radius:6px;font-size:1rem;transition:all .2s ease;background-color:var(--color-white);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}textarea{resize:vertical;min-height:120px}.color-picker{padding:4px;width:100%;height:40px;cursor:pointer}.file-upload{position:relative;margin-bottom:16px}.file-input{position:absolute;width:0;height:0;opacity:0}.file-label{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:6px;cursor:pointer;transition:all .3s ease}.file-label:hover{background-color:var(--color-primary);color:#fff}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--color-primary-light);border-radius:4px;font-size:.875rem}.remove-file{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1.25rem;padding:0 4px}.remove-file:hover{color:var(--color-accent)}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px}.submit-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary);margin-bottom:24px}.success-message h3{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0 0 16px}.success-message p{font-size:1.125rem;color:var(--color-text-light);max-width:400px;margin:0;line-height:1.6}.contact-info-container{position:relative}.contact-info{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:12px;padding:4px;color:#fff;height:100%;position:sticky;top:100px}.contact-info h3{font-size:1.5rem;font-weight:600;margin:0 0 16px;position:relative;padding-bottom:16px}.contact-info h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-accent)}.contact-info p{font-size:1rem;line-height:1.6;margin:0 0 32px;opacity:.9}.info-items{display:flex;flex-direction:column;gap:24px}.info-item h4{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--color-accent)}.info-item p,.info-item address,.info-item a{font-size:1rem;line-height:1.5;margin:0;color:#fff;opacity:.9;font-style:normal;text-decoration:none;transition:opacity .2s ease}.info-item a:hover{opacity:1;text-decoration:underline}@media (max-width: 992px){.contact-content{grid-template-columns:1fr}.contact-info-container{order:-1}.contact-info{position:static}}@media (max-width: 768px){.contact-form{padding:64px 16px}.form-container,.contact-info{padding:24px}.form-row{grid-template-columns:1fr;gap:16px}}.footer{background-color:#140033;color:#fff;padding:64px 24px 32px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto}.footer-title{font-size:1.75rem;font-weight:700;margin:0 0 16px;letter-spacing:-.5px}.footer-title .accent{color:#f33c06}.footer-description{font-size:.95rem;line-height:1.5;opacity:.8;margin:0}.footer-heading{font-size:1.125rem;font-weight:600;margin:0 0 20px;position:relative}.footer-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:#f33c06}.footer-links,.contact-info{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fffc;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#f33c06}.contact-info li{display:flex;align-items:center;gap:12px;margin-bottom:16px}.contact-info a,.contact-info address{color:#fffc;text-decoration:none;font-style:normal;transition:color .2s ease}.contact-info a:hover{color:#f33c06}.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{margin:0;font-size:.875rem;opacity:.7}.footer-legal{display:flex;gap:24px}.footer-legal a{color:#ffffffb3;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-legal a:hover{color:#f33c06}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;align-items:flex-start;text-align:center}.footer-legal{margin-top:16px;width:100%;justify-content:center}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:24px}.login-box{background-color:var(--color-white);padding:32px;border-radius:12px;box-shadow:0 4px 12px #0000000d;width:100%;max-width:400px}.login-box h2{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0 0 24px;text-align:center}.login-hint{text-align:center;color:var(--color-text-light);margin-bottom:16px;font-size:.875rem}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-group input{width:100%;padding:12px;border:1px solid var(--color-text-light);border-radius:6px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-btn{width:100%;padding:12px;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn:hover{background-color:var(--color-primary-dark)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{padding:12px;background-color:#fee2e2;border:1px solid #ef4444;border-radius:6px;color:#dc2626;margin-bottom:16px;text-align:center}.dashboard{min-height:100vh;padding:24px;background-color:var(--color-background)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-content{display:flex;align-items:center;gap:32px}.header-content h1{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0}.timeframe-selector{display:flex;gap:8px;background-color:var(--color-white);padding:4px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.timeframe-selector button{padding:8px 16px;border:none;background:none;border-radius:6px;cursor:pointer;font-weight:500;color:var(--color-text);transition:all .3s ease;white-space:nowrap}.timeframe-selector button.active{background-color:var(--color-primary);color:#fff}.logout-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background-color:var(--color-accent-dark);transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background-color:var(--color-white);padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;gap:16px}.stat-card svg{color:var(--color-primary);flex-shrink:0}.stat-content{min-width:0}.stat-content h3{font-size:.875rem;color:var(--color-text-light);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-content p{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.chart-card{background-color:var(--color-white);padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;min-width:0;overflow:hidden}.chart-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 24px}.chart-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px}.chart-content{min-width:600px;padding-bottom:16px}.rankings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-list li{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background-color:var(--color-background);margin-bottom:8px}.rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.product-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.product-value{font-weight:600;color:var(--color-primary);white-space:nowrap}.sales-table-container{overflow-x:auto;margin:0 -24px 16px;padding:0 24px;-webkit-overflow-scrolling:touch}.sales-table{width:100%;border-collapse:collapse;min-width:600px}.sales-table th,.sales-table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-background)}.sales-table th{font-weight:600;color:var(--color-text-light);background-color:var(--color-background);white-space:nowrap;position:sticky;top:0;z-index:1}.sales-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.sales-table tr:hover{background-color:var(--color-background)}.view-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-left:auto;transition:all .3s ease;white-space:nowrap}.view-all-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.chart-card{padding:16px}.rankings-container{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px}.header-content{flex-direction:column;align-items:center;text-align:center;width:100%;gap:16px}.header-content h1{font-size:1.75rem}.timeframe-selector{width:100%;justify-content:center}.timeframe-selector button{flex:1;text-align:center;padding:8px;font-size:.875rem}.logout-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px}.stat-content h3{font-size:.8125rem}.stat-content p{font-size:1.25rem}.chart-card{padding:16px}.chart-card h3{font-size:1.125rem;margin-bottom:16px}.chart-wrapper,.sales-table-container{margin:0 -16px;padding:0 16px}.ranking-list li,.sales-table th,.sales-table td{padding:8px;font-size:.875rem}.view-all-btn{width:100%;justify-content:center;margin-top:16px}}@media (max-width: 480px){.dashboard{padding:12px}.header-content h1{font-size:1.5rem}.timeframe-selector{flex-direction:column;gap:4px}.timeframe-selector button{width:100%}.stat-card{flex-direction:column;text-align:center;gap:12px}.stat-content h3{white-space:normal}.chart-card{padding:12px}.chart-wrapper,.sales-table-container{margin:0 -12px;padding:0 12px}.chart-content{min-width:400px}}.packages-page{max-width:1200px;margin:0 auto;padding:40px 20px;color:#333}.packages-header{text-align:center;margin-bottom:48px}.packages-header h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#1a365d}.packages-subtitle{font-size:1.25rem;color:#4a5568;max-width:800px;margin:0 auto}.packages-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.package-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;display:flex;flex-direction:column;border:1px solid #e2e8f0}.package-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.package-card.featured{border:2px solid #4299e1;transform:scale(1.02)}.package-card.featured:hover{transform:scale(1.02) translateY(-5px)}.package-badge{position:absolute;top:12px;right:12px;background-color:#4299e1;color:#fff;padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:600}.package-header{padding:24px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:center}.package-icon{margin:0 auto 16px;color:#4299e1;stroke-width:1.5}.package-header h2{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#1a365d}.package-price{font-size:2rem;font-weight:700;color:#2c5282}.package-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.package-content h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:#2d3748}.package-features{margin-bottom:24px;flex-grow:1}.package-features li,.bonus-features li{display:flex;align-items:flex-start;margin-bottom:12px;line-height:1.4}.check-icon,.bonus-icon{flex-shrink:0;margin-right:10px;margin-top:2px;color:#4299e1}.bonus-icon{color:#f59e0b}.package-bonus{margin-top:16px;padding-top:16px;border-top:1px dashed #e2e8f0}.bonus-features{color:#4a5568}.advantages-section{margin:60px 0;padding:40px;background-color:#f8fafc;border-radius:12px;box-shadow:0 4px 20px #0000000d}.advantages-section h2{font-size:2rem;font-weight:700;margin-bottom:24px;text-align:center;color:#1a365d}.advantages-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.advantages-list li{display:flex;align-items:flex-start;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease}.advantages-list li:hover{transform:translateY(-3px)}.advantage-icon{color:#4299e1;margin-right:12px;flex-shrink:0}.accessories-section{margin:60px 0}.accessories-section h2{font-size:2rem;font-weight:700;margin-bottom:24px;text-align:center;color:#1a365d}.accessories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.accessory-item{padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center;transition:transform .3s ease;border:1px solid #e2e8f0}.accessory-item:hover{transform:translateY(-5px)}.accessory-icon{margin:0 auto 16px;color:#4299e1}.accessory-item h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#2d3748}.accessory-price{font-size:1.5rem;font-weight:700;color:#2c5282}.closing-message{margin-top:60px;text-align:center}.closing-message p{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#2d3748}.contact-button{background-color:#4299e1;color:#fff;padding:12px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease;box-shadow:0 4px 12px #4299e14d}.contact-button:hover{background-color:#3182ce;transform:translateY(-2px)}.contact-button:focus{outline:none;ring:2px;ring-color:#4299e1}@media (max-width: 768px){.packages-header h1{font-size:2rem}.package-card.featured{transform:scale(1)}.package-card.featured:hover{transform:translateY(-5px)}.advantages-section,.accessories-section{padding:32px 16px}}@media (max-width: 480px){.packages-header h1,.package-price{font-size:1.75rem}.advantages-section{padding:24px 16px}.advantages-list li{flex-direction:column}.advantage-icon{margin-bottom:12px}}.comparison-table-container{margin:60px 0;padding:0 20px}.comparison-table-container h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:32px;color:#1a365d}.comparison-table-wrapper{overflow-x:auto;margin-bottom:32px;box-shadow:0 4px 20px #00000014;border-radius:8px}.comparison-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}.comparison-table th,.comparison-table td{padding:16px;text-align:center;border:1px solid #e2e8f0}.comparison-table th{background-color:#f8fafc;position:relative;padding-top:24px;padding-bottom:24px}.comparison-table th.feature-column{text-align:left;font-weight:600;color:#2d3748;width:30%}.comparison-table tbody tr:nth-child(2n){background-color:#f8fafc}.comparison-table tbody tr:hover{background-color:#edf2f7;transition:background-color .2s ease}.comparison-table tbody td:first-child{text-align:left;font-weight:500;color:#4a5568}.check-icon{color:#48bb78}.x-icon{color:#f56565}.popular-column{background-color:#4299e114;position:relative}thead th.popular-column{background-color:#ebf8ff;border-top:3px solid #4299e1}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#4299e1;color:#fff;padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:600;white-space:nowrap}.package-name{font-weight:700;font-size:1.1rem;margin-bottom:8px;color:#2d3748}.package-price{font-weight:700;font-size:1.5rem;color:#2c5282}.bonus-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.bonus-package{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.bonus-package h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;color:#2d3748;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.bonus-package ul{list-style:none;padding:0}.bonus-package li{display:flex;align-items:flex-start;margin-bottom:10px;line-height:1.4}.bonus-check{color:#f59e0b;margin-right:8px;flex-shrink:0;margin-top:3px}.bonus-popular{border:2px solid #4299e1}@media (max-width: 768px){.comparison-table-container h2{font-size:1.75rem}.comparison-table th,.comparison-table td{padding:12px 8px}.package-name{font-size:1rem}.package-price{font-size:1.2rem}}@media (max-width: 480px){.comparison-table-wrapper{margin-left:-20px;margin-right:-20px;border-radius:0;width:calc(100% + 40px)}.comparison-table{border-radius:0}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-primary: #5003b3;--color-primary-dark: #3a0287;--color-primary-light: rgba(80, 3, 179, .1);--color-accent: #f33c06;--color-accent-dark: #d32d00;--color-accent-light: rgba(243, 60, 6, .1);--color-text: #333;--color-text-light: #666;--color-background: #f9f9fc;--color-white: #ffffff}[data-theme=dark]{--color-primary: #6d1ee3;--color-primary-dark: #5003b3;--color-primary-light: rgba(109, 30, 227, .1);--color-accent: #ff5c2b;--color-accent-dark: #f33c06;--color-accent-light: rgba(255, 92, 43, .1);--color-text: #e1e1e1;--color-text-light: #a1a1a1;--color-background: #121212;--color-white: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--color-text);line-height:1.5;background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}img{max-width:100%;height:auto}.app{position:relative;min-height:100vh;overflow-x:hidden}main{margin-top:0}:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}