body{font-family:Arial,Helvetica,sans-serif}.container{width:90%;max-width:1300px;margin:auto}.navbar{z-index:999;background:#fff;width:100%;position:sticky;top:0;box-shadow:0 3px 15px #00000014}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{color:#003b8f;align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{object-fit:contain;flex-shrink:0;width:60px;height:60px}.logo-text{flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.2;display:flex}.logo h2{color:#003b8f;margin:0;font-size:26px;font-weight:700}.logo span{color:#666;margin-top:2px;font-size:13px}.nav-links{align-items:center;gap:30px;list-style:none;display:flex}.nav-links a{color:#222;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover,.nav-links .active{color:#0a69d8}.dealer-btn{color:#fff;cursor:pointer;background:#0b74e5;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.dealer-btn:hover{background:#004aad}.menu-icon{cursor:pointer;color:#004aad;font-size:28px;display:none}@media (width<=992px){.menu-icon{display:block}.nav-links{background:#fff;flex-direction:column;gap:25px;width:280px;height:calc(100vh - 80px);padding-top:40px;transition:all .4s;display:flex;position:fixed;top:80px;right:-100%;box-shadow:-5px 0 20px #0000001a}.nav-links.active{right:0}.dealer-btn{margin-top:20px}}.footer{color:#fff;background:#062b66;margin-top:60px}.footer-container{grid-template-columns:2fr repeat(5,1fr);gap:30px;max-width:1300px;margin:auto;padding:50px 30px;display:grid}.footer-box h3{margin-bottom:20px;font-size:18px}.footer-box ul{list-style:none}.footer-box ul li{margin-bottom:10px}.footer-box ul li a{color:#fff;font-size:14px;text-decoration:none;transition:all .3s}.footer-box ul li a:hover{color:#67b8ff;padding-left:8px}.logo-box{text-align:center;flex-direction:column;align-items:center;display:flex}.logo-box p{text-align:center;max-width:220px;margin-top:10px;line-height:1.8}.logo-box img{width:100px;height:100px;margin-bottom:0}.footer-box p{align-items:flex-start;gap:10px;margin-bottom:15px;font-size:14px;line-height:1.6;display:flex}.social-icons a{color:#fff;background:#0d4fa8;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.social-icons a:hover{color:#0b4ea2;background:#fff}.footer-bottom{border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:18px 30px;font-size:14px;display:flex}.heart{color:red}@media (width<=992px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.footer-container{text-align:center;grid-template-columns:1fr}.footer-box p,.social-icons{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.logo-box img{margin:auto auto 20px;display:block}}.home{font-family:Arial,sans-serif}.hero{background:linear-gradient(#eaf5ff,#3382c7);justify-content:space-between;align-items:center;gap:40px;min-height:90vh;padding:70px 8%;display:flex}.hero-content{flex:1}.hero-content h1{color:#0047b3;margin-bottom:20px;font-size:55px}.hero-content p{color:#444;margin-bottom:25px;font-size:20px;line-height:1.6}.hero-content button{color:#fff;cursor:pointer;background:#0047b3;border:none;border-radius:6px;padding:14px 30px;font-size:16px}.hero-image{text-align:center;flex:1}.hero-image img{width:100%;max-width:600px}.why{padding:70px 8%}.why h2{text-align:center;color:#0047b3;margin-bottom:45px}.why-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{text-align:center;background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px #00000014}.icon{margin-bottom:15px;font-size:35px}.card h4{margin-bottom:10px}.card p{color:gray}.products{padding:70px 8%}.products h2{text-align:center;color:#0047b3;margin-bottom:40px}.product-grid{background:linear-gradient(#eaf5ff,#eaf5ff);border-radius:70px 5px;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:10px;display:grid;box-shadow:0 0 3px #979696}.product-card{text-align:center}.product-card img{width:90px}.product-card h4{margin-top:10px}.cta{color:#fff;background:#0056d6;justify-content:space-between;align-items:center;padding:45px 8%;display:flex}.cta button{color:#0056d6;cursor:pointer;background:#fff;border:none;border-radius:5px;padding:14px 28px;font-weight:700}@media (width<=992px){.hero{text-align:center;flex-direction:column}.hero-content h1{font-size:42px}.why-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.cta{text-align:center;flex-direction:column;gap:20px}}@media (width<=600px){.hero{padding:50px 20px}.hero-content h1{font-size:34px}.hero-content p{font-size:16px}.why-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-image img{width:70%}.cta{padding:40px 20px}}.container{width:90%;max-width:1200px;margin:auto;padding:60px 0}.aboutehero{background:url(https://images.unsplash.com/photo-1502740479091-635887520276?w=1200) 50%/cover;border-radius:2px;height:300px;margin-bottom:30px;overflow:hidden}.overlay h1{font-size:42px}.story{background:linear-gradient(#eaf5ff,#3382c7);grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.story-text{padding-left:20px}.story-image{padding-right:20px}.story img{border-radius:10px;width:100%}.story h2,.mission h2,.values h2,.journey h2{text-align:center;color:#0b4ea2;margin-bottom:30px}.story-text h2{text-align:left}.cards{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.card{text-align:center;border:1px solid #ddd;border-radius:10px;padding:30px;transition:all .3s}.card:hover{box-shadow:0 5px 20px #00000026}.value-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.value-grid div{border:1px solid #eee;border-radius:8px;padding:20px}.value-icon{color:#0b4ea2;margin-bottom:10px;font-size:35px}.timeline{text-align:center;grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.step{padding:20px}.step svg{color:#0b4ea2;margin-bottom:10px;font-size:28px}@media (width<=992px){.story,.cards{grid-template-columns:1fr}.value-grid,.timeline{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.overlay h1{font-size:30px}.value-grid,.timeline{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.value-grid,.timeline{grid-template-columns:1fr}.hero{height:220px}.overlay{padding:20px}.overlay h1{font-size:24px}}.products{width:90%;max-width:1200px;margin:auto;padding:40px 0}.product-banner{background:url(https://images.unsplash.com/photo-1502740479091-635887520276?w=1200) 50%/cover;border-radius:12px;height:260px;margin-bottom:30px;overflow:hidden}.banner-overlay{color:#fff;background:#0046a08c;flex-direction:column;justify-content:center;width:100%;height:100%;padding-left:60px;display:flex}.filter-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:35px;display:flex}.filter-btns button{cursor:pointer;background:#f2f2f2;border:none;border-radius:25px;padding:10px 22px}.filter-btns .active{color:#fff;background:#0a4ea1}.products-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.card{text-align:center;background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.card img{object-fit:contain;width:120px;height:170px;margin-bottom:15px}.card h3{margin-bottom:8px}.card p{color:#666;margin-bottom:8px;font-size:14px}.card h4{color:#0a4ea1;margin-bottom:15px}.card button{color:#fff;cursor:pointer;background:#0a4ea1;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;margin:auto;padding:10px 18px;display:flex}.enquiry-card{flex-direction:column;justify-content:center;display:flex}.enquiry-icon{color:#0a4ea1;margin-bottom:20px;font-size:55px}.brochure{background:#eef5ff;border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-top:50px;padding:30px;display:grid}.brochure img{justify-self:end;width:100%;max-width:350px}.brochure button{color:#fff;cursor:pointer;background:#0a4ea1;border:none;border-radius:5px;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;display:flex}@media (width<=992px){.product-grid{grid-template-columns:repeat(2,1fr)}.brochure{text-align:center;grid-template-columns:1fr}.brochure img{justify-self:center}}@media (width<=768px){.products-grid{grid-template-columns:repeat(2,1fr)}.banner-overlay{padding:25px}.banner-overlay h1{font-size:30px}.product-grid{grid-template-columns:1fr}.filter-btns button{padding:8px 16px;font-size:14px}}@media (width<=368px){.products-grid{grid-template-columns:repeat(1,1fr)}}.product-details-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#0a0a0ab8;justify-content:center;align-items:center;padding:20px;animation:.25s detailsOverlayIn;display:flex;position:fixed;inset:0}@keyframes detailsOverlayIn{0%{opacity:0}to{opacity:1}}.product-details-modal{background:#fff;border-radius:24px;width:min(1000px,100%);max-height:92vh;animation:.3s detailsModalIn;position:relative;overflow:hidden;box-shadow:0 35px 100px #0000004d,0 10px 30px #0000001f}@keyframes detailsModalIn{0%{opacity:0;transform:translateY(25px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.product-details-close{z-index:20;color:#222;cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;transition:all .25s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 5px 18px #0000001f}.product-details-close:hover{color:#fff;background:#111;transform:rotate(90deg)}.product-details-content{grid-template-columns:1fr 1fr;max-height:92vh;display:grid;overflow-y:auto}.product-details-gallery{background:#f7f8f8;flex-direction:column;justify-content:center;min-width:0;padding:35px;display:flex}.product-main-image{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100%;height:430px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000f}.product-main-image img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:25px;transition:opacity .2s}.product-gallery-arrow{color:#222;cursor:pointer;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 5px 15px #0000001f}.product-gallery-arrow:hover{color:#fff;background:#111}.product-gallery-prev{left:14px}.product-gallery-next{right:14px}.product-image-counter{color:#fff;background:#000000a6;border-radius:20px;padding:6px 11px;font-size:12px;position:absolute;bottom:14px;right:14px}.product-thumbnails{scrollbar-width:thin;gap:12px;margin-top:15px;padding:3px 2px 8px;display:flex;overflow-x:auto}.product-thumbnails::-webkit-scrollbar{height:5px}.product-thumbnails::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:10px}.product-thumbnail{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex:0 0 76px;width:76px;height:76px;padding:5px;transition:all .2s;overflow:hidden}.product-thumbnail img{object-fit:contain;width:100%;height:100%}.product-thumbnail:hover{border-color:#aaa}.product-thumbnail.active{border-color:#111;box-shadow:0 4px 12px #0000001a}.product-details-info{flex-direction:column;justify-content:center;padding:55px 45px;display:flex}.product-details-tag{color:#287b3b;letter-spacing:1px;background:#eef8f0;border-radius:20px;width:fit-content;padding:6px 12px;font-size:10px;font-weight:700}.product-details-info h2{color:#171717;margin:18px 0 12px;font-size:42px;font-weight:700;line-height:1}.product-details-line{background:#222;border-radius:10px;width:45px;height:3px;margin-bottom:25px}.product-info-list{width:100%}.product-info-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;display:flex}.product-info-item span{color:#777}.product-info-item strong{color:#222}.product-details-price{font-size:24px}.product-details-description{color:#666;margin:25px 0;font-size:14px;line-height:1.7}.product-details-features{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.product-details-features div{align-items:center;gap:10px;display:flex}.product-details-features span{color:#287b3b;background:#eef8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:700;display:flex}.product-details-features p{color:#444;margin:0;font-size:13px}.product-enquiry-button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.product-enquiry-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media (width<=850px){.product-details-modal{max-width:680px}.product-details-content{grid-template-columns:1fr;max-height:92vh}.product-details-gallery{padding:55px 25px 25px}.product-main-image{height:350px}.product-details-info{padding:30px}.product-details-info h2{font-size:36px}}@media (width<=600px){.product-details-overlay{padding:10px}.product-details-modal{border-radius:18px;width:100%;max-height:95vh}.product-details-content{max-height:95vh}.product-details-gallery{padding:52px 15px 15px}.product-main-image{border-radius:14px;height:280px}.product-main-image img{padding:15px}.product-gallery-arrow{width:36px;height:36px;font-size:13px}.product-gallery-prev{left:10px}.product-gallery-next{right:10px}.product-thumbnail{flex-basis:65px;width:65px;height:65px}.product-details-info{padding:25px 20px 28px}.product-details-info h2{font-size:30px}.product-details-description{font-size:13px}.product-details-close{width:38px;height:38px;top:10px;right:10px}}@media (width<=400px){.product-main-image{height:240px}.product-details-info h2{font-size:27px}.product-info-item{font-size:13px}.product-details-price{font-size:21px}.product-details-features{gap:8px}}.plant{width:90%;max-width:1200px;margin:auto;padding:40px 0}.container{padding:40px 0}.plant-banner{background:url(https://images.unsplash.com/photo-1563453392212-326f5e854473?w=1200) 50%/cover;border-radius:10px;height:280px;overflow:hidden}.overlay{color:#fff;background:#05317899;flex-direction:column;justify-content:center;width:100%;height:100%;padding-left:60px;display:flex}.overlay h1{margin-bottom:10px;font-size:42px}.container .planth2{text-align:center;color:#0a4ea1;margin-bottom:40px}.process{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.process-card{text-align:center;width:120px}.icon{color:#0a4ea1;margin-bottom:12px;font-size:38px}.arrow{color:#0a4ea1;font-size:20px}.gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.gallery-card{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #00000026}.gallery-card img{width:100%;transition:all .4s;display:block}.gallery-card:hover img{transform:scale(1.08)}@media (width<=992px){.gallery{grid-template-columns:repeat(2,1fr)}.process-card{width:100px}}@media (width<=768px){.overlay{padding-left:25px}.overlay h1{font-size:30px}.process{gap:15px}.arrow{display:none}.gallery{grid-template-columns:1fr}}@media (width<=480px){.plant-banner{height:220px}.overlay h1{font-size:24px}.process-card{width:90px}.icon{font-size:30px}}.distributor{width:90%;max-width:1200px;margin:auto;padding:40px 0}.dealer-banner{background:url(https://images.unsplash.com/photo-1521791136064-7986c2920216?w=1200) 50%/cover;border-radius:10px;height:260px;overflow:hidden}.dealer-overlay{color:#fff;background:#072d6ea6;flex-direction:column;justify-content:center;height:100%;padding-left:60px;display:flex}.dealer-overlay h1{margin-bottom:10px;font-size:38px}.dealer-content{grid-template-columns:1fr 1fr;gap:40px;padding:50px 0;display:grid}.benefits h2,.dealer-form h2,.plans h2{color:#0b4ea2;margin-bottom:25px}.benefit{align-items:center;gap:15px;margin-bottom:18px;display:flex}.benefit span{color:#0b4ea2;font-size:22px}.dealer-form form{flex-direction:column;gap:15px;display:flex}.dealer-form input,.dealer-form select{border:1px solid #ccc;border-radius:5px;padding:12px}.dealer-form button{color:#fff;cursor:pointer;background:#0b4ea2;border:none;border-radius:5px;padding:12px;font-size:16px}.plans{padding-top:20px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;display:grid}.plan-card{text-align:center;border:1px solid #ddd;border-radius:10px;padding:30px;transition:all .3s}.plan-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.plan-card h3{color:#0b4ea2;margin-bottom:15px}.plan-card h1{margin-bottom:10px}footer{color:#fff;text-align:center;background:#0b2f6d;border-radius:6px;margin-top:40px;padding:18px}@media (width<=992px){.dealer-content{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dealer-overlay{padding:25px}.dealer-overlay h1{font-size:28px}.plan-grid{grid-template-columns:1fr}}@media (width<=480px){.dealer-banner{height:220px}.dealer-overlay h1{font-size:22px}}.contact{background:#f5f7fb;padding:60px 20px}.contact-container{background:#fff;border-radius:12px;grid-template-columns:350px 1fr;max-width:1200px;margin:auto;display:grid;overflow:hidden;box-shadow:0 5px 20px #0000001a}.contact-left{background:#eef4ff;padding:40px 30px}.contact-left h2{color:#0b4ea2;margin-bottom:10px}.subtitle{color:#666;margin-bottom:30px}.contact-item{align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.contact-item .icon{color:#0b4ea2;margin-top:5px;font-size:20px}.contact-item h4{margin-bottom:5px}.contact-item p{color:#555;font-size:14px}.social-icons{gap:12px;margin-top:20px;display:flex}.social-icons a{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{transform:translateY(-4px)}.contact-right{padding:30px}.map iframe{border:none;border-radius:10px;width:100%;height:250px;margin-bottom:30px}.contact-form h2{color:#0b4ea2;margin-bottom:20px}.contact-form form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:6px;outline:none;padding:14px;font-size:15px}.contact-form input:focus,.contact-form textarea:focus{border-color:#0b4ea2}.contact-form button{color:#fff;cursor:pointer;background:#0b4ea2;border:none;border-radius:6px;padding:14px;font-size:16px;transition:all .3s}.contact-form button:hover{background:#083c80}@media (width<=992px){.contact-container{grid-template-columns:1fr}.contact-left{text-align:center}.contact-item{text-align:left;justify-content:center}.social-icons{justify-content:center}}@media (width<=768px){.contact{padding:20px 10px}.contact-left,.contact-right{padding:20px}.map iframe{height:220px}}@media (width<=480px){.contact-item{text-align:center;flex-direction:column;align-items:center}.contact-form button{font-size:15px}}.notfound-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.notfound-page h1{margin:0;font-size:100px}.notfound-page h2{font-size:35px}.notfound-page p{color:#666}.notfound-buttons{gap:20px;margin-top:30px;display:flex}.notfound-buttons button{cursor:pointer;border:none;border-radius:8px;padding:12px 25px;font-size:16px}.login-page{background:linear-gradient(135deg,#0b4ea2,#2f80ed);justify-content:center;align-items:center;min-height:90vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:15px;width:100%;max-width:420px;padding:40px 30px;box-shadow:0 10px 25px #0003}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#0b4ea2;margin-bottom:10px}.login-header p{color:#666}.login-options{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;display:flex}.login-options a{color:#0b4ea2;font-weight:600;text-decoration:none}.login-btn{color:#fff;cursor:pointer;background:#0b4ea2;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:all .3s}.login-btn:hover{background:#083c80}.divider{text-align:center;margin:25px 0;position:relative}.divider:before{content:"";background:#ddd;width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{background:#fff;padding:0 15px;position:relative}.signup-text{text-align:center;font-size:15px}.signup-text a{color:#0b4ea2;font-weight:700;text-decoration:none}@media (width<=480px){.login-card{padding:25px 20px}.login-header h1{font-size:26px}.login-options{flex-direction:column;align-items:flex-start;gap:10px}}.signup-page{background:linear-gradient(135deg,#0b4ea2,#2f80ed);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.signup-card{background:#fff;border-radius:15px;width:100%;max-width:450px;padding:35px;box-shadow:0 10px 25px #0003}.signup-header{text-align:center;margin-bottom:25px}.signup-header h1{color:#0b4ea2;margin-bottom:8px}.signup-header p{color:#666}.input-icon{color:#0b4ea2;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-box input{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:14px 45px;font-size:15px}.eye{cursor:pointer;color:#555;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.signup-btn{color:#fff;cursor:pointer;background:#0b4ea2;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:all .3s}.signup-btn:hover{background:#083c80}.login-text{text-align:center;margin-top:20px;font-size:15px}.login-text a{color:#0b4ea2;font-weight:700;text-decoration:none}@media (width<=480px){.signup-card{padding:25px 20px}.signup-header h1{font-size:28px}}.forgot-page{background:#f4f8ff;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.forgot-card{text-align:center;background:#fff;border-radius:15px;width:100%;max-width:420px;padding:40px 30px;box-shadow:0 10px 30px #0000001a}.forgot-card h2{color:#0b74e5;margin-bottom:12px}.forgot-card p{color:#666;margin-bottom:25px;font-size:15px;line-height:1.6}.input-box{margin-bottom:20px;position:relative}.input-box .icon{color:#0b74e5;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-box input{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;height:50px;padding:0 15px 0 45px;font-size:15px}.input-box input:focus{border-color:#0b74e5}.reset-btn{color:#fff;cursor:pointer;background:#0b74e5;border:none;border-radius:8px;width:100%;height:50px;font-size:16px;font-weight:600;transition:all .3s}.reset-btn:hover{background:#0056c7}.back-login{color:#0b74e5;align-items:center;gap:8px;margin-top:20px;font-weight:600;text-decoration:none;display:inline-flex}.back-login:hover{color:#0056c7}@media (width<=768px){.forgot-card{padding:30px 20px}.forgot-card h2{font-size:28px}.forgot-card p{font-size:14px}}.admin-sidebar{z-index:999;background:#fff;flex-direction:column;justify-content:space-between;width:250px;height:calc(100vh - 70px);display:flex;position:fixed;top:70px;left:0;overflow-y:auto;box-shadow:2px 0 12px #00000014}.sidebar-top{border-bottom:1px solid #ececec;padding:25px 20px}.sidebar-title{color:#0d6efd;font-size:24px;font-weight:700}.sidebar-menu{padding:20px 12px;list-style:none}.sidebar-menu li{margin-bottom:12px}.sidebar-link{color:#444;border-radius:12px;align-items:center;gap:15px;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.sidebar-link svg{font-size:22px}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#0d6efd}.sidebar-bottom{border-top:1px solid #ececec;padding:20px}.logout-button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;transition:all .3s;display:flex}.logout-button:hover{background:#bb2d3b}.logout-button svg{font-size:22px}@media (width<=992px){.admin-sidebar{width:220px}}@media (width<=768px){.admin-sidebar{transition:all .35s;left:-260px}.admin-sidebar.show{left:0}}*{box-sizing:border-box;margin:0;padding:0}.admin-layout{background:#f5f7fb;width:100%;min-height:100vh}.admin-body{margin-top:70px;display:flex}.admin-content{flex:1;min-height:calc(100vh - 70px);margin-left:250px;padding:25px;transition:all .3s}@media (width<=992px){.admin-content{margin-left:220px}}@media (width<=768px){.admin-content{margin-left:0;padding:15px}}.dashboard{width:100%}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#222;font-size:34px;font-weight:700}.dashboard-header p{color:#666;margin-top:6px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.dashboard-card{background:#fff;border-radius:18px;align-items:center;gap:20px;padding:25px;transition:all .35s;display:flex;box-shadow:0 8px 22px #00000014}.dashboard-card:hover{transform:translateY(-8px)}.dashboard-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:75px;height:75px;font-size:34px;display:flex}.dashboard-content h2{color:#111;margin-bottom:6px;font-size:34px}.dashboard-content p{color:#777;font-size:16px}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-card{padding:20px}.dashboard-icon{width:65px;height:65px;font-size:28px}.dashboard-content h2{font-size:28px}}.contact-page{width:100%}.page-header h2{color:#222;font-size:30px}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;padding:15px}tbody tr{border-bottom:1px solid #eee;transition:all .3s}.modal-box{background:#fff;border-radius:18px;width:500px;max-width:95%;max-height:85vh;padding:30px;animation:.25s popup;position:relative;overflow-y:auto}@keyframes popup{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-btn{cursor:pointer;background:#f1f1f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.modal-content p{color:#444;word-break:break-word;margin:0;font-size:16px;line-height:1.7}.modal-content strong{color:#111;min-width:90px;display:inline-block}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.search-box,.search-box input{width:100%}table{min-width:850px}.modal-box{width:95%;padding:20px}.modal-box h2{font-size:22px}.modal-content p{font-size:15px}}.distributor-page{width:100%}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-header h2{color:#222;font-size:30px;font-weight:700}.search-box{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;display:flex;box-shadow:0 5px 15px #00000014}.search-box svg{color:#666;font-size:20px}.search-box input{border:none;outline:none;width:250px;font-size:15px}.table-wrapper{background:#fff;border-radius:15px;overflow-x:auto;box-shadow:0 5px 20px #00000014}table{border-collapse:collapse;width:100%;min-width:900px}thead{color:#fff;background:#0d6efd}thead th{text-align:left;padding:16px;font-size:15px}tbody td{border-bottom:1px solid #ececec;padding:15px;font-size:15px}tbody tr:hover{background:#f8f9fa}.admin-view-btn,.delete-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;width:40px;height:40px;margin-right:8px;font-size:18px;transition:all .3s}.admin-view-btn{background:#198754}.admin-view-btn:hover{background:#157347}.delete-btn{background:#dc3545}.delete-btn:hover{background:#bb2d3b}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:18px;width:500px;max-width:95%;padding:30px;animation:.25s popup;position:relative}.close-btn{cursor:pointer;background:#f1f1f1;border:none;border-radius:50%;width:38px;height:38px;font-size:22px;transition:all .3s;position:absolute;top:15px;right:15px}.close-btn:hover{color:#fff;background:#dc3545}.modal-box h2{color:#0d6efd;margin-bottom:25px;font-size:26px}.modal-content{flex-direction:column;gap:15px;display:flex}.modal-content p{color:#444;font-size:16px;line-height:1.5}.modal-content strong{color:#111}.loading{text-align:center;color:#666;padding:50px;font-size:20px}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.search-box,.search-box input{width:100%}.modal-box{padding:20px}.modal-box h2{font-size:22px}.modal-content p{font-size:15px}}@media (width<=500px){.page-header h2{font-size:24px}.admin-view-btn,.delete-btn{width:35px;height:35px;font-size:16px}}