:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;max-width:100%;overflow-x:hidden;background-color:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.signupPage{width:100vw;min-height:calc(100vh - 80px);height:calc(100vh - 80px);display:flex;margin:80px 0 0;padding:0;overflow:hidden;position:relative;background-color:#fff;z-index:1}.signupPageLeft{width:60%;min-height:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(to bottom,#1a2a3a,#2d4a5a)}.signupPageRight{width:40%;min-height:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;background-color:#fff!important;padding:2rem 2.5rem;box-sizing:border-box;overflow-y:auto;position:relative;z-index:1}.signupPageInner{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:.5rem;padding-bottom:2rem}.logoContainer{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;margin-top:.5rem;padding-top:0}.signupPageInner h2{margin-bottom:2rem;margin-top:0;color:#1a1a1a;text-align:center;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;line-height:1.2}.signupPageInner form{width:100%;display:flex;flex-direction:column;gap:1.1rem;margin-top:.5rem}.signupPageInner input,.signupPageInner textarea{width:100%;padding:.9rem 1rem;border:1px solid #d4d4d4;border-radius:5px;background-color:#fff9e6;color:#1a1a1a;font-size:.95rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s,background-color .2s,box-shadow .2s}.signupPageInner input::placeholder,.signupPageInner textarea::placeholder{color:#999}.signupPageInner input:focus,.signupPageInner textarea:focus{outline:none;border-color:#646cff;background-color:#fffef5;box-shadow:0 0 0 3px #646cff1a}.signupPageInner textarea{height:calc(4.5em + 1.8rem);resize:none;font-family:inherit;line-height:1.5;width:100%;overflow-y:auto}.inputSPasswordField,.inputSCPasswordField{position:relative;display:flex;align-items:center;width:100%}.inputSPasswordField input,.inputSCPasswordField input{padding-right:70px}.inputSPasswordField #showBtn,.inputSCPasswordField #showBtn{position:absolute;right:12px;color:#646cff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:color .2s}.inputSPasswordField #showBtn:hover,.inputSCPasswordField #showBtn:hover{color:#535bf2}.signupPageInner button{margin-top:.75rem;padding:.95rem 1.5rem;background-color:#c41e3a;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s,transform .1s,box-shadow .2s;width:100%;box-shadow:0 2px 4px #c41e3a33}.signupPageInner button:hover:not(:disabled){background-color:#a01a2e;transform:translateY(-1px);box-shadow:0 4px 8px #c41e3a4d}.signupPageInner button:active:not(:disabled){transform:translateY(0)}.signupPageInner button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signupLink{margin-top:1.25rem;margin-bottom:.5rem;text-align:center;color:#666;font-size:.9rem;line-height:1.5}.signupLink a{color:#646cff;text-decoration:underline;font-weight:500;transition:color .2s}.signupLink a:hover{color:#535bf2}.phoneTypeSelection{width:100%;margin-bottom:.5rem}.phoneTypeLabel{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:.5rem}.phoneTypeOptions{display:flex;gap:1.5rem;align-items:center}.phoneTypeOption{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#555;-webkit-user-select:none;user-select:none}.phoneTypeOption input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#646cff;margin:0}.phoneTypeOption span{cursor:pointer;transition:color .2s}.phoneTypeOption:hover span{color:#646cff}.phoneTypeOption input[type=radio]:checked+span{color:#646cff;font-weight:500}@media(max-width:1024px){.signupPageLeft{width:50%}.signupPageRight{width:50%;padding:2.5rem 2rem}.signupPageInner{max-width:380px}}@media(max-width:768px){.signupPage{flex-direction:column;position:relative;height:auto;min-height:100vh}.signupPageLeft{width:100%;min-height:35vh;max-height:35vh;height:35vh}.signupPageRight{width:100%;min-height:auto;height:auto;padding:2.5rem 2rem}.signupPageInner{max-width:100%}.labImage{object-fit:cover}.signupPageInner h2{font-size:2rem}.phoneTypeOptions{gap:1rem}.phoneTypeLabel,.phoneTypeOption{font-size:.85rem}}@media(max-width:480px){.signupPage{position:relative}.signupPageLeft{min-height:30vh;max-height:30vh;height:30vh}.signupPageRight{padding:2rem 1.5rem}.signupPageInner{max-width:100%}.signupPageInner h2{font-size:1.75rem;margin-bottom:1.5rem}.logoImage{max-width:120px;max-height:60px}.phoneTypeOptions{flex-direction:column;align-items:flex-start;gap:.75rem}.phoneTypeOption{width:100%}.signupPageInner form{gap:1rem}.signupPageInner input,.signupPageInner textarea{padding:.8rem .9rem;font-size:.9rem}.signupPageInner button{padding:.85rem 1.25rem;font-size:.95rem}}@media(max-width:360px){.signupPageRight{padding:1.5rem 1rem}.signupPageInner h2{font-size:1.5rem}.logoImage{max-width:100px;max-height:50px}}@media(max-width:768px)and (orientation:landscape){.signupPageLeft{min-height:50vh;max-height:50vh;height:50vh}.signupPageRight{padding:1.5rem 2rem}.signupPageInner form{gap:.9rem}}.loginPage{width:100vw;min-height:calc(100vh - 80px);height:calc(100vh - 80px);display:flex;margin:80px 0 0;padding:0;overflow:hidden;position:relative;background-color:#fff;z-index:1}.loginPageLeft{width:60%;min-height:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(to bottom,#1a2a3a,#2d4a5a)}.labImage{width:100%;height:100%;object-fit:cover;object-position:center}.loginPageRight{width:40%;min-height:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;background-color:#fff!important;padding:2rem 2.5rem;box-sizing:border-box;overflow-y:auto;position:relative;z-index:1}.loginPageInner{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:.5rem;padding-bottom:2rem}.logoContainer{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding-top:.5rem}.logoImage{max-width:180px;max-height:90px;object-fit:contain;width:auto;height:auto;border-radius:4px}.loginPageInner h2{margin-bottom:2rem;margin-top:0;color:#1a1a1a;text-align:center;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;line-height:1.2}.loginPageInner form{width:100%;display:flex;flex-direction:column;gap:1.1rem;margin-top:.5rem}.loginPageInner input,.loginPageInner textarea{width:100%;padding:.9rem 1rem;border:1px solid #d4d4d4;border-radius:5px;background-color:#fff9e6;color:#1a1a1a;font-size:.95rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s,background-color .2s,box-shadow .2s}.loginPageInner input::placeholder,.loginPageInner textarea::placeholder{color:#999}.loginPageInner input:focus,.loginPageInner textarea:focus{outline:none;border-color:#646cff;background-color:#fffef5;box-shadow:0 0 0 3px #646cff1a}.loginPageInner textarea{height:calc(4.5em + 1.8rem);resize:none;font-family:inherit;line-height:1.5;width:100%;overflow-y:auto}.inputLPasswordField{position:relative;display:flex;align-items:center;width:100%}.inputLPasswordField input{padding-right:70px}.inputLPasswordField #showBtn{position:absolute;right:12px;color:#646cff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:color .2s}.inputLPasswordField #showBtn:hover{color:#535bf2}.loginPageInner button{margin-top:.75rem;padding:.95rem 1.5rem;background-color:#c41e3a;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s,transform .1s,box-shadow .2s;width:100%;box-shadow:0 2px 4px #c41e3a33}.loginPageInner button:hover:not(:disabled){background-color:#a01a2e;transform:translateY(-1px);box-shadow:0 4px 8px #c41e3a4d}.loginPageInner button:active:not(:disabled){transform:translateY(0)}.loginPageInner button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loginLink{margin-top:1.25rem;margin-bottom:.5rem;text-align:center;color:#666;font-size:.9rem;line-height:1.5}.loginLink a{color:#646cff;text-decoration:underline;font-weight:500;transition:color .2s}.loginLink a:hover{color:#535bf2}.error-message{width:100%;padding:.75rem 1rem;background-color:#ff000014;border:1px solid rgba(255,0,0,.25);border-radius:5px;margin-bottom:1rem;color:#c41e3a;font-size:.9rem;text-align:center;line-height:1.4}@media(max-width:1024px){.loginPageLeft{width:50%}.loginPageRight{width:50%;padding:2.5rem 2rem}.loginPageInner{max-width:380px}}@media(max-width:768px){.loginPage{flex-direction:column;position:relative;height:auto;min-height:100vh}.loginPageLeft{width:100%;min-height:35vh;max-height:35vh;height:35vh}.loginPageRight{width:100%;min-height:auto;height:auto;padding:2.5rem 2rem}.loginPageInner{max-width:100%}.labImage{object-fit:cover}.loginPageInner h2{font-size:2rem}}@media(max-width:480px){.loginPage{position:relative}.loginPageLeft{min-height:30vh;max-height:30vh;height:30vh}.loginPageRight{padding:2rem 1.5rem}.loginPageInner{max-width:100%}.loginPageInner h2{font-size:1.75rem;margin-bottom:1.5rem}.logoImage{max-width:120px;max-height:60px}.loginPageInner form{gap:1rem}.loginPageInner input,.loginPageInner textarea{padding:.8rem .9rem;font-size:.9rem}.loginPageInner button{padding:.85rem 1.25rem;font-size:.95rem}}@media(max-width:360px){.loginPageRight{padding:1.5rem 1rem}.loginPageInner h2{font-size:1.5rem}.logoImage{max-width:100px;max-height:50px}}@media(max-width:768px)and (orientation:landscape){.loginPageLeft{min-height:50vh;max-height:50vh;height:50vh}.loginPageRight{padding:1.5rem 2rem}.loginPageInner form{gap:.9rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;box-shadow:none;padding:.75rem 2rem;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:visible;box-sizing:border-box;transition:background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#fff;box-shadow:0 2px 4px #0000001a}.navbar h1{margin:0;font-size:1.25rem;line-height:1.2;padding:.25rem .5rem;display:inline-block;color:#1a1a1a}.navbar-left{display:flex;align-items:center;transition:transform .3s ease;transform:translate(0)}.navbar-logo{height:60px;width:auto;object-fit:contain;max-width:200px;cursor:pointer;transition:transform .3s ease;margin-left:40px}.navbar-logo:hover{transform:scale(1.05)}.navbar-left.scrolled-left{transform:translate(-20px)}.navbar-nav-links{margin:0;padding:0;list-style:none;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.navbar-nav-links li,.navbar li{margin:0;padding:.5rem .75rem;font-size:1rem;color:#1a1a1a;cursor:pointer;border-radius:8px;position:relative;overflow:hidden;transition:color .3s ease;z-index:1}.navbar-nav-links li a,.navbar li a,.navbar-logout-button{color:inherit;text-decoration:none;display:block;width:100%;height:100%;position:relative;z-index:2}.navbar-nav-links li:before,.navbar li:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#fdea84;transition:height .3s ease;z-index:-1;border-radius:0 0 6px 6px}.navbar-nav-links li:hover:before,.navbar li:hover:before{height:100%}.navbar-nav-links li:hover,.navbar li:hover{color:#fff}.navbar-nav-links li.active:before,.navbar li.active:before{height:100%}.navbar-nav-links li.active,.navbar li.active{color:#fff}.cart-icon-link{position:relative;display:inline-block}.navbar-nav-links li a i.ri-shopping-cart-2-line{font-size:1.2rem;display:inline-block;vertical-align:middle;transition:transform .3s ease}.navbar-nav-links li:hover a i.ri-shopping-cart-2-line{transform:scale(1.1)}.user-icon-link{position:relative;display:inline-block}.navbar-nav-links li a i.ri-user-line{font-size:1.2rem;display:inline-block;vertical-align:middle;transition:transform .3s ease}.navbar-nav-links li:hover a i.ri-user-line{transform:scale(1.1)}.cart-count-badge{position:absolute;top:-8px;right:-8px;background-color:#f44;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;line-height:1;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;z-index:10;min-width:20px;padding:0 2px;box-sizing:border-box;animation:badgePulse .3s ease-in-out}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.cart-count-badge{width:18px;height:18px;font-size:.7rem;top:-6px;right:-6px}}.navbar-logout-button{background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;margin:0;width:100%;height:100%}.navbar-right{display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease;transform:translate(0)}.navbar-right.scrolled-right{transform:translate(20px)}.signup-button{padding:.6rem 1.5rem;background-color:transparent;color:#1a1a1a;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:color .3s ease;display:inline-block;position:relative;overflow:hidden;z-index:1}.signup-button:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#fdea84;transition:height .3s ease;z-index:-1;border-radius:0 0 6px 6px}.signup-button:hover:before{height:100%}.signup-button:hover{color:#fff}.signup-button.active:before{height:100%}.signup-button.active{color:#fff}.home-page{width:100%;min-height:100vh;margin:0;padding:0;position:relative;background-color:#fff;z-index:1;overflow-x:hidden}.home-page p{color:#1a1a1a}.heroSection{width:100%;height:100vh;position:relative}.heroImageContainer{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(to bottom,#1a2a3a,#2d4a5a)}.heroImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s ease-in-out;image-rendering:auto;-ms-interpolation-mode:bicubic;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:opacity}.heroImage.active{opacity:1}.heroImageText{position:absolute;top:70%;right:4%;transform:translateY(-50%);padding:2rem 3rem;border-radius:8px;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);z-index:10;max-width:905px;height:300px;box-sizing:border-box}.heroImageText h1,.heroImageText .hero-blur-text{margin:0;color:#1a1a1a;font-size:4.5rem;font-weight:700;text-align:center;line-height:1.4;letter-spacing:1.5px}.heroImageText .hero-blur-text{margin-bottom:.5rem}.heroImageText .hero-blur-text:last-child{margin-bottom:0}@media(max-width:1024px){.heroImageText{right:3%;padding:1.75rem 2.5rem;max-width:450px}.heroImageText h1,.heroImageText .hero-blur-text{font-size:2.5rem}}@media(max-width:768px){.home-page{position:relative;height:auto;min-height:100vh}.heroImageContainer{min-height:100vh;height:100vh}.heroImageText{top:auto;bottom:10%;right:50%;transform:translate(50%);padding:2rem 2.5rem;max-width:90%;width:auto}.heroImageText h1,.heroImageText .hero-blur-text{font-size:2rem}}@media(max-width:480px){.home-page{position:relative}.heroImageContainer{min-height:100vh;height:100vh}.heroImageText{bottom:8%;padding:1.5rem 2rem;max-width:85%}.heroImageText h1,.heroImageText .hero-blur-text{font-size:1.75rem}}@media(max-width:360px){.heroImageText{padding:1.25rem 1.5rem;max-width:90%}.heroImageText h1,.heroImageText .hero-blur-text{font-size:1.5rem}}@media(max-width:768px)and (orientation:landscape){.heroImageText{top:50%;bottom:auto;right:5%;transform:translateY(-50%);padding:1.5rem 2rem;max-width:400px}.heroImageText h1,.heroImageText .hero-blur-text{font-size:1.75rem}}.counterContainer{width:100%;position:relative;margin:0 0 80px;padding:0}.counterImageWrapper{width:100%;position:relative;overflow:hidden}.counterImage{width:100%;height:auto;display:block;object-fit:cover;object-position:center;min-height:500px}.counterOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;z-index:1}.counterContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;padding:2rem;z-index:2;text-align:center;color:#fff}.counterHeading{font-size:3rem;font-weight:700;margin:0 0 3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px}.counterBoxText{display:flex;justify-content:space-around;align-items:center;gap:2rem;flex-wrap:wrap}.deliveryBox{flex:1;min-width:200px;padding:1.5rem;text-align:center}.deliveryBox h3{font-size:3.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.deliveryBox p{font-size:1.2rem;margin:0;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:500}@media(max-width:1024px){.counterHeading{font-size:2.5rem;margin-bottom:2.5rem}.deliveryBox h3{font-size:3rem}.deliveryBox p{font-size:1.1rem}.counterImage{min-height:450px}}@media(max-width:768px){.counterHeading{font-size:2rem;margin-bottom:2rem}.counterBoxText{gap:1.5rem}.deliveryBox{min-width:150px;padding:1rem}.deliveryBox h3{font-size:2.5rem}.deliveryBox p{font-size:1rem}.counterImage{min-height:400px}.counterContent{padding:1.5rem}}@media(max-width:480px){.counterHeading{font-size:1.75rem;margin-bottom:1.5rem}.counterBoxText{flex-direction:column;gap:1rem}.deliveryBox{min-width:100%;padding:1rem}.deliveryBox h3{font-size:2rem}.deliveryBox p{font-size:.95rem}.counterImage{min-height:500px}.counterContent{padding:1rem}}@media(max-width:360px){.counterHeading{font-size:1.5rem;margin-bottom:1rem}.deliveryBox h3{font-size:1.75rem}.deliveryBox p{font-size:.9rem}}.product-card-containerOuter{padding:50px;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.product-card-topten,.product-card-all-products,.product-card-chemical-category{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;margin:30px 20px;border-radius:30px;padding:20px 0;box-shadow:0 4px 15px #0006,0 2px 8px #0006}.product-card-topten{background-color:#ecbaba}.product-card-all-products{background-color:#aeaee5}.product-card-chemical-category{background-color:#cece66}.top-ten-product{text-align:center;margin:40px 0 0}.top-ten-product h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:10px 0 0;letter-spacing:1px}.product-scroll-container-outer{padding:30px 50px;width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-sizing:border-box}.product-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:1rem 20px;scroll-behavior:smooth;scrollbar-width:thin}.product-card-topten .product-scroll-container{scrollbar-color:#ECBABA #f1f1f1}.product-card-all-products .product-scroll-container{scrollbar-color:#AEAEE5 #f1f1f1}.product-card-chemical-category .product-scroll-container{scrollbar-color:rgb(206,206,102) rgb(206,206,102)}.product-scroll-container::-webkit-scrollbar{height:8px}.product-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;background-color:#00f;border-radius:10px}.product-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.product-boxes{display:flex;gap:2rem;padding:1rem 0;width:max-content}.product-box{min-width:300px;max-width:300px;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a,0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column}.product-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026,0 4px 12px #0000001f}.product-image-container{width:100%;height:200px;overflow:hidden;background-color:#f5f5f5}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-box:hover .product-image{transform:scale(1.05)}.product-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .75rem;line-height:1.3}.product-description{font-size:.95rem;color:#666;margin:0;line-height:1.5;flex-grow:1}@media(max-width:768px){.product-card-topten,.product-card-all-products,.product-card-chemical-category{padding:2rem 1rem}.top-ten-product h1{font-size:2rem}.product-box{min-width:250px;max-width:250px}.product-image-container{height:160px}.product-info{padding:1.25rem}.product-name{font-size:1.1rem}.product-description{font-size:.9rem}}@media(max-width:480px){.product-card-topten,.product-card-all-products,.product-card-chemical-category{padding:1.5rem .75rem}.top-ten-product{margin-bottom:2rem}.top-ten-product h1{font-size:1.75rem}.product-box{min-width:220px;max-width:220px}.product-image-container{height:140px}.product-info{padding:1rem}}.about-us{padding:7rem 1.5rem;display:flex;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fafafa}.about-us__container{max-width:1200px;width:100%}.about-us__title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:3rem;color:#333}.about-us__block{display:flex;align-items:center;gap:3rem;margin-bottom:4rem;flex-wrap:wrap;margin-top:7rem}.about-us__block--first{flex-direction:row}.about-us__block--second{flex-direction:row-reverse}.about-us__block-text{flex:1 1 45%;min-width:300px;margin-top:-70px}.about-us__block-text--full{flex:1 1 50%}.about-us__block-heading{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:#333;line-height:1.3}.about-us__block-intro{font-size:1.1rem;line-height:1.8;color:#555}.about-us__block-text p{font-size:1rem;line-height:1.8;color:#555;margin-bottom:1.25rem}.about-us__block-text p:last-of-type{margin-bottom:0}.about-us__block-image{flex:1 1 45%;min-width:300px;text-align:center}.about-us__image1{width:100%;max-width:390px;height:387px;border-radius:12px;box-shadow:0 8px 24px #0000001f;object-fit:cover;margin-bottom:0rem}.about-us__image2{width:100%;max-width:390px;height:387px;border-radius:12px;box-shadow:0 8px 24px #0000001f;object-fit:cover;object-position:top center;margin-bottom:0rem}.about-us__image-caption{margin-top:1rem}.about-us__image-name{font-weight:600;font-size:1.1rem;margin-bottom:.5rem;color:#333}.about-us__image-role{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.about-us__certificate-section{margin-top:6rem;margin-bottom:4rem;text-align:center}.about-us__certificate-header{font-size:2.5rem;font-weight:600;margin-top:8rem;margin-bottom:3rem;color:#333;text-align:center}.about-us__certificate-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0}.about-us__certificate-image{width:auto;height:auto;max-width:100%;max-height:90vh;object-fit:contain;object-position:center;display:block;padding:11px 0;border-radius:12px;box-shadow:0 8px 24px #0000001f;image-rendering:auto;-ms-interpolation-mode:bicubic;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media(max-width:768px){.about-us{padding:1.5rem 1rem}.about-us__title{font-size:2rem;margin-bottom:2rem}.about-us__block{flex-direction:column!important;gap:2rem;margin-bottom:3rem}.about-us__block-text,.about-us__block-image{flex:1 1 100%;min-width:100%}.about-us__block-heading{font-size:1.75rem}.about-us__image1,.about-us__image2{max-width:100%}.about-us__certificate-section{margin-top:4rem;margin-bottom:2rem}.about-us__certificate-header{font-size:2rem;margin-bottom:2rem}.about-us__certificate-wrapper{padding:1.5rem 0}.about-us__certificate-image{max-width:100%;max-height:80vh}}.contact-us-page{width:100%;min-height:100vh;margin:0;padding:0;position:relative;background-color:#fff;overflow-x:hidden}.contact-us-image-container{width:100%;height:55vh;position:relative;overflow:hidden;background-color:#f0f0f0}.contact-us-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.contact-us-content{width:100%;padding:5rem 1.5rem 6rem;max-width:1200px;margin:0 auto}.contact-us-content h1{font-size:2.5rem;font-weight:600;color:#333;margin:0 0 3rem;text-align:center}.contact-us-info-container{display:flex;gap:1.5rem;align-items:flex-start;margin-top:2rem;flex-wrap:wrap}.contact-us-left-side{flex:1 1 45%;min-width:300px;max-width:100%;display:flex;justify-content:center;align-items:flex-start}.contact-us-map-wrapper{position:relative;display:inline-block}.contact-us-map-image{width:auto;height:400px;border-radius:20px;object-fit:contain;object-position:center;display:block;box-shadow:0 8px 24px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.contact-us-map-image:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000002e}.get-direction-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 28px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:#fdea84;color:#1a1a1a;min-width:160px;box-shadow:0 4px 12px #00000040;z-index:10}.get-direction-button:hover{background-color:#d4e016;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #e5f01880}.get-direction-button:active{transform:translate(-50%) translateY(0)}.contact-us-right-side{flex:1 1 45%;min-width:300px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:#fafafa;border-radius:12px;box-shadow:0 2px 8px #00000014}.contact-info-item{font-size:1.1rem;line-height:1.6;color:#333}.contact-info-item strong{color:#1a1a1a;font-weight:600;margin-right:.5rem}.contact-info-address{line-height:1.8}.contact-info-address span{display:inline-block;margin-top:.5rem;color:#555}@media(max-width:1024px){.contact-us-image-container{height:50vh}.contact-us-content h1{font-size:2rem}.contact-us-info-container{gap:1.5rem}.contact-us-left-side,.contact-us-right-side{flex:1 1 100%}.contact-us-left-side{justify-content:center}.contact-us-map-image{width:auto;max-width:100%;height:400px}}@media(max-width:768px){.contact-us-image-container{height:45vh}.contact-us-content{padding:3rem 1rem}.contact-us-content h1{font-size:1.75rem;margin-bottom:2rem}.contact-us-info-container{flex-direction:column;gap:1.5rem;margin-top:1.5rem}.contact-us-left-side{width:100%;min-width:unset;justify-content:center}.contact-us-map-image{width:auto;max-width:100%;height:400px}.contact-us-right-side{width:100%;min-width:unset;padding:1.25rem}.contact-info-item{font-size:1rem}}@media(max-width:480px){.contact-us-image-container{height:40vh}.contact-us-content{padding:2rem .75rem}.contact-us-content h1{font-size:1.5rem;margin-bottom:1.5rem}.contact-us-info-container{gap:1.25rem}.contact-us-right-side{padding:1rem;gap:1.25rem}.contact-info-item{font-size:.95rem}.contact-us-map-image{border-radius:16px;width:auto;max-width:100%;height:350px}}.footer{background-color:#fdea84;color:#000;width:100%;padding:50px 11%;display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;box-sizing:border-box;border-top-right-radius:30px;border-top-left-radius:30px;overflow:hidden}.footerPannelTwo{text-align:center;background-color:#01131b;margin:0 -11% -20px;height:50px;display:flex;align-items:center;justify-content:center}.footerPannelTwo p{margin:0;color:#000;font-size:.9rem}.footer-content-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1;min-width:200px}.footer-logo-link{display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:transform .3s ease;cursor:pointer}.footer-logo-link:hover{transform:scale(1.05)}.footer-content-left img{width:150px;height:auto;object-fit:contain}.footer-content-left h2{margin:0;font-size:1.5rem;font-weight:600;color:#000;line-height:1.4}.footer-content-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;min-width:200px}.footer-content-center ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-content-center ul li{font-size:1.1rem;color:#000;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem;border-radius:6px;position:relative;text-align:center}.footer-content-center ul li a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.footer-content-center ul li:hover{color:#fff}.footer-content-right{display:flex;flex-direction:column;gap:2rem;flex:1;min-width:300px;align-items:flex-start}.social-media-icons{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.social-media-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;color:#000;font-size:1.5rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.social-media-icons a:hover{background-color:#1a1a1a;color:#000;transform:translateY(-3px);box-shadow:0 4px 8px #0000004d}.social-media-icons a[aria-label=WhatsApp]:hover{background-color:#25d366;color:#fff}.social-media-icons a[aria-label=Email]:hover{background-color:#ea4335;color:#fff}.social-media-icons a[aria-label=YouTube]:hover{background-color:red;color:#fff}.social-media-icons a[aria-label=LinkedIn]:hover{background-color:#0077b5;color:#fff}.social-media-icons a[aria-label=Facebook]:hover{background-color:#1877f2;color:#fff}.social-media-icons a[aria-label=Instagram]:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.footer-contact-info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.footer-contact-info li{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1rem;line-height:1.6;color:#000}.footer-contact-info li img{width:20px;height:20px;object-fit:contain;flex-shrink:0;margin-top:2px;filter:brightness(0) invert(1)}.footer-contact-info li span{flex:1;word-break:break-word;margin-top:-2px}.footer-phone-link{color:#000;text-decoration:none;transition:color .3s ease;flex:1;word-break:break-word}.footer-phone-link:hover{color:#1a1a1a;text-decoration:underline}@media(max-width:1024px){.footer{padding:40px 8%;gap:2rem}.footer-content-left{min-width:180px}.footer-content-left img{width:130px}.footer-content-left h2{font-size:1.3rem}.footer-content-center{min-width:180px}.footer-content-center ul li{font-size:1rem}.footer-content-right{min-width:250px}.social-media-icons a{width:36px;height:36px;font-size:1.3rem}.footer-contact-info li{font-size:.95rem}.footerPannelTwo{margin:0 -8% -20px}}@media(max-width:768px){.footer{flex-direction:column;padding:40px 5%;gap:2.5rem}.footer-content-left{width:100%;align-items:center;text-align:center;min-width:auto}.footer-content-left img{width:120px}.footer-content-left h2{font-size:1.2rem}.footer-content-center{width:100%;align-items:center;min-width:auto}.footer-content-center ul{width:100%}.footer-content-center ul li{font-size:1rem}.footer-content-right{width:100%;min-width:auto;align-items:center;text-align:center}.social-media-icons{justify-content:center}.footer-contact-info{width:100%;max-width:400px;margin:0 auto}.footer-contact-info li{justify-content:center;text-align:left}.footerPannelTwo{margin:0 -5% -20px}}@media(max-width:480px){.footer{padding:30px 3%}.footer-content-left img{width:100px}.footer-content-left h2{font-size:1.1rem}.footer-content-center ul li{font-size:.95rem;padding:.4rem .8rem}.footer-content-right{gap:1.5rem}.social-media-icons{gap:.75rem}.social-media-icons a{width:35px;height:35px;font-size:1.2rem}.footer-contact-info{gap:1.25rem}.footer-contact-info li{font-size:.9rem;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.footer-contact-info li img{margin-top:0}}@media(max-width:360px){.social-media-icons a{width:32px;height:32px;font-size:1.1rem}.footer-contact-info li{font-size:.85rem}.footerPannelTwo{margin:0 -3% -20px}.footerPannelTwo p{font-size:.8rem}}.product-page-container{display:flex;min-height:calc(100vh - 200px);padding:20px;gap:20px;max-width:1470px;margin:80px auto 0;box-sizing:border-box}.product-page-sidebar{width:25%;background-color:#fff;border-radius:8px;padding:21px 20px 20px;box-shadow:0 2px 8px #0000001a;height:fit-content;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.sidebar-heading{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:15px}.filter-list{display:flex;flex-direction:column;gap:8px}.filter-item{display:flex;align-items:center;cursor:pointer;padding:8px 0;transition:background-color .2s ease;border-radius:4px;width:100%}.filter-item:hover{background-color:#f5f5f5}.filter-checkbox{width:18px;height:18px;margin-right:12px;cursor:pointer;accent-color:#fdea84;flex-shrink:0}.filter-label{font-size:1rem;color:#333;-webkit-user-select:none;user-select:none;flex:1}.filter-category-group{display:flex;flex-direction:column;gap:4px}.filter-category-header{display:flex;align-items:center;justify-content:space-between;width:100%}.filter-category-header .filter-item{flex:1}.expand-button{background:none;border:none;cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;flex-shrink:0}.expand-button:hover{color:#fdea84}.filter-subcategory-list{display:flex;flex-direction:column;gap:4px;margin-left:30px;margin-top:4px;padding-left:8px;border-left:2px solid #e0e0e0}.filter-subcategory-item{padding:6px 0}.filter-subcategory-item .filter-label{font-size:.9rem;color:#555}.product-page-content{width:75%;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.content-heading{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.search-container{display:flex;align-items:center;background-color:#f5f5f5;border-radius:25px;padding:8px 15px;gap:10px;min-width:300px;border:1px solid #e0e0e0;transition:border-color .2s ease,box-shadow .2s ease}.search-container:focus-within{border-color:#fdea84;box-shadow:0 0 0 3px #e5f0181a}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:.95rem;color:#333;padding:5px 0}.search-input::placeholder{color:#999}.search-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease}.search-button:hover{color:#fdea84}.products-display{display:flex;flex-direction:column;gap:30px}.product-group{display:flex;flex-direction:column;gap:15px}.group-header{display:flex;align-items:center;margin-bottom:10px}.group-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;border:2px solid #e0e0e0;font-weight:700;font-size:1.1rem;color:#1a1a1a}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.products-grid .product-box{min-width:unset;max-width:unset;width:100%}.no-products{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem}@media(max-width:1024px){.product-page-container{flex-direction:column;margin-top:40px}.product-page-sidebar{width:100%;position:relative;top:0;max-height:none;padding-top:21px}.product-page-content{width:100%}.content-header{margin-top:20px}.search-container{min-width:250px}.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.product-page-container{padding:15px;gap:15px;margin-top:20px}.product-page-sidebar{padding-top:15px}.content-header{flex-direction:column;align-items:stretch;margin-top:15px;margin-bottom:20px}.search-container{min-width:100%}.products-grid{grid-template-columns:1fr}.products-grid .product-box{min-width:unset;max-width:unset;width:100%}.sidebar-heading,.content-heading{font-size:1.3rem}}@media(max-width:480px){.product-page-container{padding:10px;margin-top:10px}.product-page-sidebar{padding:10px 15px 15px}.product-page-content{padding:15px}.content-header{margin-top:10px;margin-bottom:15px}.filter-list{gap:8px}.filter-label{font-size:.9rem}.sidebar-heading,.content-heading{font-size:1.1rem}.pagination-container{gap:8px;margin-top:30px}.pagination-button{padding:8px 15px;font-size:.9rem;min-width:80px}.pagination-number{min-width:35px;height:35px;font-size:.9rem}}.product-specific-page{width:100%;max-width:1200px;margin:80px auto 50px;padding:30px 20px;box-sizing:border-box}.product-details-section{display:flex;gap:40px;margin-bottom:120px;align-items:flex-start}.product-image-wrapper{flex:0 0 500px;width:500px;height:500px}.product-main-image{width:500px;height:500px;object-fit:contain;object-position:center;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 4px 15px #0000001a;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;-ms-interpolation-mode:nearest-neighbor;background-color:#f8f8f8}.product-info-wrapper{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 0}.product-name-large{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}.product-description-large{font-size:1.1rem;color:#666;margin:0;line-height:1.6}.product-buttons{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.call-me-button,.add-to-cart-button{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:160px}.call-me-button{background-color:#fdea84;color:#1a1a1a}.call-me-button:hover{background-color:#d4e016;transform:translateY(-2px);box-shadow:0 4px 12px #e5f0184d}.add-to-cart-button{background-color:#c41e3a;color:#fff}.add-to-cart-button:hover{background-color:#a01a2e;transform:translateY(-2px);box-shadow:0 4px 12px #c41e3a4d}.similar-products-section{width:100%}.similar-products-heading{text-align:center;margin-bottom:30px}.similar-products-heading h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:1px}.similar-products-scroll-container-outer{padding:0 0 30px;width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-sizing:border-box}.similar-products-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;padding:1rem 0px;scroll-behavior:smooth;scrollbar-width:thin}.similar-products-scroll-container::-webkit-scrollbar{height:8px}.similar-products-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.similar-products-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.similar-products-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.similar-products-boxes{display:flex;gap:2rem;padding:1rem 0;width:max-content}@media(max-width:1024px){.product-specific-page{margin-top:80px;padding:15px}.product-details-section{gap:30px}.product-image-wrapper{flex:0 0 400px;width:400px;height:400px}.product-main-image{width:400px;height:400px;object-fit:contain;object-position:center}.product-name-large{font-size:1.75rem}.product-description-large{font-size:1rem}.similar-products-scroll-container-outer{padding:20px 30px}}@media(max-width:768px){.product-specific-page{margin-top:60px;padding:15px}.product-details-section{flex-direction:column;gap:30px;margin-bottom:40px}.product-image-wrapper{flex:0 0 100%;width:100%;height:auto;max-width:100%}.product-main-image{width:100%;aspect-ratio:1;max-width:100%;object-fit:contain;object-position:center}.product-info-wrapper{width:100%}.product-name-large{font-size:1.5rem}.product-description-large{font-size:.95rem}.product-buttons{flex-direction:column;width:100%}.call-me-button,.add-to-cart-button{width:100%;min-width:unset}.similar-products-heading h2{font-size:1.75rem}.similar-products-scroll-container-outer{padding:20px 15px}}@media(max-width:480px){.product-specific-page{margin-top:40px;padding:10px}.product-details-section{gap:20px;margin-bottom:30px}.product-name-large{font-size:1.3rem}.product-description-large{font-size:.9rem}.product-buttons{gap:15px}.call-me-button,.add-to-cart-button{padding:12px 24px;font-size:.95rem}.similar-products-heading h2{font-size:1.5rem}.similar-products-scroll-container-outer{padding:15px 10px}}.country-phone-input-wrapper{position:relative;width:100%}.country-phone-input{display:flex;align-items:center;width:100%;border:1px solid #e0e0e0;border-radius:4px;background-color:#f5f5f5;transition:border-color .2s ease,background-color .2s ease;overflow:hidden}.country-phone-input:focus-within{border-color:#1976d2;background-color:#fff;outline:none}.country-phone-input.error{border-color:#d32f2f;background-color:#fff}.country-selector{display:flex;align-items:center;gap:.5rem;padding:.75rem .7rem;cursor:pointer;background-color:transparent;border-right:1px solid #e0e0e0;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;min-width:31px}.country-selector:hover{background-color:#00000005}.country-code-text{font-size:.9rem;font-weight:500;color:#333;line-height:1;white-space:nowrap}.country-arrow{font-size:.7rem;color:#666;transition:transform .2s ease}.country-selector:hover .country-arrow{color:#1976d2}.phone-input-container{display:flex;align-items:center;flex:1;padding:.75rem 1rem;gap:.5rem}.dial-code{font-size:.95rem;color:#333;font-weight:500;white-space:nowrap}.phone-number-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;color:#333;font-family:inherit;padding:0;width:100%}.phone-number-input::placeholder{color:#999}.country-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.country-search{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;background-color:#f9f9f9;gap:.5rem}.search-icon{font-size:1rem;color:#666}.country-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;color:#333;font-family:inherit;padding:0}.country-search-input::placeholder{color:#999}.country-list{max-height:240px;overflow-y:auto;padding:.25rem 0}.country-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.country-item:hover{background-color:#f5f5f5}.country-item.selected{background-color:#e3f2fd;font-weight:500}.country-item-flag{font-size:1.2rem;line-height:1;min-width:24px}.country-item-name{flex:1;font-size:.95rem;color:#333}.country-item-code{font-size:.85rem;color:#666;font-weight:500}.country-item.no-results{cursor:default;color:#999;font-style:italic;justify-content:center;padding:1.5rem}.country-item.no-results:hover{background-color:transparent}.phone-input-error{margin-top:.5rem;font-size:.85rem;color:#d32f2f;font-weight:500}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.country-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.country-selector{min-width:31px;padding:.65rem .6rem}.phone-input-container{padding:.65rem .75rem}.country-dropdown{max-height:250px}.country-list{max-height:200px}}.add-to-cart-page{min-height:80vh;padding:2rem;background-color:#f5f5f5}.cart-container{max-width:1200px;margin:68px auto 0;background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.cart-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#333;border-bottom:2px solid #e0e0e0;padding-bottom:1rem;text-align:center}.cart-loading,.cart-error{text-align:center;padding:3rem;margin-top:100px}.cart-loading h2,.cart-error h2{color:#666;margin-bottom:1rem}.cart-error p{color:#d32f2f}.cart-empty{text-align:center;padding:4rem 2rem}.cart-empty h2{font-size:1.5rem;color:#666;margin-bottom:1rem}.cart-empty p{color:#999;margin-bottom:2rem}.browse-products-btn{background-color:#1976d2;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.browse-products-btn:hover{background-color:#1565c0}.cart-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.cart-item{display:flex;flex-direction:column;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}.cart-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cart-item-image{width:100%;height:200px;border-radius:8px;overflow:hidden;background-color:#f0f0f0;margin-bottom:1rem}.cart-item-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;background-color:#fff;pointer-events:none}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem}.cart-item-details{flex:1;margin-bottom:1rem}.cart-item-details h3{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem;line-height:1.4}.product-id{font-size:.85rem;color:#666;margin-bottom:.5rem}.product-description{font-size:.9rem;color:#999;margin-top:.5rem;line-height:1.4}.cart-item-quantity{margin:1rem 0;width:100%;display:flex;align-items:center;gap:1rem}.quantity-label{font-size:.9rem;font-weight:500;color:#666;white-space:nowrap}.quantity-selector{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;width:fit-content;background-color:#fff;gap:0}.quantity-btn{background-color:#f5f5f5;border:none;padding:.5rem 1rem;font-size:1.2rem;font-weight:500;color:#333;cursor:pointer;transition:background-color .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;outline:none;margin:0;box-shadow:none}.quantity-btn:focus{outline:none;box-shadow:none}.quantity-btn:focus-visible{outline:none;box-shadow:none}.quantity-btn:hover{background-color:#e0e0e0}.quantity-btn:active{background-color:#d0d0d0}.quantity-display{background-color:#fff;padding:.5rem .7rem;font-size:1rem;font-weight:500;color:#333;min-width:45px;text-align:center;-webkit-user-select:none;user-select:none;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.cart-item-actions{margin-top:auto;width:100%}.remove-btn{background-color:#d32f2f;color:#fff;border:none;padding:.75rem 1.5rem;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:100%}.remove-btn:hover{background-color:#c62828}@media(max-width:768px){.add-to-cart-page{padding:1rem}.cart-container{padding:1rem;margin-top:60px}.cart-title{font-size:1.5rem}.cart-items{grid-template-columns:1fr;gap:1rem}.cart-item{padding:1rem}.cart-item-image{height:180px}.pagination-container{gap:5px;margin-top:20px;padding:15px 0}.pagination-button{padding:8px 15px;font-size:.85rem;min-width:80px}.pagination-number{min-width:35px;height:35px;font-size:.85rem}}.delivery-form-container{margin-top:3rem;padding:2rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.delivery-form-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:0}.delivery-form-separator{height:1px;background-color:#e0e0e0;margin:1rem 0 1.5rem}.phone-type-selection{margin-bottom:1.5rem}.phone-type-label{display:block;font-size:.95rem;font-weight:500;color:#666;margin-bottom:.75rem}.phone-type-options{display:flex;gap:1.5rem;flex-wrap:wrap}.phone-type-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s ease;color:#333}.phone-type-option:hover{background-color:#f5f5f5}.phone-type-option.selected{color:#1976d2;font-weight:500}.phone-type-option input[type=radio]{margin:0;cursor:pointer;accent-color:#1976d2}.phone-type-option span{font-size:.95rem;-webkit-user-select:none;user-select:none;color:inherit}.form-field{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:600;color:#333;margin-bottom:.5rem}.required-asterisk{color:#d32f2f;margin-left:2px}.form-input,.form-textarea{width:100%;min-width:100%;max-width:100%;padding:.75rem 1rem;font-size:.95rem;color:#333;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;transition:border-color .2s ease,background-color .2s ease;font-family:inherit;box-sizing:border-box;resize:none!important;min-height:100px;max-height:100px;height:100px;line-height:1.5;overflow-y:auto}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1976d2;background-color:#fff}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-hint{margin-top:.5rem;font-size:.85rem;color:#999;font-style:italic;line-height:1.4}.buy-all-btn{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#000;background-color:#fdea84;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease;margin-top:1rem}.buy-all-btn:hover:not(:disabled){background-color:#d4e016;opacity:.9}.buy-all-btn:active:not(:disabled){background-color:#c4d016;opacity:.95}.buy-all-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#fdea84;color:#666}@media(max-width:768px){.delivery-form-container{padding:1.5rem;margin-top:2rem}.delivery-form-title{font-size:1.25rem}.phone-type-options{flex-direction:column;gap:.75rem}.phone-type-option{padding:.75rem 1rem}.form-input,.form-textarea{padding:.65rem .85rem;font-size:.9rem}.buy-all-btn{padding:.875rem 1.5rem;font-size:.95rem}}.user-profile-page{min-height:80vh;padding:2rem;background-color:#f5f5f5;margin-top:68px}.user-profile-container{max-width:900px;margin:0 auto}.user-profile-loading,.user-profile-error{text-align:center;padding:3rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-profile-loading h2,.user-profile-error h2{color:#666;margin-bottom:1rem}.user-profile-error p{color:#d32f2f}.user-profile-card{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.user-profile-main-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:flex-start}.user-profile-left-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.user-profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a}.user-profile-avatar i{font-size:3.5rem;color:#fff}.user-profile-name{font-size:1.75rem;font-weight:700;color:#333;margin:0;text-align:center}.user-profile-right-section{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.user-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.user-detail-row:last-child{border-bottom:none}.user-detail-label{font-size:.95rem;font-weight:500;color:#666;text-align:left}.user-detail-value{font-size:.95rem;font-weight:600;color:#333;text-align:right;word-break:break-word}.user-profile-pending-orders{margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e0e0}.pending-orders-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1.5rem}.pending-orders-loading,.pending-orders-empty{text-align:center;padding:2rem;color:#666;font-size:1rem}.pending-orders-list{display:flex;flex-direction:column;gap:1.5rem}.pending-order-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.pending-order-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.pending-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.pending-order-product-name{font-size:1.25rem;font-weight:600;color:#333;margin:0;flex:1}.pending-order-status{padding:.4rem .8rem;background-color:#fdea84;color:#000;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase}.pending-order-details{display:flex;flex-direction:column;gap:.75rem}.pending-order-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pending-order-label{font-size:.9rem;font-weight:500;color:#666;min-width:120px}.pending-order-value{font-size:.9rem;font-weight:500;color:#333;text-align:right;word-break:break-word;flex:1}.user-profile-pending-orders.admin-section{margin-top:3rem;padding-top:2rem;border-top:3px solid #1976d2}.admin-order-item{border-left:4px solid #1976d2}.admin-user-info{background-color:#e3f2fd;padding:1rem;border-radius:6px;margin-bottom:.75rem;border:1px solid #90caf9}.admin-user-info .pending-order-detail-row{padding:.5rem 0;border-bottom:1px solid #bbdefb}.admin-user-info .pending-order-detail-row:last-child{border-bottom:none}.pending-order-header-actions{display:flex;align-items:center;gap:1rem}.edit-order-btn{background-color:#1976d2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.edit-order-btn:hover{background-color:#1565c0}.edit-order-btn i{font-size:1rem}.delete-order-btn{background-color:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.delete-order-btn:hover:not(:disabled){background-color:#d32f2f}.delete-order-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.delete-order-btn i{font-size:1rem}.edit-order-form{padding:1.5rem;background-color:#f9f9f9;border-radius:8px;margin-top:1rem;border:1px solid #e0e0e0}.edit-form-row{margin-bottom:1rem}.edit-form-row label{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:.5rem}.edit-form-row input,.edit-form-row textarea,.edit-form-row select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit;box-sizing:border-box}.edit-form-row textarea{resize:none!important;min-width:100%;max-width:100%;min-height:100px;max-height:100px;height:100px;line-height:1.5;overflow-y:auto}.edit-form-row input:focus,.edit-form-row textarea:focus,.edit-form-row select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.edit-form-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.save-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover:not(:disabled){background-color:#45a049}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#f44336;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#da190b}.cancel-btn:disabled{background-color:#ccc;cursor:not-allowed}.delivered-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #4caf50}.delivered-order-item{border-left:4px solid #4caf50}.delivered-status{background-color:#4caf50!important;color:#fff!important}.month-filter-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.month-filter-btn{padding:.6rem 1.2rem;border:1px solid #ddd;border-radius:20px;background-color:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.month-filter-btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#4caf50;transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.month-filter-btn.active{background-color:#4caf50;color:#fff;border-color:#4caf50;font-weight:600}.month-filter-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f5f5f5;color:#999}.month-filter-btn.no-data:not(:disabled){opacity:.6}.delivered-orders-by-month{display:flex;flex-direction:column;gap:2rem}.month-group{margin-bottom:2rem}.month-group-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #4caf50}@media(max-width:768px){.month-filter-container{gap:.5rem;padding:.75rem}.month-filter-btn{padding:.5rem .9rem;font-size:.85rem}.month-group-title{font-size:1.1rem}}@media(max-width:480px){.month-filter-container{gap:.4rem;padding:.5rem}.month-filter-btn{padding:.4rem .7rem;font-size:.8rem;flex:1 1 calc(25% - .4rem);min-width:calc(25% - .4rem)}}@media(max-width:768px){.user-profile-page{padding:1rem;margin-top:68px}.user-profile-card{padding:1.5rem}.user-profile-main-section{grid-template-columns:1fr;gap:2rem}.user-profile-left-section{gap:1rem}.user-profile-avatar{width:100px;height:100px}.user-profile-avatar i{font-size:3rem}.user-profile-name{font-size:1.5rem}.user-profile-right-section{padding-top:0}.user-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.user-detail-label{font-size:.85rem}.user-detail-value{font-size:.9rem;text-align:left}.user-profile-pending-orders{margin-top:2rem;padding-top:1.5rem}.pending-orders-title{font-size:1.25rem}.pending-order-item{padding:1rem}.pending-order-header{flex-direction:column;align-items:flex-start;gap:.75rem}.pending-order-product-name{font-size:1.1rem}.pending-order-detail-row{flex-direction:column;gap:.25rem}.pending-order-label{font-size:.85rem;min-width:auto}.pending-order-value{font-size:.85rem;text-align:left}.csv-export-section{padding:1rem}.csv-export-form{gap:.75rem}.csv-export-row{flex-direction:column;align-items:flex-start;gap:.5rem}.csv-export-row label{min-width:auto}.csv-export-row select,.csv-export-row input[type=number]{max-width:100%;width:100%}.csv-export-btn{width:100%;justify-content:center}}.beautiful-csv-export{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.beautiful-csv-export:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.admin-csv-export{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 10px 40px #1976d24d}.csv-export-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.csv-export-icon{width:60px;height:60px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.csv-export-icon i{font-size:2rem;color:#fff}.admin-icon{background:#ffffff40}.csv-export-header-text{flex:1}.csv-export-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.csv-export-subtitle{font-size:.95rem;color:#ffffffe6;margin:0;font-weight:400}.beautiful-form{background:#fff;border-radius:12px;padding:2rem;position:relative;z-index:1;box-shadow:0 4px 20px #0000001a}.csv-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.csv-export-field{display:flex;flex-direction:column;gap:.5rem}.csv-export-label{font-size:.9rem;font-weight:600;color:#555;display:flex;align-items:center;gap:.5rem}.csv-export-label i{font-size:1.1rem;color:#667eea}.admin-csv-export .csv-export-label i{color:#1976d2}.csv-export-input{padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fafafa;color:#333;font-weight:500}.csv-export-input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.admin-csv-export .csv-export-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.csv-export-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.beautiful-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:1rem 2.5rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;box-shadow:0 4px 15px #4caf504d;position:relative;overflow:hidden}.beautiful-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.beautiful-btn:hover:not(:disabled):before{width:300px;height:300px}.beautiful-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.beautiful-btn:active:not(:disabled){transform:translateY(0)}.beautiful-btn:disabled{background:linear-gradient(135deg,#ccc,#b0b0b0);cursor:not-allowed;opacity:.7;box-shadow:none}.beautiful-btn i{font-size:1.2rem}.admin-btn{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 15px #1976d24d}.admin-btn:hover:not(:disabled){box-shadow:0 6px 20px #1976d266}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sales-analytics-section{background-color:#fff;border-radius:12px;padding:2rem;margin-top:3rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.sales-analytics-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.sales-analytics-title{font-size:1.75rem;font-weight:700;color:#333;margin:0}.sales-analytics-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}.sales-filter-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:500;color:#333;background-color:#fafafa;cursor:pointer;transition:all .3s ease;min-width:120px}.sales-filter-select:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.sales-filter-btn{padding:.75rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-weight:500;color:#666;background-color:#fafafa;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sales-filter-btn:hover{background-color:#f0f0f0;border-color:#d0d0d0;transform:translateY(-1px)}.sales-filter-btn.active{background-color:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.sales-filter-btn.active:hover{background-color:#5568d3;border-color:#5568d3}.sales-analytics-loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.sales-analytics-empty{text-align:center;padding:3rem;color:#999;font-size:1.1rem;background-color:#f9f9f9;border-radius:8px;border:2px dashed #e0e0e0}.sales-analytics-content{margin-top:2rem}.sales-chart-scroll-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;position:relative;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.sales-chart-scroll-wrapper[style*=minWidth]{width:100%;max-width:100%}.sales-chart-scroll-wrapper::-webkit-scrollbar{height:8px}.sales-chart-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sales-chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.sales-chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.sales-chart-scroll-wrapper .recharts-responsive-container{width:auto!important;min-width:100%;max-width:100%}.sales-chart-scroll-wrapper .recharts-wrapper{min-width:fit-content;width:auto!important}.sales-chart-scroll-wrapper .recharts-surface{overflow:visible;width:auto!important;max-width:100%}.sales-chart-container{margin-bottom:2.5rem;padding:2rem;background-color:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.sales-chart-container:last-child{margin-bottom:0}.sales-charts-grid .sales-chart-container{margin-bottom:0}.sales-chart-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1.5rem;text-align:center}.sales-analytics-content>.sales-chart-container:not(.sales-charts-grid .sales-chart-container){margin-top:2rem}.classic-csv-export{background-color:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.csv-export-header-classic{margin-bottom:1.5rem;border-bottom:2px solid #f0f0f0;padding-bottom:1rem}.csv-export-title-classic{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 .5rem}.csv-export-subtitle-classic{font-size:.9rem;color:#666;margin:0;font-weight:400}.csv-export-form-classic{margin-top:1.5rem}.csv-export-grid-classic{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:1.5rem}.csv-export-field-classic{display:flex;flex-direction:column;gap:.5rem}.csv-export-label-classic{font-size:.9rem;font-weight:600;color:#555}.csv-export-input-classic{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fafafa;color:#333;font-weight:500}.csv-export-input-classic:focus{outline:none;border-color:#fdea84;background-color:#fff;box-shadow:0 0 0 3px #fdea8433}.csv-export-input-classic:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.csv-export-btn-classic{background-color:#fdea84;color:#000;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 8px #0000001a}.csv-export-btn-classic:hover:not(:disabled){background-color:#fce56a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.csv-export-btn-classic:active:not(:disabled){transform:translateY(0)}.csv-export-btn-classic:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.7}@media(max-width:768px){.beautiful-csv-export{padding:1.5rem}.csv-export-header{flex-direction:column;text-align:center;gap:1rem}.csv-export-icon{width:50px;height:50px}.csv-export-icon i,.csv-export-title{font-size:1.5rem}.csv-export-subtitle{font-size:.85rem}.beautiful-form{padding:1.5rem}.csv-export-grid{grid-template-columns:1fr;gap:1rem}.beautiful-btn{padding:.875rem 2rem;font-size:1rem}.sales-analytics-section{padding:1.5rem;margin-top:2rem}.sales-analytics-title{font-size:1.5rem}.sales-analytics-filters{flex-direction:column;align-items:stretch}.sales-filter-select{width:100%}.sales-filter-btn{width:100%;text-align:center}.sales-chart-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.sales-chart-container{padding:1rem}.sales-chart-title{font-size:1.1rem}.classic-csv-export{padding:1.5rem}.csv-export-title-classic{font-size:1.25rem}.csv-export-subtitle-classic{font-size:.85rem}.csv-export-grid-classic{grid-template-columns:1fr;gap:1rem}.csv-export-btn-classic{padding:.875rem 1.5rem;font-size:1rem}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding:20px 0;flex-wrap:wrap}.pagination-button{padding:10px 20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#333;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#fdea84;color:#fdea84}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pagination-number{min-width:40px;height:40px;padding:0 10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#333;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background-color:#f5f5f5;border-color:#fdea84;color:#fdea84}.pagination-number.active{background-color:#fdea84;border-color:#fdea84;color:#1a1a1a}.pagination-number.active:hover{background-color:#d4e016;border-color:#d4e016;color:#1a1a1a}.pagination-ellipsis{padding:0 5px;color:#999;font-size:.95rem}@media(max-width:768px){.pagination-container{gap:5px;margin-top:20px;padding:15px 0}.pagination-button{padding:8px 15px;font-size:.85rem;min-width:80px}.pagination-number{min-width:35px;height:35px;font-size:.85rem}}.alertBox{background-color:transparent;position:fixed;top:78vh;width:100%;z-index:101}.alertBoxInner{float:right;width:25%;display:flex;align-items:center;justify-content:flex-start;padding:.4vw 1.2vw;margin-right:1%;background-color:#fff;color:#000;transform:translate(100%);box-shadow:0 0 20px #0000004d;animation:moveleft .5s linear forwards;overflow:hidden;opacity:0;position:relative}@keyframes moveleft{to{opacity:1;transform:translate(0)}}.alertBoxInner h1{font-size:20px}.alertBoxInner p{font-size:20px;background-color:green;color:#fff;border-radius:50%;padding:5px 10px;text-align:center;margin-right:15px}.alertBoxInner p.error{background-color:red}.alertBoxInner:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;animation:anim 2s linear forwards}.successBox:after{background-color:green}.errorBox:after{background-color:red}@keyframes anim{to{width:0}}@media(max-width:1240px){.alertBoxInner{width:30%}.alertBoxInner h1{font-size:18px}}@media(max-width:950px){.alertBoxInner{width:40%}.alertBoxInner h1{font-size:17px}}@media(max-width:650px){.alertBoxInner{width:55%}.alertBoxInner h1{font-size:16px;margin-top:10px}.alertBoxInner p{height:32px;width:32px}}@media(max-width:460px){.alertBoxInner{width:76%}.alertBoxInner h1{font-size:15px}}@media(max-width:345px){.alertBoxInner{width:80%}.alertBoxInner h1{font-size:14px}}.mobile-view-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px;box-sizing:border-box}.mobile-view-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:90%}.mobile-view-logo{max-width:200px;width:100%;height:auto;margin-bottom:30px;object-fit:contain}.mobile-view-message{font-size:16px;line-height:1.6;color:#333;margin:0;font-weight:400}@media(max-width:480px){.mobile-view-logo{max-width:150px;margin-bottom:25px}.mobile-view-message{font-size:14px}}@media(max-width:360px){.mobile-view-logo{max-width:120px;margin-bottom:20px}.mobile-view-message{font-size:13px}}