:root{--primary-color:#0ea5e9;--primary-hover:#0284c7;--primary-light:#38bdf8;--accent-blue:#0369a1;--accent-amber:#f59e0b;--sidebar-bg:#0c4a6e;--text-dark:#1f2937;--text-light:#6b7280;--bg-white:#fff;--bg-light:#f8fafc;--border-color:#e5e7eb;--shadow:0 2px 8px #00000014;--shadow-hover:0 8px 24px #0000001f;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-light);color:var(--text-dark);direction:ltr;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}.cart-overlay{z-index:1100;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;transition:opacity .3s;position:fixed;inset:0}.cart-overlay.visible{opacity:1;pointer-events:all}.cart-drawer{z-index:1200;background:#fff;flex-direction:column;width:420px;max-width:100vw;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000026}.cart-drawer.open{transform:translate(0)}.cart-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cart-title{color:#1f2937;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.cart-title svg{color:#0ea5e9;width:22px;height:22px}.cart-count-badge{color:#fff;background:#0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:flex}.cart-header-actions{align-items:center;gap:12px;display:flex}.clear-cart-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;transition:color .2s}.clear-cart-btn:hover{color:#dc2626}.cart-close-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s;display:flex}.cart-close-btn:hover{background:#e5e7eb}.cart-items{flex-direction:column;flex:1;gap:0;padding:16px 24px;display:flex;overflow-y:auto}.cart-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:14px;padding:16px 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-img{background:#f1f5f9;border-radius:10px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex:1;min-width:0}.cart-item-pn{color:#0ea5e9;letter-spacing:.3px;margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.cart-item-info h4{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:.9rem;font-weight:600;line-height:1.35;overflow:hidden}.cart-item-price{color:#0c4a6e;font-size:.9rem;font-weight:700}.cart-item-controls{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.qty-control{border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;display:flex;overflow:hidden}.qty-control button{cursor:pointer;color:#374151;background:#f8fafc;border:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:background .15s;display:flex}.qty-control button:hover{background:#e5e7eb}.qty-control span{color:#1f2937;text-align:center;border-left:1.5px solid #e5e7eb;border-right:1.5px solid #e5e7eb;width:32px;font-size:.88rem;font-weight:600;line-height:30px}.remove-btn{cursor:pointer;color:#d1d5db;background:0 0;border:none;padding:2px;transition:color .2s}.remove-btn:hover{color:#dc2626}.remove-btn svg{width:16px;height:16px}.cart-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.empty-cart-icon{margin-bottom:12px;font-size:3rem}.cart-empty p{color:#6b7280;margin:0 0 20px;font-size:.95rem}.shop-now-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}.shop-now-btn:hover{background:#0284c7}.cart-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:10px;padding:20px 24px;display:flex}.cart-total{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cart-total span{color:#6b7280;font-size:.9rem;font-weight:500}.cart-total strong{color:#0c4a6e;font-size:1.4rem;font-weight:800}.checkout-wa-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.checkout-wa-btn:hover{background:#1da851}.checkout-contact-btn{text-align:center;color:#1f2937;background:#f1f5f9;border-radius:10px;padding:12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .2s;display:block}.checkout-contact-btn:hover{background:#e2e8f0}@media (width<=480px){.cart-drawer{width:100vw}}.navbar{z-index:1000;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar:not(.scrolled){background:0 0}.navbar.scrolled{background:#fff;padding:12px 0;box-shadow:0 2px 20px #0000001a}.navbar-container{align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.navbar-logo-img{mix-blend-mode:multiply;width:auto;height:48px;transition:height .3s;display:block}.navbar.scrolled .navbar-logo-img{mix-blend-mode:normal;height:40px}.navbar-links{flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:#ffffffe6;border-radius:6px;padding:8px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.navbar.scrolled .navbar-links a{color:#374151}.navbar-links a:hover,.navbar-links a.active{color:#0ea5e9;background:#0ea5e91a}.navbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.cart-icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.cart-icon-btn svg{width:18px;height:18px}.navbar.scrolled .cart-icon-btn{color:#374151;background:#f1f5f9;border-color:#e5e7eb}.cart-icon-btn:hover{color:#0ea5e9;background:#0ea5e933;border-color:#0ea5e9}.navbar.scrolled .cart-icon-btn:hover{background:#0ea5e91a}.cart-badge{color:#fff;background:#0ea5e9;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.navbar-cta{color:#fff;white-space:nowrap;background:#0ea5e9;border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.navbar-cta:hover{background:#0284c7;transform:translateY(-1px)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:4px;display:none}.hamburger span{background:#fff;border-radius:2px;width:25px;height:2px;transition:all .3s;display:block}.navbar.scrolled .hamburger span{background:#1f2937}@media (width<=900px){.hamburger{display:flex}.navbar-cta{display:none}.navbar-right{margin-left:auto}.navbar-links{z-index:-1;background:#0c4a6e;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:fixed;inset:0}.navbar-links.open{display:flex}.navbar-links a{color:#ffffffe6;padding:14px 30px;font-size:1.3rem}.navbar-links a:hover,.navbar-links a.active{color:#0ea5e9;background:#0ea5e926}.navbar.menu-open .hamburger span:first-child{transform:translateY(7px)rotate(45deg)}.navbar.menu-open .hamburger span:nth-child(2){opacity:0}.navbar.menu-open .hamburger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.footer{color:#94a3b8;background:#0c1929;padding-top:72px}.footer-container{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px 60px;display:grid}.footer-logo{margin-bottom:16px;font-size:1.6rem;font-weight:800}.footer-logo .logo-start{color:#fff}.footer-logo .logo-net{color:#0ea5e9}.footer-about{color:#94a3b8;margin-bottom:24px;font-size:.9rem;line-height:1.7}.footer-social{gap:12px;display:flex}.footer-social a{color:#94a3b8;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.footer-social a:hover{color:#fff;background:#0ea5e9}.footer-social svg{width:18px;height:18px}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:.95rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col ul li a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#0ea5e9}.contact-list li{align-items:flex-start;gap:10px;display:flex}.contact-list svg{color:#0ea5e9;flex-shrink:0;width:16px;height:16px;margin-top:2px}.contact-list span{color:#94a3b8;font-size:.9rem}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid #ffffff14;padding:20px 24px;font-size:.85rem}@media (width<=900px){.footer-container{grid-template-columns:1fr 1fr;gap:36px}.footer-col:first-child{grid-column:1/-1}}@media (width<=480px){.footer-container{grid-template-columns:1fr}.footer-col:first-child{grid-column:1}}.section-title{text-align:center;margin-bottom:56px}.section-label{color:#0ea5e9;letter-spacing:1.5px;text-transform:uppercase;background:#0ea5e91a;border-radius:20px;margin-bottom:14px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.section-title h2{color:#1f2937;letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2}.section-title p{color:#6b7280;max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.section-title.light h2{color:#fff}.section-title.light p{color:#ffffffbf}.section-title.light .section-label{color:#7dd3fc;background:#ffffff26}.cta-banner{text-align:center;background:linear-gradient(135deg,#0c4a6e 0%,#0369a1 100%);padding:80px 24px;position:relative;overflow:hidden}.cta-banner:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cta-banner-content{max-width:700px;margin:0 auto;position:relative}.cta-banner h2{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}.cta-banner p{color:#fffc;margin-bottom:36px;font-size:1.05rem;line-height:1.7}.cta-btn{color:#0c4a6e;background:#fff;border-radius:8px;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.partner-section{background:#f8fafc;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:40px 0}.partner-label{text-align:center;letter-spacing:1.5px;text-transform:uppercase;color:#9ca3af;margin-bottom:24px;font-size:.8rem;font-weight:700}.marquee-wrapper{contain:paint;width:100%;overflow:hidden}.marquee-track{will-change:transform;gap:0;width:max-content;animation:30s linear infinite marquee;display:flex}.partner-item{color:#9ca3af;letter-spacing:.5px;white-space:nowrap;border-right:1px solid #e5e7eb;flex-shrink:0;padding:0 40px;font-size:1rem;font-weight:700;transition:color .2s}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.partner-item:hover{color:#0ea5e9}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.whatsapp-float{z-index:999;color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:10px;padding:12px 20px 12px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:28px;right:28px;overflow:hidden;box-shadow:0 4px 20px #25d36673}.whatsapp-float svg{flex-shrink:0;width:24px;height:24px}.whatsapp-float span{white-space:nowrap;max-width:100px;transition:all .3s}.whatsapp-float:hover{background:#1ebe5d;transform:translateY(-3px);box-shadow:0 8px 28px #25d36680}@media (width<=480px){.whatsapp-float{border-radius:50%;padding:14px;bottom:20px;right:20px}.whatsapp-float span{display:none}}.home-page{font-family:Inter,system-ui,-apple-system,sans-serif}.hero{text-align:center;background:linear-gradient(#0c4a6eb8,#0c4a6eb8),url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1920&q=80) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-overlay{pointer-events:none;background:radial-gradient(#0000 40%,#0000004d 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding:0 24px;position:relative}.hero-badge{color:#7dd3fc;letter-spacing:1.5px;text-transform:uppercase;background:#0ea5e933;border:1px solid #0ea5e966;border-radius:20px;margin-bottom:24px;padding:8px 20px;font-size:.8rem;font-weight:700;display:inline-block}.hero-content h1{color:#fff;letter-spacing:-1px;margin-bottom:20px;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;line-height:1.1}.hero-content h1 span{color:#38bdf8}.hero-content p{color:#ffffffd1;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-btn-primary{color:#fff;background:#0ea5e9;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.hero-btn-primary:hover{background:#0284c7;transform:translateY(-2px)}.hero-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1.5px solid #fff6;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.hero-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.hero-scroll-indicator{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #fff6;border-radius:12px;justify-content:center;width:24px;height:40px;padding-top:6px;display:flex}.scroll-wheel{background:#fff9;border-radius:2px;width:3px;height:8px;animation:1.5s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.stats-bar{background:#0c4a6e;grid-template-columns:repeat(4,1fr);padding:0;display:grid}.stat-item{text-align:center;border-right:1px solid #ffffff1a;padding:36px 24px}.stat-item:last-child{border-right:none}.stat-number{color:#fff;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:clamp(2rem,3vw,2.8rem);font-weight:900;line-height:1}.stat-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.services-section{background:#f8fafc}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:12px;padding:32px 28px;text-decoration:none;transition:all .3s;display:flex}.service-card:hover{border-color:#0ea5e9;transform:translateY(-6px);box-shadow:0 16px 40px #0ea5e91f}.service-icon{color:#0ea5e9;background:#0ea5e91a;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex}.service-icon svg{width:26px;height:26px}.service-card h3{color:#1f2937;margin:0;font-size:1.05rem;font-weight:700}.service-card p{color:#6b7280;flex:1;margin:0;font-size:.9rem;line-height:1.65}.service-link{color:#0ea5e9;margin-top:4px;font-size:.88rem;font-weight:600}.projects-section{background:#fff}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.project-card{border-radius:12px;text-decoration:none;display:block;overflow:hidden}.project-image{aspect-ratio:4/3;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.06)}.project-overlay{opacity:0;background:linear-gradient(#0000 45%,#0c4a6eeb 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-category{color:#fff;letter-spacing:.5px;background:#0ea5e9;border-radius:4px;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.project-overlay h3{color:#fff;margin:0 0 6px;font-size:.95rem;font-weight:700;line-height:1.3}.project-view{color:#7dd3fc;font-size:.85rem;font-weight:600}.section-cta{text-align:center}.btn-outline{color:#0ea5e9;border:2px solid #0ea5e9;border-radius:8px;padding:12px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline:hover{color:#fff;background:#0ea5e9}.why-us-section{background:#f8fafc}.why-us-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.why-us-image{position:relative}.why-us-image img{object-fit:cover;aspect-ratio:4/3;border-radius:16px;width:100%;display:block}.why-us-badge{color:#fff;text-align:center;background:#0ea5e9;border-radius:14px;padding:20px 24px;position:absolute;bottom:-20px;right:-20px;box-shadow:0 8px 24px #0ea5e966}.badge-number{font-size:2rem;font-weight:900;line-height:1;display:block}.badge-text{opacity:.9;font-size:.75rem;font-weight:600;line-height:1.4}.why-us-content h2{color:#1f2937;letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:800;line-height:1.2}.why-us-content>p{color:#6b7280;margin-bottom:32px;font-size:1rem;line-height:1.75}.why-list{flex-direction:column;gap:12px;margin:0 0 36px;padding:0;list-style:none;display:flex}.why-list li{color:#374151;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.5;display:flex}.why-list li svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.btn-primary-solid:hover{background:#0369a1;transform:translateY(-1px)}@media (width<=1024px){.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:64px 0}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat-item{border-bottom:1px solid #ffffff1a}.stat-item:nth-child(2n){border-right:none}.services-grid,.projects-grid{grid-template-columns:1fr}.project-overlay{opacity:1}.why-us-grid{grid-template-columns:1fr;gap:40px}.why-us-badge{bottom:-16px;right:16px}}@media (width<=480px){.hero-content h1{font-size:2.2rem}.stats-bar{grid-template-columns:1fr 1fr}}.services-page{font-family:Inter,system-ui,sans-serif}.services-list-section{background:#f8fafc;padding:96px 0}.services-detail-grid{flex-direction:column;gap:80px;display:flex}.service-detail-card{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid;overflow:hidden;box-shadow:0 4px 24px #0000000f}.service-detail-card.reverse{direction:rtl}.service-detail-card.reverse>*{direction:ltr}.sdc-image{height:380px;overflow:hidden}.sdc-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.service-detail-card:hover .sdc-image img{transform:scale(1.04)}.sdc-content{padding:48px 48px 48px 0}.service-detail-card.reverse .sdc-content{padding:48px 0 48px 48px}.sdc-icon{color:#0ea5e9;background:#0ea5e91a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.sdc-icon svg{width:28px;height:28px}.sdc-content h2{color:#1f2937;letter-spacing:-.3px;margin:0 0 16px;font-size:1.8rem;font-weight:800}.sdc-content>p{color:#6b7280;margin-bottom:28px;font-size:.95rem;line-height:1.75}.sdc-specs{border:1px solid #e5e7eb;border-radius:10px;margin:0 0 32px;padding:0;list-style:none;overflow:hidden}.sdc-specs li{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:10px 16px;font-size:.88rem;display:flex}.sdc-specs li:last-child{border-bottom:none}.spec-label{color:#6b7280;font-weight:500}.spec-value{color:#1f2937;font-weight:700}.sdc-actions{gap:12px;display:flex}.btn-primary-solid{color:#fff;background:#0c4a6e;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary-solid:hover{background:#0369a1}.btn-ghost{color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-ghost:hover{color:#0ea5e9;border-color:#0ea5e9}@media (width<=900px){.service-detail-card,.service-detail-card.reverse{direction:ltr;grid-template-columns:1fr}.sdc-image{height:240px}.sdc-content,.service-detail-card.reverse .sdc-content{padding:32px 24px}}.service-detail-page{font-family:Inter,system-ui,sans-serif}.sdp-hero{background-position:50%;background-size:cover;align-items:flex-end;height:420px;display:flex;position:relative}.sdp-hero-overlay{background:linear-gradient(#0c4a6e66 0%,#0c4a6eeb 100%);position:absolute;inset:0}.sdp-hero-content{width:100%;max-width:1200px;margin:0 auto;padding:0 24px 48px;position:relative}.breadcrumb{color:#7dd3fc;margin-bottom:12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.sdp-hero-content h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900}.sdp-body{background:#f8fafc;padding:64px 0}.sdp-container{grid-template-columns:1fr 320px;align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.sdp-main{flex-direction:column;gap:48px;display:flex}.sdp-description h2,.sdp-specs-table h2,.sdp-gallery h2{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:0 0 16px;padding-bottom:12px;font-size:1.4rem;font-weight:800}.sdp-description p{color:#4b5563;font-size:1rem;line-height:1.85}.sdp-specs-table table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 12px #0000000d}.sdp-specs-table tr{border-bottom:1px solid #e5e7eb}.sdp-specs-table tr:last-child{border-bottom:none}.spec-key{color:#6b7280;background:#f8fafc;width:45%;padding:14px 20px;font-size:.9rem;font-weight:500}.spec-val{color:#1f2937;padding:14px 20px;font-size:.9rem;font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.gallery-item{aspect-ratio:4/3;border-radius:10px;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-item:hover img{transform:scale(1.05)}.sdp-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px}.sidebar-card h3{color:#1f2937;margin:0 0 10px;font-size:1.05rem;font-weight:800}.sidebar-card>p{color:#6b7280;margin-bottom:20px;font-size:.88rem;line-height:1.6}.sidebar-cta-btn{text-align:center;color:#fff;background:#0ea5e9;border-radius:8px;margin-bottom:12px;padding:13px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.sidebar-phone{color:#0c4a6e;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.sidebar-phone svg{width:16px;height:16px}.other-services-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.other-services-list a{color:#374151;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.other-services-list a:hover{color:#0ea5e9}@media (width<=900px){.sdp-container{grid-template-columns:1fr}}.projects-page{font-family:Inter,system-ui,sans-serif}.page-hero h1{letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.projects-list-section{background:#f8fafc;padding:80px 0}.filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.filter-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:50px;padding:9px 22px;font-size:.9rem;font-weight:600;transition:all .2s}.filter-btn:hover{color:#0ea5e9;border-color:#0ea5e9}.filter-btn.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.pp-projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pp-project-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.pp-project-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.pp-project-image{aspect-ratio:16/10;position:relative;overflow:hidden}.pp-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.pp-project-card:hover .pp-project-image img{transform:scale(1.06)}.pp-category{color:#fff;background:#0ea5e9;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.pp-project-info{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.pp-project-info h3{color:#1f2937;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.pp-project-info p{color:#6b7280;flex:1;margin:0;font-size:.875rem;line-height:1.6}.pp-meta{flex-wrap:wrap;gap:16px;display:flex}.pp-meta span{color:#9ca3af;align-items:center;gap:5px;font-size:.8rem;font-weight:500;display:flex}.pp-meta svg{width:14px;height:14px}.pp-view-link{color:#0ea5e9;font-size:.875rem;font-weight:700}@media (width<=1024px){.pp-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pp-projects-grid{grid-template-columns:1fr}}.project-detail-page{font-family:Inter,system-ui,sans-serif}.pdp-hero{height:520px;position:relative;overflow:hidden}.pdp-hero img{object-fit:cover;width:100%;height:100%;display:block}.pdp-hero-overlay{background:linear-gradient(#0000 0%,#0c4a6e40 40%,#0c4a6ee6 100%);position:absolute;inset:0}.pdp-hero-content{max-width:1200px;margin:0 auto;padding:0 24px 48px;position:absolute;bottom:0;left:0;right:0}.breadcrumb{color:#7dd3fc;margin-bottom:10px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.breadcrumb:hover{color:#fff}.pdp-category{color:#fff;background:#0ea5e9;border-radius:20px;margin-bottom:10px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.pdp-hero-content h1{color:#fff;letter-spacing:-.5px;max-width:700px;margin:0;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:900}.pdp-thumbnails{background:#1f2937;padding:12px 24px;overflow-x:auto}.thumbnails-track{gap:8px;max-width:1200px;margin:0 auto;display:flex}.thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:80px;height:55px;padding:0;transition:border-color .2s;overflow:hidden}.thumb.active{border-color:#0ea5e9}.thumb img{object-fit:cover;width:100%;height:100%}.pdp-body{background:#f8fafc;padding:64px 0}.pdp-container{grid-template-columns:1fr 300px;align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.pdp-main h2{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:14px;font-size:1.5rem;font-weight:800}.pdp-main p{color:#4b5563;font-size:1rem;line-height:1.85}.pdp-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:28px}.pdp-info-card h3{color:#1f2937;margin:0 0 20px;font-size:1rem;font-weight:800}.pdp-info-card ul{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.pdp-info-card li{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 0;font-size:.9rem;display:flex}.pdp-info-card li:last-child{border-bottom:none}.pdp-info-card li span{color:#6b7280}.pdp-info-card li strong{color:#1f2937}.sidebar-cta-btn{text-align:center;color:#fff;background:#0ea5e9;border-radius:10px;padding:14px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.sidebar-cta-btn:hover{background:#0284c7}.related-projects{background:#fff;padding:64px 0}.related-projects h2{color:#1f2937;margin:0 0 32px;font-size:1.5rem;font-weight:800}.related-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.related-card{aspect-ratio:4/3;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.related-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.related-card:hover img{transform:scale(1.05)}.related-info{background:linear-gradient(#0000 40%,#0c4a6ee0 100%);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.related-info span{color:#7dd3fc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:700}.related-info h4{color:#fff;margin:0;font-size:.9rem;font-weight:700;line-height:1.3}@media (width<=900px){.pdp-container{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.pdp-hero{height:360px}}@media (width<=480px){.related-grid{grid-template-columns:1fr}}.about-page{font-family:Inter,system-ui,sans-serif}.page-hero{text-align:center;color:#fff;background:linear-gradient(#0c4a6ecc,#0c4a6ecc),url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=1920&q=80) 50%/cover;padding:180px 24px 80px}.page-hero h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.page-hero p{color:#fffc;max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-label-inline{color:#0ea5e9;letter-spacing:1.5px;text-transform:uppercase;background:#0ea5e91a;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.about-mission{background:#f8fafc;padding:96px 0}.mission-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.mission-image img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%}.mission-content h2{color:#1f2937;letter-spacing:-.3px;margin:0 0 16px;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800}.mission-content p{color:#6b7280;font-size:1rem;line-height:1.8}.mission-stats{border-top:1px solid #e5e7eb;gap:32px;margin-top:36px;padding-top:36px;display:flex}.mstat{flex-direction:column;gap:4px;display:flex}.mstat strong{color:#0ea5e9;font-size:2rem;font-weight:900;line-height:1}.mstat span{color:#6b7280;font-size:.85rem;font-weight:500}.timeline-section{background:#fff}.timeline{max-width:800px;margin:0 auto;padding:20px 0;position:relative}.timeline-line{background:#e5e7eb;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-end;margin-bottom:48px;padding-right:calc(50% + 40px);display:flex;position:relative}.timeline-item.right{justify-content:flex-start;padding-left:calc(50% + 40px);padding-right:0}.timeline-dot{z-index:1;background:#0ea5e9;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #0ea5e940}.timeline-content{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;max-width:340px;padding:24px}.timeline-year{color:#fff;background:#0ea5e9;border-radius:4px;margin-bottom:10px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.timeline-content h3{color:#1f2937;margin:0 0 8px;font-size:1rem;font-weight:700}.timeline-content p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.6}.values-section{background:#f8fafc}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:28px;transition:all .3s}.value-card:hover{border-color:#0ea5e9;transform:translateY(-4px);box-shadow:0 12px 32px #0ea5e91a}.value-icon{margin-bottom:16px;font-size:2rem;display:block}.value-card h3{color:#1f2937;margin:0 0 8px;font-size:1rem;font-weight:700}.value-card p{color:#6b7280;margin:0;font-size:.88rem;line-height:1.65}.team-section{background:#fff}.team-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.team-card{text-align:center}.team-photo{border:3px solid #e5e7eb;border-radius:50%;width:120px;height:120px;margin:0 auto 16px;overflow:hidden}.team-photo img{object-fit:cover;width:100%;height:100%}.team-card h3{color:#1f2937;margin:0 0 4px;font-size:1rem;font-weight:700}.team-card span{color:#0ea5e9;font-size:.85rem;font-weight:600}@media (width<=900px){.mission-grid{grid-template-columns:1fr;gap:40px}.values-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.timeline-item,.timeline-item.right{justify-content:flex-start;padding:0 0 0 60px}.timeline-line,.timeline-dot{left:20px}.timeline-content{max-width:100%}}@media (width<=480px){.values-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}.contact-page{font-family:Inter,system-ui,sans-serif}.contact-hero{text-align:center;color:#fff;background:linear-gradient(#0c4a6ed9,#0c4a6ed9),url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1920&q=80) 50%/cover;padding:180px 24px 80px}.page-hero-inner{max-width:640px;margin:0 auto}.page-label{color:#7dd3fc;letter-spacing:1.5px;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;margin-bottom:16px;padding:7px 18px;font-size:.78rem;font-weight:700;display:inline-block}.contact-hero h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:900}.contact-hero p{color:#ffffffd1;margin:0;font-size:1.05rem;line-height:1.7}.contact-body{background:#f8fafc;padding:80px 0}.contact-container{grid-template-columns:1fr 380px;align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.contact-form-col h2{color:#1f2937;margin:0 0 10px;font-size:1.75rem;font-weight:800}.contact-intro{color:#6b7280;margin:0 0 32px;font-size:.95rem;line-height:1.7}.contact-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:36px}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-row .form-group{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:8px;flex:1;min-width:160px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:background .2s}.submit-btn:hover:not(:disabled){background:#0284c7}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.whatsapp-alt-btn{color:#fff;white-space:nowrap;background:#25d366;border-radius:8px;align-items:center;gap:8px;padding:14px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.whatsapp-alt-btn:hover{background:#1da851}.contact-success{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:60px 36px}.success-icon{color:#fff;background:#0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.8rem;display:flex}.contact-success h3{color:#1f2937;margin:0 0 10px;font-size:1.5rem;font-weight:800}.contact-success p{color:#6b7280;margin:0 0 28px;line-height:1.7}.contact-success button{color:#0ea5e9;cursor:pointer;background:0 0;border:1.5px solid #0ea5e9;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.contact-success button:hover{color:#fff;background:#0ea5e9}.contact-info-card,.contact-services-card,.contact-response-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:28px}.contact-info-card h3,.contact-services-card h3{color:#1f2937;margin:0 0 20px;font-size:1rem;font-weight:800}.contact-info-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.contact-info-list li{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.contact-info-list li:last-child{border-bottom:none}.info-icon{color:#0ea5e9;background:#0ea5e914;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.info-icon svg{width:18px;height:18px}.contact-info-list li div:last-child{flex-direction:column;gap:2px;display:flex}.contact-info-list li span{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:500}.contact-info-list li strong{color:#1f2937;font-size:.9rem;font-weight:600}.services-quick-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.services-quick-list li{color:#374151;align-items:center;gap:10px;font-size:.88rem;display:flex}.check-dot{background:#0ea5e9;border-radius:50%;flex-shrink:0;width:8px;height:8px}.contact-response-card{text-align:center}.response-icon{margin-bottom:10px;font-size:2rem}.contact-response-card h4{color:#1f2937;margin:0 0 8px;font-size:1rem;font-weight:700}.contact-response-card p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.6}.contact-map{height:400px;position:relative}.map-wrapper{height:100%}.map-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=900px){.contact-container{grid-template-columns:1fr}.contact-info-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-info-card{grid-column:1/-1}}@media (width<=600px){.form-row{grid-template-columns:1fr}.contact-form{padding:24px}.form-actions{flex-direction:column}.submit-btn,.whatsapp-alt-btn{justify-content:center;width:100%}.contact-info-col{grid-template-columns:1fr}.contact-map{height:280px}}.products-page{font-family:Inter,system-ui,sans-serif}.pp-hero{text-align:center;color:#fff;background:linear-gradient(#0c4a6ee0,#0c4a6ee0),url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1920&q=80) 50%/cover;padding:180px 24px 80px}.pp-hero-inner{max-width:600px;margin:0 auto}.pp-label{color:#7dd3fc;letter-spacing:1.5px;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;margin-bottom:16px;padding:7px 18px;font-size:.78rem;font-weight:700;display:inline-block}.pp-hero h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3rem);font-weight:900}.pp-hero p{color:#ffffffd1;margin:0;font-size:1.05rem;line-height:1.7}.pp-search-bar{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px;position:sticky;top:64px}.pp-search-inner{align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.pp-search-input{flex:1;align-items:center;display:flex;position:relative}.pp-search-input svg{color:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.pp-search-input input{color:#1f2937;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:11px 40px 11px 44px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.pp-search-input input:focus{background:#fff;border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;line-height:1;position:absolute;right:12px}.clear-btn:hover{color:#374151}.results-count{color:#6b7280;white-space:nowrap;font-size:.85rem;font-weight:500}.pp-body{background:#f8fafc;min-height:400px;padding:56px 0 80px}.pp-container{max-width:1200px;margin:0 auto;padding:0 24px}.pp-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.product-card{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.product-card:hover{border-color:#0ea5e9;transform:translateY(-5px);box-shadow:0 16px 40px #0ea5e91f}.product-img-wrap{aspect-ratio:4/3;background:#f1f5f9;position:relative;overflow:hidden}.product-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-img-wrap img{transform:scale(1.04)}.stock-badge{border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;right:12px}.stock-badge.low{color:#92400e;background:#fef3c7}.stock-badge.out{color:#991b1b;background:#fee2e2}.product-info{flex-direction:column;flex:1;padding:20px;display:flex}.part-number{color:#0ea5e9;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:700}.product-info h3{color:#1f2937;margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.4}.product-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.product-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.product-price{color:#0c4a6e;white-space:nowrap;font-size:1.15rem;font-weight:800}.card-actions{flex-shrink:0;gap:6px;display:flex}.add-cart-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0ea5e9;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:background .2s,transform .15s}.add-cart-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px)}.add-cart-btn.added{background:#059669}.add-cart-btn:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.view-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .2s}.view-btn:hover{background:#e2e8f0}.in-cart-badge{color:#fff;background:#059669;border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:12px;left:12px}.pp-loading{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.skeleton-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;overflow:hidden}.skeleton-img{aspect-ratio:4/3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.skeleton-lines{flex-direction:column;gap:10px;padding:20px;display:flex}.sk-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.4s infinite shimmer}.w80{width:80%}.w60{width:60%}.w50{width:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pp-empty{text-align:center;padding:80px 24px}.empty-icon{margin-bottom:16px;font-size:3rem}.pp-empty h3{color:#1f2937;margin:0 0 10px;font-size:1.3rem;font-weight:700}.pp-empty p{color:#6b7280;font-size:.95rem}.pp-empty button{color:#0ea5e9;cursor:pointer;font-size:inherit;background:0 0;border:none;font-weight:600;text-decoration:underline}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:720px;max-height:90vh;display:grid;position:relative;overflow:hidden auto;box-shadow:0 32px 80px #00000040}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:#000000bf}.modal-img{aspect-ratio:1;background:#f1f5f9;overflow:hidden}.modal-img img{object-fit:cover;width:100%;height:100%}.modal-content{flex-direction:column;padding:32px;display:flex}.modal-pn{color:#0ea5e9;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.modal-content h2{color:#1f2937;margin:0 0 14px;font-size:1.25rem;font-weight:800;line-height:1.35}.modal-desc{color:#6b7280;flex:1;margin:0 0 24px;font-size:.9rem;line-height:1.7}.modal-meta{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;gap:24px;margin-bottom:24px;padding:16px 0;display:flex}.meta-item{flex-direction:column;gap:3px;display:flex}.meta-item span{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.meta-item strong{color:#0c4a6e;font-size:1.1rem;font-weight:800}.ok-clr{color:#059669!important}.low-clr{color:#d97706!important}.out-clr{color:#dc2626!important}.modal-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.modal-add-cart-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:10px;width:100%;padding:13px;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s;display:block}.modal-add-cart-btn:hover:not(:disabled),.modal-add-cart-btn.in-cart{background:#0284c7}.modal-add-cart-btn:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.modal-wa-btn{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.modal-wa-btn:hover{background:#1da851}.modal-contact-btn{text-align:center;color:#1f2937;background:#f1f5f9;border-radius:10px;padding:12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:block}.modal-contact-btn:hover{background:#e2e8f0}@media (width<=960px){.pp-grid,.pp-loading{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pp-grid,.pp-loading,.modal-box{grid-template-columns:1fr}.modal-img{aspect-ratio:16/9}.modal-content{padding:24px}}.admin-layout{background:var(--bg-light);width:100%;min-height:100vh;display:flex;position:relative}@media (width<=768px){body:has(.admin-layout){overflow-x:hidden}}.admin-sidebar{background:var(--sidebar-bg);color:#fff;z-index:1000;flex-direction:column;width:280px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.admin-sidebar.closed{transform:translate(100%)}.sidebar-header{padding:var(--spacing-xl);border-bottom:1px solid #ffffff1a}.admin-logo h2{color:#fff;transition:var(--transition);margin:0;font-size:1.5rem;font-weight:700;text-decoration:none}.admin-sidebar.closed .admin-logo h2{text-align:center;font-size:1.25rem}.sidebar-nav{padding:var(--spacing-lg) 0;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);color:#fffc;transition:var(--transition);text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{background:var(--primary-color);color:#fff}.nav-item.active:before{content:"";background:var(--primary-light);width:4px;position:absolute;top:0;bottom:0;right:0}.nav-item svg{flex-shrink:0}.nav-divider{height:1px;margin:var(--spacing-md) var(--spacing-xl);background:#ffffff1a}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid #ffffff1a}.user-info{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.user-avatar{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-details{flex:1;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.user-email{color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.logout-button{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff1a;border:none;border-radius:8px;font-size:.9375rem;display:flex}.logout-button:hover{background:#c33}.admin-main{transition:var(--transition);flex-direction:column;flex:1;margin-right:280px;display:flex}.admin-sidebar.closed+.admin-main{margin-right:0}.admin-topbar{background:var(--bg-white);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sidebar-toggle{color:var(--text-dark);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition);background:0 0;border:none;border-radius:8px}.sidebar-toggle:hover{background:var(--bg-light)}.topbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.icon-button{color:var(--text-dark);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition);background:0 0;border:none;border-radius:8px;position:relative}.icon-button:hover{background:var(--bg-light)}.notification-badge{color:#fff;text-align:center;background:#f44;border-radius:10px;min-width:18px;padding:2px 5px;font-size:.625rem;font-weight:700;position:absolute;top:4px;left:4px}.admin-content{min-width:0;padding:var(--spacing-xl);flex:1;overflow-x:hidden}.sidebar-overlay{display:none}.theme-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{cursor:pointer;z-index:0;background-color:#2196f3;transition:all .4s;position:absolute;inset:0;overflow:hidden}.theme-slider.round{border-radius:22px}.theme-slider.round .sun-moon{border-radius:50%}.sun-moon{background-color:#ff0;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.theme-switch input:checked+.theme-slider{background-color:#1a1a2e}.theme-switch input:checked+.theme-slider .sun-moon{background-color:#fff;transform:translate(18px)}.moon-dot{opacity:0;fill:gray;transition:all .4s}.theme-switch input:checked+.theme-slider .sun-moon .moon-dot{opacity:1}#moon-dot-1{z-index:4;width:4px;height:4px;position:absolute;top:1px;left:6px}#moon-dot-2{z-index:4;width:6px;height:6px;position:absolute;top:6px;left:1px}#moon-dot-3{z-index:4;width:2px;height:2px;position:absolute;top:11px;left:10px}.light-ray{fill:#fff;opacity:.1;z-index:-1;position:absolute}#light-ray-1{width:26px;height:26px;top:-5px;left:-5px}#light-ray-2{width:34px;height:34px;top:-50%;left:-50%}#light-ray-3{width:38px;height:38px;top:-10px;left:-10px}.cloud-light{fill:#eee;animation:6s infinite cloud-move;position:absolute}.cloud-dark{fill:#ccc;animation:6s 1s infinite cloud-move;position:absolute}#cloud-1{width:24px;top:9px;left:18px}#cloud-2{width:12px;top:6px;left:28px}#cloud-3{width:18px;top:15px;left:10px}#cloud-4{width:24px;top:11px;left:22px}#cloud-5{width:12px;top:8px;left:32px}#cloud-6{width:18px;top:17px;left:14px}@keyframes cloud-move{0%{transform:translate(0)}40%{transform:translate(3px)}80%{transform:translate(-3px)}to{transform:translate(0)}}.theme-slider .stars{opacity:0;transition:all .4s;transform:translateY(-22px)}.theme-switch input:checked+.theme-slider .stars{opacity:1;transform:translateY(0)}.theme-slider .star{fill:#fff;transition:all .4s;animation:2s infinite star-twinkle;position:absolute}#star-1{width:12px;animation-delay:.3s;top:1px;left:2px}#star-2{width:4px;top:11px;left:2px}#star-3{width:8px;animation-delay:.6s;top:14px;left:7px}#star-4{width:10px;animation-delay:1.3s;top:0;left:12px}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}@media (width<=1024px){.admin-layout{width:100%;max-width:100vw;overflow-x:hidden!important}.admin-sidebar{width:280px;max-width:80vw;left:0;right:auto;transform:translate(-100%)}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);box-shadow:2px 0 20px #0000004d}.sidebar-overlay{z-index:999;background:#00000080;animation:.3s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-main{width:100%;max-width:100vw;margin-left:0;margin-right:0}.admin-content{padding:var(--spacing-md);width:100%;max-width:100%}}@media (width<=768px){.admin-topbar{padding:var(--spacing-md)}.admin-content{padding:var(--spacing-sm)}.sidebar-header{padding:var(--spacing-lg)}.admin-logo h2{font-size:1.25rem}.nav-item{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem}.user-details{display:none}.user-avatar{margin:0 auto}.logout-button span{display:none}.sidebar-footer{padding:var(--spacing-md)}}.dashboard-page{max-width:1400px;margin:0 auto}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.stat-card{background:var(--bg-white);padding:var(--spacing-xl);box-shadow:var(--shadow);gap:var(--spacing-md);transition:var(--transition);border-radius:16px;flex-direction:column;display:flex}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.stat-content{flex:1}.stat-label{color:var(--text-light);margin-bottom:var(--spacing-xs);font-size:.875rem}.stat-value{color:var(--text-dark);margin:0;font-size:2rem;font-weight:700}.stat-link{color:var(--primary-color);transition:var(--transition);font-size:.875rem;font-weight:600;text-decoration:none}.stat-link:hover{color:var(--primary-hover)}.dashboard-section{background:var(--bg-white);padding:var(--spacing-xl);box-shadow:var(--shadow);margin-bottom:var(--spacing-2xl);border-radius:16px}.section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.section-header h2{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:700}.view-all-link{color:var(--primary-color);transition:var(--transition);font-size:.9375rem;font-weight:600;text-decoration:none}.view-all-link:hover{color:var(--primary-hover)}.table-container{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{padding:var(--spacing-md);text-align:right;border-bottom:1px solid var(--border-color)}.orders-table th{background:var(--bg-light);color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.orders-table tbody tr{transition:var(--transition)}.action-link{color:var(--primary-color);transition:var(--transition);font-weight:600;text-decoration:none}.action-link:hover{color:var(--primary-hover);text-decoration:underline}.empty-state{text-align:center;color:var(--text-light);padding:var(--spacing-2xl)!important}.dashboard-two-col{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.chart-bars{flex-direction:column;gap:14px;display:flex}.chart-bar-row{align-items:center;gap:10px;display:flex}.chart-bar-label{width:48px;color:var(--text-dark);text-align:right;flex-shrink:0;font-size:.8rem;font-weight:600}.chart-bar-track{background:var(--bg-light);border-radius:6px;flex:1;height:22px;overflow:hidden}.chart-bar-fill{border-radius:6px;min-width:4px;height:100%;transition:width .6s cubic-bezier(.23,1,.32,1)}.chart-bar-count{width:28px;color:var(--text-dark);text-align:left;flex-shrink:0;font-size:.85rem;font-weight:700}.low-stock-alert-icon{margin-left:6px}.low-stock-empty{padding:var(--spacing-xl);color:var(--text-light);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.low-stock-empty span{font-size:2rem}.low-stock-list{flex-direction:column;gap:10px;max-height:280px;display:flex;overflow-y:auto}.low-stock-item{background:var(--bg-light);transition:var(--transition);border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.low-stock-item:hover{background:var(--border-color)}.low-stock-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:42px;height:42px}.low-stock-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.low-stock-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.low-stock-category{color:var(--text-light);font-size:.75rem}.low-stock-badge{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:.75rem;font-weight:700}.low-stock-badge.out{color:#991b1b;background:#fee2e2}.low-stock-badge.low{color:#92400e;background:#fef3c7}@media (width<=1024px){.dashboard-two-col{grid-template-columns:1fr}}.quick-actions h2{color:var(--text-dark);margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:700}.actions-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.action-card{background:var(--bg-white);padding:var(--spacing-xl);box-shadow:var(--shadow);align-items:center;gap:var(--spacing-md);color:var(--text-dark);transition:var(--transition);border-radius:16px;flex-direction:column;text-decoration:none;display:flex}.action-card:hover{box-shadow:var(--shadow-hover);color:var(--primary-color);transform:translateY(-5px)}.action-card svg{transition:var(--transition)}.action-card:hover svg{stroke:var(--primary-color)}.action-card span{text-align:center;font-size:1rem;font-weight:600}.loading-container p{color:var(--text-light);font-size:1rem}@media (width<=768px){.stats-grid,.actions-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.orders-table{font-size:.875rem}.orders-table th,.orders-table td{padding:var(--spacing-sm)}}.products-management-page{max-width:1400px;margin:0 auto}.btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #bf88594d}.category-filter{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);background:var(--bg-white);color:var(--text-dark);border-radius:8px;font-size:1rem}.category-filter:focus{border-color:var(--primary-color);outline:none}.products-count{color:var(--text-light);margin-bottom:var(--spacing-lg);font-size:.9375rem}.products-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card-admin{-webkit-backdrop-filter:blur(20px);transition:var(--transition);background:#ffffff8c;border:1px solid #ffffff80;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #0000000f,inset 0 1px #ffffffb3}.product-card-admin:hover{border-color:#fff9;transform:translateY(-6px);box-shadow:0 12px 36px #0000001f,inset 0 1px #fffc}.product-image-admin{background:var(--bg-light);width:100%;height:200px;position:relative;overflow:hidden}.product-image-admin:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff14 0%,#0000 30% 70%,#0000000a 100%);border-bottom:1px solid #ffffff26;position:absolute;inset:0}.product-image-admin img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card-admin:hover .product-image-admin img{transform:scale(1.05)}.discount-badge-admin{-webkit-backdrop-filter:blur(12px);color:#fff;background:#f44c;border:1px solid #fff3;border-radius:10px;padding:.5rem .75rem;font-size:.875rem;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #ff444440}.out-of-stock-badge{-webkit-backdrop-filter:blur(16px);color:#fff;background:#ff6b6bbf;border:1px solid #fff3;border-radius:10px;padding:.5rem 1.25rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #ff6b6b4d}.product-info-admin{padding:var(--spacing-lg)}.product-info-admin h3{color:var(--text-dark);margin-bottom:var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:700;overflow:hidden}.products-management-page .product-category{color:var(--text-light);margin-bottom:var(--spacing-md);font-size:.875rem}.product-prices{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.products-management-page .original-price{color:var(--text-light);font-size:.75rem;text-decoration:line-through}.current-price{color:var(--primary-color);font-size:1.25rem;font-weight:700}.product-meta{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);color:var(--text-light);justify-content:space-between;font-size:.875rem;display:flex}.product-actions{gap:var(--spacing-sm);display:flex}.btn-edit,.btn-delete{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:6px;flex:1;font-size:.9375rem;font-weight:600;text-decoration:none}.btn-edit{background:var(--primary-color);color:#fff}.btn-edit:hover{background:var(--primary-hover)}.btn-delete{color:#c33;background:#fee}.btn-delete:hover{background:#fcc}.empty-state p{color:var(--text-light);margin-bottom:var(--spacing-xl);font-size:1rem}@media (width<=768px){.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.page-header{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center}}.image-upload-label{cursor:pointer;border:2px dashed var(--border-color,#ddd);border-radius:12px;transition:border-color .2s;display:block;overflow:hidden}.image-upload-label:hover{border-color:var(--primary,#6366f1)}.image-placeholder{color:var(--text-muted,#999);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.image-placeholder span{font-size:.95rem;font-weight:500}.image-placeholder small{font-size:.75rem}.image-preview{object-fit:cover;width:100%;max-height:280px;display:block}.product-form-page{max-width:1000px;margin:0 auto}.alert{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:8px;font-size:.9375rem;font-weight:500;display:flex}.alert svg{flex-shrink:0}.alert-error{color:#c33;background:#fee;border:1px solid #fcc}.alert-success{color:#3c3;background:#efe;border:1px solid #cfc}.product-form{background:var(--bg-white);padding:var(--spacing-2xl);box-shadow:var(--shadow);border-radius:16px}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.section-title{color:var(--text-dark);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:700;display:flex}.section-title:before{content:"";background:var(--primary-color);border-radius:2px;width:4px;height:24px}.form-row{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);transition:var(--transition);background:var(--bg-white);color:var(--text-dark);border-radius:8px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #bf88591a}.form-group input:read-only{background:var(--bg-light);color:var(--text-light);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.form-help{color:var(--text-light);margin-top:-4px;font-size:.875rem}.images-upload{gap:var(--spacing-lg);flex-direction:column;display:flex}.upload-area{position:relative}.upload-area input[type=file]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.upload-area label{padding:var(--spacing-2xl);border:2px dashed var(--border-color);background:var(--bg-light);cursor:pointer;transition:var(--transition);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.upload-area label:hover{border-color:var(--primary-color);background:#bf88590d}.upload-area label.uploading{pointer-events:none;opacity:.7}.upload-area svg{color:var(--text-light);margin-bottom:var(--spacing-md)}.upload-area p{color:var(--text-dark);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.upload-area small{color:var(--text-light);font-size:.875rem}.upload-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);width:48px;height:48px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.images-preview{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.image-item{aspect-ratio:1;background:var(--bg-light);border:2px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%}.remove-image{cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000026}.remove-image:hover{color:#c33;background:#fee;transform:scale(1.1)}.primary-badge{background:var(--primary-color);color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 8px #00000026}.variant-row{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.variant-row .form-group{flex:1}.variant-row .form-group:last-of-type{max-width:150px}.variant-price-label{color:var(--text-light);white-space:nowrap;font-size:.875rem}.btn-remove-variant{color:#991b1b;cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.btn-remove-variant:hover{color:#fff;background:#ef4444}.btn-add-variant{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-light);border:2px dashed var(--border-color);color:var(--primary-color);cursor:pointer;transition:var(--transition);border-radius:8px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-add-variant:hover{border-color:var(--primary-color);background:#bf88590d}.color-card{background:var(--bg-light);border:1px solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:12px}.color-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.color-inputs{gap:var(--spacing-md);flex:1;display:flex}.color-inputs .form-group{flex:1}.color-picker-group{align-items:center!important;gap:var(--spacing-sm)!important;flex-direction:row!important;max-width:180px!important;display:flex!important}.color-picker-input{cursor:pointer;flex-shrink:0;border:2px solid var(--border-color)!important;border-radius:8px!important;width:42px!important;height:42px!important;padding:2px!important}.color-hex-label{color:var(--text-light);font-family:monospace;font-size:.8125rem}.color-images-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.color-images-upload input[type=file]{display:none}.color-images-upload label{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-white);border:1px dashed var(--border-color);cursor:pointer;color:var(--text-dark);transition:var(--transition);border-radius:8px;font-size:.875rem;display:inline-flex}.color-images-upload label:hover{border-color:var(--primary-color)}.color-images-upload label.uploading{pointer-events:none;opacity:.7}.upload-spinner.small{border-width:2px;width:16px;height:16px;display:inline-block}.color-images-preview{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.color-image-item{border:1px solid var(--border-color);border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.color-image-item img{object-fit:cover;width:100%;height:100%}.remove-image.small{width:20px;height:20px;font-size:.625rem;top:4px;right:4px}.form-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-color);display:flex}.btn-cancel,.btn-submit{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;min-width:140px;font-size:1rem;font-weight:600;display:inline-flex}.btn-cancel{background:var(--bg-light);color:var(--text-dark);border:2px solid var(--border-color)}.btn-cancel:hover{border-color:var(--text-light);background:#f5f5f5}.btn-submit{background:var(--primary-color);color:#fff}.btn-submit:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #bf88594d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=768px){.product-form{padding:var(--spacing-xl)}.form-row,.form-row-3{grid-template-columns:1fr}.images-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}.page-header{flex-direction:column;align-items:stretch}}.orders-management-page{width:100%}.page-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.filters-section{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.search-box{flex:1;min-width:250px;position:relative}.status-filter{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);background:var(--bg-white);color:var(--text-dark);border-radius:8px;font-size:1rem}.status-filter:focus{border-color:var(--primary-color);outline:none}.orders-count{color:var(--text-light);margin-bottom:var(--spacing-lg);font-size:.9375rem}.orders-table-container{background:var(--bg-white);width:100%;max-width:1400px;box-shadow:var(--shadow);border-radius:16px;margin:0 auto;overflow:auto hidden}.orders-table{border-collapse:collapse;width:100%;min-width:860px}.orders-table thead{background:var(--bg-light)}.orders-table th{padding:12px var(--spacing-md);text-align:right;color:var(--text-dark);border-bottom:2px solid var(--border-color);font-size:.9375rem;font-weight:700}.orders-table td{padding:12px var(--spacing-md);text-align:right;border-bottom:1px solid var(--border-color);font-size:.9375rem}.orders-table tbody tr:hover{background:var(--bg-light)}.orders-table tbody tr:last-child td{border-bottom:none}.order-id{color:var(--primary-color);font-family:monospace;font-weight:600}.customer-info{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.customer-avatar{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.customer-name{color:var(--text-dark);margin-bottom:2px;font-weight:600}.customer-email{color:var(--text-light);font-size:.875rem}.order-date{color:var(--text-light);white-space:nowrap;font-size:.875rem}.order-amount{color:var(--text-dark);white-space:nowrap;font-size:1rem;font-weight:700}.payment-badge{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-dark);white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:.875rem;font-weight:500;display:inline-block}.status-badge{color:#fff;border-radius:6px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-block}.action-buttons{align-items:center;gap:var(--spacing-sm);width:fit-content;padding:4px 20px;display:flex}.btn-view{background:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:6px;padding:6px 16px;font-size:.875rem;font-weight:600}.status-select{border:2px solid var(--border-color);cursor:pointer;max-width:130px;transition:var(--transition);background:var(--bg-white);color:var(--text-dark);border-radius:6px;padding:6px 10px;font-size:.875rem}.status-select:focus{border-color:var(--primary-color);outline:none}.status-select:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;padding:var(--spacing-xl);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-header{padding:var(--spacing-xl);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--text-dark);font-size:1.5rem;font-weight:700}.close-btn{background:var(--bg-light);cursor:pointer;width:40px;height:40px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:#e5e5e5;transform:rotate(90deg)}.modal-body{padding:var(--spacing-xl)}.details-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.details-section:last-child{border-bottom:none;margin-bottom:0}.details-section h3{color:var(--text-dark);margin-bottom:var(--spacing-md);font-size:1.125rem;font-weight:700}.details-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.detail-label{color:var(--text-light);font-size:.875rem;font-weight:600}.detail-value{color:var(--text-dark);font-size:1rem}.address-box{padding:var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px}.address-box p{color:var(--text-dark);margin:0;line-height:1.6}.address-box p+p{margin-top:4px}.order-items{gap:var(--spacing-md);flex-direction:column;display:flex}.order-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-light);border-radius:8px;display:flex}.order-item img{object-fit:cover;background:var(--bg-white);border-radius:6px;width:60px;height:60px}.item-details h4{color:var(--text-dark);margin-bottom:4px;font-size:1rem;font-weight:600}.item-details p{color:var(--text-light);font-size:.875rem}.item-price{color:var(--primary-color);font-size:1rem;font-weight:700}.order-summary{gap:var(--spacing-sm);flex-direction:column;display:flex}.summary-row{color:var(--text-dark);justify-content:space-between;font-size:1rem;display:flex}.summary-row.total{padding-top:var(--spacing-md);border-top:2px solid var(--border-color);color:var(--primary-color);font-size:1.25rem;font-weight:700}.payment-info{gap:var(--spacing-md);flex-direction:column;display:flex}.modal-footer{padding:var(--spacing-xl);border-top:2px solid var(--border-color);justify-content:flex-end;display:flex}.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-light);color:var(--text-dark);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:8px;font-size:1rem;font-weight:600}.btn-secondary:hover{border-color:var(--text-light);background:#f5f5f5}@media (width<=1200px){.orders-table-container{overflow-x:auto}.orders-table{min-width:1000px}}@media (width<=768px){.modal-overlay{padding:var(--spacing-md)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.details-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-view,.status-select{width:100%}}.order-detail-page{padding:var(--spacing-xl)}.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.page-header h1{color:var(--text-dark);margin:.5rem 0;font-size:2rem}.page-header p{color:var(--text-light);margin:0}.back-btn{color:var(--primary-color);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:1rem;font-weight:600;display:flex}.back-btn:hover{gap:.75rem}.header-actions{align-items:center;gap:1rem;display:flex}.btn-edit-order{background:var(--bg-white);color:#92400e;cursor:pointer;transition:var(--transition);white-space:nowrap;border:2px solid #6e6e6ea1;border-radius:8px;padding:.5rem 1.5rem;font-size:.9375rem;font-weight:600}.btn-edit-order:hover{color:#fff;background:#10b981}.status-badge{color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.status-badge.large{padding:.75rem 1.5rem;font-size:1rem}.order-content{grid-template-columns:1fr 400px;gap:2rem;display:grid}.order-main,.order-sidebar{flex-direction:column;gap:2rem;display:flex}.detail-card{background:var(--bg-white);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.detail-card h2{color:var(--text-dark);border-bottom:2px solid var(--border-color);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.5rem}.detail-grid{grid-template-columns:repeat(3,1fr);gap:1rem 2.5rem;display:grid}.detail-item{background:var(--bg-light);border-right:3px solid var(--primary-color);border-radius:8px;flex-direction:column;gap:.4rem;padding:.75rem 1rem;display:flex}.detail-item .label,.info-row .label{color:var(--text-light);font-size:.875rem;font-weight:600}.detail-item .value,.info-row .value{color:var(--text-dark);font-size:1rem}.address-info{color:var(--text-dark);line-height:1.8}.address-info p{margin:.5rem 0}.order-items{flex-direction:column;gap:1.5rem;display:flex}.order-item{border:1px solid var(--border-color);transition:var(--transition);border-radius:8px;gap:1.5rem;padding:1rem;display:flex}.order-item:hover{box-shadow:0 4px 12px #0000001a}.item-image{object-fit:cover;border-radius:8px;width:100px;height:100px}.item-details{flex:1}.item-details h3{color:var(--text-dark);margin:0 0 .5rem;font-size:1.125rem}.item-details p{color:var(--text-light);margin:.25rem 0;font-size:.9375rem}.item-variants-info{font-weight:500;color:var(--primary-color)!important;font-size:.875rem!important}.item-total{color:var(--primary-color);align-items:center;font-size:1.25rem;font-weight:700;display:flex}.summary-rows{flex-direction:column;gap:1rem;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:1rem;display:flex}.summary-row.total{color:var(--primary-color);padding-top:1rem;font-size:1.25rem;font-weight:700}.summary-divider{background:var(--border-color);height:1px;margin:.5rem 0}.payment-info{flex-direction:column;gap:1rem;display:flex}.info-row{justify-content:space-between;align-items:center;display:flex}.badge{border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.badge.paid{color:#065f46;background:#d1fae5}.badge.unpaid{color:#991b1b;background:#fee2e2}.status-select{border:1px solid var(--border-color);width:100%;color:var(--text-dark);background:var(--bg-white);cursor:pointer;transition:var(--transition);border-radius:8px;padding:.75rem;font-size:1rem}.status-select:hover{border-color:var(--primary-color)}.status-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #bf88591a}.btn-print{background:var(--bg-white);color:var(--text-dark);border:1.5px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.btn-print svg{width:16px;height:16px}.btn-print:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.discount-row{color:#10b981}.order-tracking{background:var(--bg-white);border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 2px 8px #00000014}.tracking-title{color:var(--text-dark);margin:0 0 1.5rem;font-size:1.1rem;font-weight:700}.tracking-steps{justify-content:space-between;align-items:flex-start;display:flex}.tracking-step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.step-icon-wrap{align-items:center;width:100%;display:flex}.step-icon{background:var(--bg-light);border:2px solid var(--border-color);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .3s;display:flex;position:relative}.tracking-step.done .step-icon{background:#10b9811f;border-color:#10b981}.tracking-step.current .step-icon{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 4px #bf885933}.step-line{background:var(--border-color);flex:1;height:2px;transition:background .3s}.step-line.done{background:#10b981}.step-label{color:var(--text-light);text-align:center;white-space:nowrap;font-size:.75rem;font-weight:600}.tracking-step.done .step-label{color:#10b981}.tracking-step.current .step-label{color:var(--primary-color)}.order-cancelled-banner{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:10px;margin-bottom:2rem;padding:14px 20px;font-size:1rem;font-weight:700;display:flex}.print-only{display:none}@media print{.no-print,.header,.admin-sidebar{display:none!important}.admin-main{padding:0!important}.print-only{display:block!important}.order-detail-page{padding:0}.print-header{text-align:center;border-bottom:2px solid #333;margin-bottom:20px;padding:20px 0}.print-header h1{margin:0 0 8px;font-size:1.5rem}.order-content{grid-template-columns:1fr!important}.detail-card{box-shadow:none;page-break-inside:avoid;border:1px solid #ddd;margin-bottom:16px}}.order-detail-page.customer-view{max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg);margin:0 auto}@media (width<=1024px){.order-content{grid-template-columns:1fr}.order-sidebar{order:-1}}@media (width<=768px){.order-detail-page{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:1rem;margin-bottom:1.25rem}.page-header h1{font-size:1.35rem}.page-header p{font-size:.85rem}.header-actions{flex-wrap:wrap;gap:.5rem}.detail-card{padding:1rem}.detail-card h2{margin-bottom:1rem;font-size:1.1rem}.detail-grid{grid-template-columns:1fr 1fr;gap:.75rem 1rem}.order-item{flex-direction:row;gap:.75rem;padding:.75rem}.item-image{flex-shrink:0;width:70px;height:70px}.item-details h3{font-size:.9rem}.item-details p{font-size:.8rem}.item-total{font-size:.95rem}.order-tracking{padding:1rem}.step-icon{width:34px;height:34px;font-size:.95rem}.step-label{font-size:.65rem}.summary-row{font-size:.875rem}}@media (width<=480px){.order-detail-page{padding:.75rem}.detail-grid{grid-template-columns:1fr;gap:.5rem}.order-item{gap:.5rem}.item-image{width:55px;height:55px}.tracking-steps{gap:2px}.step-icon{width:30px;height:30px;font-size:.8rem}.step-label{font-size:.6rem}.page-header h1{font-size:1.1rem}.detail-card{padding:.75rem}.detail-card h2{font-size:1rem}}.coupons-page{max-width:1400px;margin:0 auto}.coupons-page .page-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.coupons-page .page-header h1{color:var(--text-dark);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.coupons-page .page-header p{color:var(--text-light);font-size:1rem}.coupons-page .btn-primary{align-items:center;gap:var(--spacing-sm);background:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.coupons-page .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #bf88594d}.coupon-form-card{-webkit-backdrop-filter:blur(20px);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:#ffffff8c;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffb3}.coupon-form-card h3{color:var(--text-dark);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);font-size:1.25rem;font-weight:700}.form-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-dark);font-size:.85rem;font-weight:600}.form-input{border:2px solid var(--border-color);transition:var(--transition);background:var(--bg-white);color:var(--text-dark);border-radius:8px;padding:.65rem .85rem;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #bf88591a}.form-actions{gap:var(--spacing-md);display:flex}.btn-create{padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600}.btn-create:hover{background:var(--primary-hover)}.btn-create:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-light);color:var(--text-dark);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:8px;font-family:inherit;font-size:1rem;font-weight:600}.btn-cancel:hover{background:var(--border-color)}.coupons-table-wrapper{-webkit-backdrop-filter:blur(20px);background:#ffffff8c;border:1px solid #ffffff80;border-radius:18px;overflow:auto hidden;box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffb3}.coupons-table{border-collapse:collapse;width:100%;min-width:800px}.coupons-table thead{background:#bf885914}.coupons-table th{text-align:right;color:var(--text-dark);white-space:nowrap;padding:1rem 1.25rem;font-size:.85rem;font-weight:700}.coupons-table td{color:var(--text-dark);border-top:1px solid var(--border-color);padding:.85rem 1.25rem;font-size:.9rem}.coupons-table tr:hover{background:#bf88590a}.coupons-table tr.row-inactive{opacity:.5}.coupon-code-cell{letter-spacing:1px;color:var(--primary-color);background:#bf885914;border-radius:6px;padding:.25rem .6rem;font-size:.95rem;font-weight:700}.type-badge{border-radius:20px;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.type-badge.percentage{color:#3b82f6;background:#3b82f61a}.type-badge.fixed{color:#a855f7;background:#a855f71a}.value-cell{font-weight:600}.max-discount{color:var(--text-light);font-size:.75rem;font-weight:400}.uses-cell{direction:ltr;font-weight:500;display:inline-block}.date-cell{flex-direction:column;gap:.2rem;display:flex}.date-cell.expired{color:#ef4444}.expired-label{color:#ef4444;font-size:.7rem;font-weight:700}.toggle-btn{cursor:pointer;transition:var(--transition);border:none;border-radius:20px;padding:.3rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.toggle-btn.active{color:#16a34a;background:#16a34a1f}.toggle-btn.active:hover{background:#16a34a33}.toggle-btn.inactive{color:#ef4444;background:#ef44441a}.toggle-btn.inactive:hover{background:#ef444433}.btn-delete-sm{color:#ef4444;cursor:pointer;transition:var(--transition);background:#ef444414;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:flex}.btn-delete-sm:hover{background:#ef44442e}.coupons-page .empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);-webkit-backdrop-filter:blur(20px);background:#ffffff8c;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffb3}.coupons-page .empty-state svg{color:var(--text-light);margin-bottom:var(--spacing-lg)}.coupons-page .empty-state h3{color:var(--text-dark);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700}.coupons-page .empty-state p{color:var(--text-light);font-size:1rem}.coupons-page .loading-container{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:400px;display:flex}.coupons-page .loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@media (width<=768px){.coupons-page .page-header{flex-direction:column;align-items:stretch}.coupons-page .btn-primary{justify-content:center}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-create,.btn-cancel{text-align:center;width:100%}}.customers-page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-2xl)}.page-header h1{color:var(--text-dark);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.page-header p{color:var(--text-light);font-size:1rem}.filters-section{margin-bottom:var(--spacing-xl)}.search-box{max-width:400px;position:relative}.search-box svg{right:var(--spacing-md);color:var(--text-light);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 20px);border:2px solid var(--border-color);transition:var(--transition);border-radius:8px;font-size:1rem}.search-box input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #bf88591a}.customers-count{color:var(--text-light);margin-bottom:var(--spacing-lg);font-size:.9375rem}.customers-table-container{background:var(--bg-white);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:var(--bg-light)}.customers-table th{padding:var(--spacing-lg);text-align:right;color:var(--text-dark);border-bottom:2px solid var(--border-color);font-size:.9375rem;font-weight:700}.customers-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);font-size:.9375rem}.customers-table tbody tr:hover{background:var(--bg-light)}.customers-table tbody tr:last-child td{border-bottom:none}.customer-info{align-items:center;gap:var(--spacing-md);display:flex}.customer-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.btn-view{background:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:6px 16px;font-size:.875rem;font-weight:600}.btn-view:hover{background:var(--primary-hover)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--bg-white);box-shadow:var(--shadow);border-radius:16px}.empty-state svg{color:var(--text-light);margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-dark);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-light);font-size:1rem}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:400px;display:flex}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@media (width<=1024px){.customers-table-container{overflow-x:auto}.customers-table{min-width:800px}}