@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.location-page{background:#f5f7fb;font-family:Segoe UI,Arial,sans-serif;min-height:100vh;padding:20px}.location-header{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:24px;box-shadow:0 12px 30px #00000026;color:#fff;display:flex;justify-content:space-between;padding:25px}.location-header h1{font-size:28px;font-weight:700;margin:0}.location-header p{font-size:15px;margin-top:8px;opacity:.9}.location-pin{font-size:55px}.title{color:#1f2937;font-size:22px;margin-top:30px}.city-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:20px}.city-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 6px 18px #00000014;cursor:pointer;padding:25px 15px;text-align:center;transition:.3s}.city-card:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-6px)}.city-icon{font-size:45px}.city-card h3{color:#111827;margin:12px 0 5px}.city-card p{color:#2563eb;font-size:14px;font-weight:600}.selected-city{align-items:center;background:#fff;border-radius:22px;box-shadow:0 6px 18px #00000014;display:flex;justify-content:space-between;margin-top:25px;padding:20px}.selected-city h2{color:#111827;margin:0}.selected-city p{color:#6b7280;margin-top:5px}.selected-city button{background:#2563eb;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px}.area-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:25px}.area{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#1f2937!important;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .3s ease}.area:hover{background:#eff6ff;color:#2563eb!important;transform:translateY(-3px)}.area.active{border-color:#2563eb;box-shadow:0 10px 22px #2563eb59;color:#fff!important;transform:scale(1.03)}.area.active,.save-location{background:linear-gradient(135deg,#2563eb,#06b6d4);font-weight:700}.save-location{border:none;border-radius:35px;bottom:20px;box-shadow:0 10px 25px #00000040;color:#fff;cursor:pointer;font-size:18px;left:50%;max-width:450px;padding:16px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px)}@media(max-width:600px){.location-page{padding:15px}.location-header{border-radius:20px;padding:20px}.location-header h1{font-size:22px}.location-header p{font-size:13px}.location-pin{font-size:38px}.city-container{gap:12px;grid-template-columns:repeat(2,1fr)}.city-card{border-radius:18px;padding:18px 10px}.city-icon{font-size:35px}.city-card h3{font-size:16px}.city-card p{font-size:12px}.selected-city{align-items:flex-start;flex-direction:column;gap:15px}.selected-city button{width:100%}.area-container{gap:10px;grid-template-columns:repeat(2,1fr)}.area{border-radius:14px;font-size:13px;padding:12px 8px}.area.active{transform:scale(1.05)}.save-location{font-size:16px;padding:15px;width:calc(100% - 30px)}}.home{background:radial-gradient(circle at top right,#342f6d,#0d101f 60%);min-height:90vh;overflow:hidden}.hero-container{margin:auto}.hero-text{max-width:600px}.tag{background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;letter-spacing:2px;padding:10px 22px}.hero-text h1{font-size:65px;font-weight:800;line-height:1.15;margin:25px 0}.hero-text h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.hero-text p{font-size:20px;line-height:1.8}.actions{margin-top:35px}.primary-btn{font-size:16px;padding:15px 35px}.secondary-btn{background:none;margin-left:15px;padding:13px 35px}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.hero-image img{animation:float 5s infinite;position:relative;width:430px;z-index:5}.circle-bg{background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:50%;filter:blur(70px);height:500px;opacity:.15;position:absolute;width:500px}.store-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:20px;position:absolute;text-align:center;z-index:10}.store-card span{color:#22c55e;display:block;font-size:14px;margin-top:8px}.card1{left:-60px;top:80px}.card2{bottom:90px;right:-40px}.features{display:flex;gap:40px;margin-top:50px}.features h3{font-size:28px}.features p{color:#94a3b8;font-size:14px}@media(max-width:900px){.hero-container{flex-direction:column;text-align:center}.hero-text h1{font-size:42px}.hero-image img{margin-top:40px;width:300px}.features{justify-content:center}.card1{left:-10px}.card2{right:-10px}}.user-login-page{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f8fafc);color:#0f172a;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:40px}.user-login-wrapper{align-items:center;display:flex;gap:80px;justify-content:space-between;max-width:1200px;width:90%}.user-brand{flex:1 1}.user-tag{background:#fff;border:1px solid #dbeafe;border-radius:50px;color:#16a34a;display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;padding:10px 25px}.user-brand h1{color:#0f172a;font-size:65px;font-weight:800;line-height:1.15;margin-top:30px}.user-brand h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.user-brand p{color:#475569;font-size:19px;line-height:1.8;margin-top:25px;max-width:550px}.benefits{display:flex;gap:20px;margin-top:45px}.benefits div{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #00000014;padding:20px;transition:.3s;width:160px}.benefits div:hover{transform:translateY(-8px)}.benefits h3{color:#0f172a;margin-top:10px}.benefits p{color:#64748b;font-size:13px;margin:0}.user-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 20px 50px #0000001f;padding:45px;width:420px}.user-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:28px;display:flex;font-size:42px;height:85px;justify-content:center;margin:auto;width:85px}.user-login-card h2{color:#0f172a;font-size:36px;margin-top:25px;text-align:center}.login-text{color:#64748b;margin-bottom:30px;text-align:center}.user-login-card label{color:#334155;display:block;font-weight:600;margin-bottom:8px;margin-top:18px}.user-login-card input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;font-size:16px;outline:none;padding:14px;width:100%}.user-login-card input:focus{border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.forgot{color:#16a34a;display:block;margin-top:12px;text-align:right;text-decoration:none}.user-login-card button{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:25px;padding:15px;width:100%}.user-login-card button:hover{box-shadow:0 15px 30px #8b5cf64d;transform:translateY(-4px)}@media(max-width:900px){.user-login-wrapper{flex-direction:column;text-align:center}.user-brand h1{font-size:45px}.benefits{flex-wrap:wrap;justify-content:center}.user-login-card{max-width:420px;width:100%}}.register-page{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);color:#0f172a;display:flex;justify-content:center;min-height:100vh}.register-wrapper{align-items:center;display:flex;gap:80px;justify-content:space-between;width:85%}.register-info{width:50%}.brand-tag{font-weight:700;letter-spacing:3px;padding:10px 25px}.register-info h1{color:#0f172a;font-size:65px;line-height:1.2;margin:30px 0}.register-info h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.register-info p{color:#64748b;font-size:20px;line-height:1.8}.benefit{display:flex;gap:25px;margin-top:40px}.benefit div{background:#fffc;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0f172a14;padding:20px;transition:.3s;width:160px}.benefit div:hover{transform:translateY(-8px)}.benefit h3{color:#0f172a;font-size:16px;margin-top:10px}.benefit p{color:#64748b;font-size:13px}.register-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 25px 60px #0f172a26;padding:40px;width:420px}.register-container h2{color:#0f172a;font-size:32px;text-align:center}.register-container label{color:#334155;display:block;font-weight:600;margin-bottom:7px;margin-top:15px}.register-container input,.register-container select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#111;outline:none;padding:14px;width:100%}.register-container input:focus,.register-container select:focus{border-color:#22c55e;box-shadow:0 0 12px #22c55e40}.otp-row button{border-radius:10px}.register-btn{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;margin-top:25px;padding:15px;transition:.3s;width:100%}.register-btn:hover{box-shadow:0 10px 25px #22c55e40;transform:translateY(-3px)}.verified-text{color:#16a34a;font-weight:700;margin-top:10px}.login-link{color:#64748b;margin-top:20px;text-align:center}.login-link a{color:#16a34a;font-weight:600;margin-left:5px}.toast.success{background:#22c55e}.toast.error{background:#ef4444}@media(max-width:900px){.register-wrapper{flex-direction:column;text-align:center}.register-info{width:100%}.register-info h1{font-size:45px}.benefit{flex-wrap:wrap;justify-content:center}.register-container{max-width:420px;width:100%}}body{background:linear-gradient(135deg,#f8fafc,#e0f2fe,#eef2ff)}.contact-page{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr;min-height:100vh;padding:60px 80px}.contact-left{max-width:550px}.feedback-tag{background:#2563eb;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:25px;padding:8px 18px}.contact-left h1{color:#111827;font-size:48px;line-height:1.2;margin-bottom:20px}.contact-left h1 span{color:#2563eb}.contact-left p{color:#475569;font-size:18px;line-height:1.7;margin-bottom:30px}.feedback-points{display:flex;flex-direction:column;gap:15px}.point{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;color:#334155;font-size:17px;padding:15px 20px;transition:.3s}.point:hover{transform:translateX(8px)}.contact-right{display:flex;justify-content:center}.contact-form{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001f;max-width:450px;padding:35px;width:100%}.contact-form h2{color:#111827;font-size:28px;margin-bottom:25px;text-align:center}.contact-form input,.contact-form select,.contact-form textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;font-size:16px;margin-bottom:18px;outline:none;padding:14px 16px;transition:.3s;width:100%}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.contact-form textarea{resize:none}.contact-form button{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;transition:.3s;width:100%}.contact-form button:hover{background:#1d4ed8;transform:translateY(-2px)}.toast{box-shadow:0 5px 20px #0003}@media(max-width:900px){.contact-page{gap:30px;grid-template-columns:1fr;padding:40px 20px}.contact-left h1{font-size:36px}.contact-left p{font-size:16px}.contact-form{padding:25px}}@media(max-width:480px){.contact-left h1{font-size:30px}.feedback-tag{font-size:12px}.contact-form h2{font-size:24px}}html{scroll-behavior:smooth}body{font-family:Segoe UI,sans-serif}.about-page,body{background:#0d101f;color:#fff}.about-page,section{width:100%}section{padding:90px 8%}.section-title{margin-bottom:70px;text-align:center}.section-title span{color:#22c55e;font-size:14px;font-weight:700;letter-spacing:2px}.section-title h2{font-size:46px;margin-bottom:20px;margin-top:15px}.section-title p{color:#94a3b8;font-size:18px;line-height:1.8;margin:auto;max-width:700px}.about-hero{align-items:center;background:radial-gradient(circle at top,#342f6d 0,#0d101f 70%);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-container{gap:80px;width:100%}.hero-left{flex:1 1;z-index:10}.tag{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#22c55e;display:inline-block;font-size:13px;letter-spacing:1px;margin-bottom:25px;padding:12px 25px}.hero-left h1{font-size:68px;font-weight:800;line-height:1.15;margin-bottom:25px}.hero-left h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.hero-left p{color:#94a3b8;font-size:20px;line-height:1.9;max-width:650px}.hero-buttons{display:flex;gap:20px;margin-top:45px}.primary-btn{border-radius:12px;font-size:17px;font-weight:600;padding:16px 36px;transition:.4s}.primary-btn:hover{box-shadow:0 15px 35px #8b5cf666;transform:translateY(-6px)}.secondary-btn{border-radius:12px;color:#fff;cursor:pointer;font-size:17px;padding:16px 36px;transition:.4s}.secondary-btn:hover{transform:translateY(-6px)}.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.hero-right img{animation:float 5s ease-in-out infinite;position:relative;width:420px;z-index:10}.circle{border-radius:50%;filter:blur(15px);position:absolute}.one{animation:pulse 5s infinite;background:#8b5cf620;height:420px;width:420px}.two{animation:pulse 6s infinite;background:#22c55e20;height:280px;width:280px}.three{animation:pulse 4s infinite;background:#ffffff10;height:150px;width:150px}.about-hero:before{background:#8b5cf610;filter:blur(80px);height:700px;right:-250px;top:-250px;width:700px}.about-hero:after,.about-hero:before{border-radius:50%;content:"";position:absolute}.about-hero:after{background:#22c55e08;bottom:-220px;filter:blur(90px);height:600px;left:-220px;width:600px}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}to{opacity:.5;transform:scale(.95)}}.story-section{background:#101428}.story-container{gap:90px;justify-content:space-between}.story-container,.story-image{align-items:center;display:flex}.story-image{flex:1 1;justify-content:center}.story-image img{animation:float 5s ease-in-out infinite;width:360px}.story-content{flex:1 1}.small-title{color:#22c55e;display:inline-block;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:18px}.story-content h2{font-size:46px;line-height:1.25;margin-bottom:30px}.story-content p{color:#94a3b8;font-size:18px;line-height:1.9;margin-bottom:20px}.why-section{background:#0d101f}.feature-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(3,1fr)}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;overflow:hidden;padding:40px 30px;position:relative;transition:.45s}.feature-card:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#8b5cf6;box-shadow:0 20px 45px #8b5cf640;transform:translateY(-15px)}.icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:20px;box-shadow:0 10px 25px #8b5cf659;display:flex;font-size:34px;height:75px;justify-content:center;margin-bottom:25px;width:75px}.feature-card h3{font-size:24px;margin-bottom:18px}.feature-card p{color:#94a3b8;font-size:17px;line-height:1.8}.feature-card:hover .icon{transform:rotate(8deg) scale(1.08);transition:.4s}.feature-card:after{background:linear-gradient(135deg,#0000,#8b5cf673,#22c55e59,#0000);border-radius:25px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:.45s}.feature-card:hover:after{opacity:1}@media(max-width:1100px){.story-container{flex-direction:column;text-align:center}.story-image img{width:280px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.story-content h2{font-size:34px}.story-content p{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:30px}.icon{margin:auto auto 20px}.feature-card{text-align:center}}.workflow-section{background:#101428}.workflow{align-items:flex-start;display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.step{position:relative;text-align:center;width:180px}.step-circle{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:50%;box-shadow:0 10px 30px #8b5cf659;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;margin:auto;transition:.4s;width:80px}.step:hover .step-circle{box-shadow:0 20px 45px #8b5cf68c;transform:scale(1.12)}.step h3{font-size:22px;margin-bottom:12px;margin-top:25px}.step p{color:#94a3b8;font-size:15px;line-height:1.7}.line{background:linear-gradient(90deg,#8b5cf6,#22c55e);border-radius:20px;height:3px;margin-top:38px;width:80px}.difference-section{align-items:center;background:#0d101f;display:flex;gap:70px;justify-content:space-between}.difference-left{flex:1 1}.difference-left span{color:#22c55e;font-size:14px;font-weight:700;letter-spacing:2px}.difference-left h2{font-size:52px;line-height:1.2;margin:20px 0}.difference-left p{color:#94a3b8;font-size:18px;line-height:1.9}.difference-right{grid-gap:25px;display:grid;flex:1 1;gap:25px;grid-template-columns:1fr 1fr}.advantage-card{align-items:flex-start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;display:flex;gap:18px;padding:28px;transition:.4s}.advantage-card:hover{border-color:#8b5cf6;box-shadow:0 18px 40px #8b5cf647;transform:translateY(-10px)}.advantage-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:18px;display:flex;font-size:26px;height:60px;justify-content:center;min-width:60px}.advantage-card h3{font-size:20px;margin-bottom:10px}.advantage-card p{color:#94a3b8;font-size:15px;line-height:1.7}@media(max-width:1200px){.difference-section{flex-direction:column}.difference-left{text-align:center}.difference-right{width:100%}}@media(max-width:900px){.workflow{align-items:center;flex-direction:column}.line{height:70px;margin:0;width:3px}.step{max-width:300px;width:100%}.difference-right{grid-template-columns:1fr}}@media(max-width:768px){.difference-left h2{font-size:36px}.step-circle{font-size:24px;height:70px;width:70px}.step h3{font-size:20px}}.mission-section{background:#101428}.mission-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.mission-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;overflow:hidden;padding:50px 40px;position:relative;transition:.45s}.mission-card:hover{border-color:#8b5cf6;box-shadow:0 25px 55px #8b5cf640;transform:translateY(-12px)}.mission-card:before{background:#8b5cf615;border-radius:50%;content:"";filter:blur(50px);height:220px;position:absolute;right:-100px;top:-100px;width:220px}.mission-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:24px;box-shadow:0 12px 30px #8b5cf659;display:flex;font-size:42px;height:90px;justify-content:center;margin-bottom:30px;width:90px}.mission-card h3{font-size:32px;margin-bottom:20px}.mission-card p{color:#94a3b8;font-size:17px;line-height:1.9}.stats-section{background:#0d101f}.stats-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;padding:45px 30px;text-align:center;transition:.45s}.stat-card:hover{border-color:#22c55e;box-shadow:0 20px 45px #22c55e40;transform:translateY(-10px)}.stat-card:after{background:#22c55e12;border-radius:50%;content:"";filter:blur(40px);height:160px;position:absolute;right:-70px;top:-70px;width:160px}.stat-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;font-size:52px;margin-bottom:15px}.stat-card h4{font-size:22px;margin-bottom:15px}.stat-card p{color:#94a3b8;line-height:1.7}.stat-card:hover h2{transform:scale(1.08);transition:.35s}.mission-card:hover .mission-icon{transform:rotate(10deg) scale(1.08);transition:.35s}@media(max-width:1100px){.mission-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.mission-card{padding:35px}.mission-card h3{font-size:28px}.stat-card h2{font-size:42px}.stat-card h4{font-size:20px}}.values-section{background:#101428}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.value-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:.4s}.value-card:hover{border-color:#8b5cf6;box-shadow:0 18px 45px #8b5cf647;transform:translateY(-12px)}.value-card:before{background:#8b5cf615;border-radius:50%;content:"";filter:blur(45px);height:180px;position:absolute;right:-90px;top:-90px;width:180px}.value-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:22px;display:flex;font-size:36px;height:80px;justify-content:center;margin:auto auto 25px;width:80px}.value-card h3{font-size:24px;margin-bottom:15px}.value-card p{color:#94a3b8;line-height:1.8}.roadmap-section{background:#0d101f}.roadmap{margin:auto;max-width:900px;position:relative}.roadmap:before{background:linear-gradient(#8b5cf6,#22c55e);content:"";height:100%;left:28px;position:absolute;top:0;width:4px}.roadmap-item{display:flex;gap:30px;margin-bottom:60px;position:relative}.roadmap-dot{background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:50%;box-shadow:0 12px 25px #8b5cf666;height:60px;min-width:60px;width:60px;z-index:2}.roadmap-content{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;flex:1 1;padding:30px;transition:.35s}.roadmap-content:hover{border-color:#22c55e;transform:translateX(10px)}.roadmap-content h3{font-size:28px;margin-bottom:12px}.roadmap-content p{color:#94a3b8;line-height:1.8}.cta-section{background:linear-gradient(135deg,#342f6d,#0d101f);padding:100px 8%}.cta-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:35px;margin:auto;max-width:1000px;padding:70px 50px;text-align:center}.cta-box h2{font-size:52px;line-height:1.25;margin-bottom:25px}.cta-box p{color:#94a3b8;font-size:18px;line-height:1.9;margin:auto;max-width:700px}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:45px}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.value-card{animation:floating 6s ease-in-out infinite}.stat-card{animation:floating 7s ease-in-out infinite}::-webkit-scrollbar-track{background:#0d101f}::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#22c55e}@media(max-width:1100px){.values-grid{grid-template-columns:repeat(2,1fr)}.cta-box h2{font-size:42px}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}.roadmap:before{left:18px}.roadmap-dot{height:40px;min-width:40px;width:40px}.roadmap-item{gap:18px}.roadmap-content{padding:20px}.roadmap-content h3{font-size:22px}.cta-box{padding:50px 25px}.cta-box h2{font-size:34px}.cta-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}@media(max-width:500px){.section-title h2{font-size:30px}.section-title p{font-size:15px}.hero-left h1{font-size:42px}.hero-left p{font-size:16px}.hero-buttons{flex-direction:column}.story-content h2{font-size:30px}}.dashboard-page{padding:30px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#111827;font-size:40px;margin-bottom:8px}.dashboard-header p{color:#6b7280;font-size:14px}.user-badge{align-items:center;background:#fff;border-radius:22px;box-shadow:0 6px 18px #0000000d;display:flex;font-size:34px;height:70px;justify-content:center;width:70px}.info-card{background:#fff;border-radius:26px;box-shadow:0 10px 24px #0000000d;margin-bottom:30px;padding:0 30px}.info-row{grid-column-gap:20px;align-items:center;border-bottom:1px solid #f1f5f9;column-gap:20px;display:grid;grid-template-columns:120px auto;padding:16px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:15px;font-weight:500}.info-value{color:#111827;font-size:17px;font-weight:600}.actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{border-radius:28px;box-shadow:0 8px 20px #0000000d;padding:28px}.action-card:hover{box-shadow:0 15px 28px #00000014;transform:translateY(-5px)}.action-icon{background:linear-gradient(90deg,#111827,#1f2937);border-radius:20px;font-size:28px;height:65px;margin-bottom:20px;width:65px}.action-card h3{color:#111827;font-size:22px;margin-bottom:8px}.action-card p{font-size:14px}.logout-card .action-icon{background:linear-gradient(90deg,#dc2626,#ef4444)}@media screen and (max-width:768px){.dashboard-page{padding:15px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:20px}.dashboard-header h1{font-size:30px}.info-card{padding:0 20px}.info-row{column-gap:12px;grid-template-columns:100px auto}.action-card{padding:22px}}.dashboard-container{padding:25px}.top-header{margin-bottom:30px}.top-header h1{color:#111827;font-size:26px;font-weight:600}.top-header p{color:#6b7280;font-size:13px;margin-top:5px}.section-title{margin-bottom:18px}.section-title h3{color:#111827;font-size:22px;font-weight:600}.shop-info-wrapper{margin-bottom:35px;padding:10px 0}.info-line{align-items:center;display:flex;gap:10px;padding:10px 0}.label{color:#6b7280;font-size:15px;font-weight:600;min-width:170px}.value{color:#111827;font-size:16px;font-weight:500}.actions-container{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-card{background:#fff;border-radius:22px;box-shadow:0 4px 18px #0000000d;cursor:pointer;padding:24px;transition:.3s}.action-card:hover{box-shadow:0 10px 28px #0000001a;transform:translateY(-7px)}.action-icon{align-items:center;background:#111827;border-radius:14px;color:#fff;display:flex;font-size:18px;height:46px;justify-content:center;margin-bottom:16px;width:46px}.action-card h4{color:#111827;font-size:16px;font-weight:600;margin-bottom:6px}.action-card p{color:#6b7280;font-size:12px;line-height:1.5}@media screen and (max-width:768px){.dashboard-container{padding:15px}.top-header h1{font-size:22px}.info-line{align-items:flex-start;flex-direction:column;gap:5px}.label{min-width:auto}}body{font-family:Arial,sans-serif}.page-container{padding:28px}.hero-banner{background:#0000;border-radius:0;height:auto;margin-bottom:25px;overflow:visible}.overlay{display:none}.hero-content{align-items:center;display:flex;justify-content:space-between;padding:0}.hero-content h1{color:#111827;font-size:38px;margin-bottom:6px}.hero-content p{color:#6b7280;font-size:14px}.hero-icon{align-items:center;background:#fff;border-radius:22px;box-shadow:0 6px 18px #0000000d;color:#111827;display:flex;font-size:34px;height:70px;justify-content:center;width:70px}.form-card{background:#fff;border-radius:30px;box-shadow:0 10px 25px #0000000d;padding:35px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.full-width{grid-column:span 2}.input-group{display:flex;flex-direction:column}.input-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:10px}.input-group input,.input-group select,.input-group textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;font-size:14px;outline:none;padding:17px;transition:.3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{background:#fff;border-color:#111827;box-shadow:0 0 0 5px #1118270f}textarea{resize:none}.save-btn{background:linear-gradient(90deg,#111827,#1f2937);border-radius:18px;font-size:15px;font-weight:600;margin-top:30px;padding:18px;transition:.3s;width:100%}.save-btn:hover{box-shadow:0 14px 28px #1118272e;transform:translateY(-3px)}@media screen and (max-width:768px){.page-container{padding:15px}.hero-content{padding:0}.hero-content h1{font-size:32px}.hero-icon{display:none}.form-card{padding:22px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.invalid-row{background:#ffe8e8}.delete-btn{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px}.delete-btn:hover{background:#c00}.bulk-update-panel{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 25px #0000000d;display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;padding:20px}.bulk-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:5px;width:100%}.bulk-update-panel select{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:14px;height:48px;min-width:180px;padding:0 15px;transition:.3s}.bulk-update-panel select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.bulk-update-panel input{border:1px solid #d1d5db;border-radius:12px;flex:1 1;font-size:14px;height:48px;min-width:220px;padding:0 15px;transition:.3s}.bulk-update-panel input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.apply-btn{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:48px;padding:0 30px;transition:.3s}.apply-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.add-product-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-product-btn{background:#10b981;box-shadow:0 8px 18px #10b98140;padding:12px 28px}.add-product-btn:hover{background:#059669}.bulk-update-panel input[type=number]{text-align:center;width:90px}.rack-panel{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;padding:20px}.rack-panel h3{color:#1f2937;margin-bottom:10px;width:100%}.rack-panel input{border:1px solid #d1d5db;border-radius:10px;height:45px;padding:10px;width:170px}.rack-btn{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:45px;padding:0 25px}.toast{animation:toastSlide .35s ease;border-radius:14px;box-shadow:0 12px 30px #00000040;min-width:300px;padding:16px 22px;z-index:99999}.toast-success{background:linear-gradient(135deg,#16a34a,#22c55e)}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444)}@keyframes toastSlide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.rack-btn:hover{background:#6d28d9}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#eef2ff);color:#111827;font-family:Inter,sans-serif;min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.products-page{padding:35px}.products-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:35px}.products-header h1{color:#0f172a;font-size:44px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.products-header p{color:#64748b;font-size:15px}.top-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-wrapper{position:relative;width:340px}.search-icon{color:#94a3b8;font-size:15px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.search-box{background:#fff;border:none;border-radius:18px;box-shadow:0 8px 25px #0f172a0f;color:#111827;font-size:14px;outline:none;padding:16px 20px 16px 48px;transition:.3s;width:100%}.search-box:focus{box-shadow:0 15px 30px #3b82f626;transform:translateY(-2px)}.filter-dropdown{background:#fff;border:none;border-radius:18px;box-shadow:0 8px 25px #0f172a0f;color:#111827;cursor:pointer;font-size:14px;outline:none;padding:15px 18px;transition:.3s}.filter-dropdown:hover{transform:translateY(-2px)}.pdf-btn{background:linear-gradient(90deg,#2563eb,#3b82f6);border:none;border-radius:18px;box-shadow:0 10px 20px #2563eb33;color:#fff;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:15px 20px;transition:.3s}.pdf-btn:hover{box-shadow:0 14px 25px #2563eb4d;transform:translateY(-3px) scale(1.02)}.pdf-btn.dark{background:linear-gradient(90deg,#111827,#1e293b);box-shadow:0 10px 20px #0f172a33}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:35px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:28px;box-shadow:0 12px 30px #0f172a0f;overflow:hidden;padding:30px;position:relative;transition:.3s}.stat-card:before{background:linear-gradient(90deg,#2563eb,#7c3aed);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.stat-card:hover{box-shadow:0 18px 35px #0f172a1a;transform:translateY(-6px)}.stat-card h2{color:#0f172a;font-size:34px;font-weight:700;margin-bottom:8px}.stat-card p{color:#64748b;font-size:14px}.table-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fff9;border-radius:30px;box-shadow:0 15px 40px #0f172a14;overflow-x:auto}.table-head,.table-row{align-items:center;display:grid;grid-template-columns:minmax(250px,2fr) minmax(120px,1fr) minmax(100px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(170px,1fr);min-width:1100px}.table-head{background:linear-gradient(90deg,#0f172a,#1e293b);color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:24px 30px;text-transform:uppercase}.table-row{border-bottom:1px solid #f1f5f9;padding:24px 30px;transition:.3s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8fafc}.table-head div,.table-row div{white-space:nowrap}.product-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;box-shadow:0 10px 25px #2563eb40;color:#fff;display:flex;font-size:28px;height:62px;justify-content:center;width:62px}.product-info h3{font-size:17px;margin-bottom:5px}.product-info p{color:#94a3b8;font-size:13px}.price{color:#0f172a;font-size:18px;white-space:nowrap}.discount-badge,.gst-badge,.rack-badge,.stock{align-items:center;border-radius:14px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.3px;min-width:85px;padding:10px 15px;text-align:center}.gst-badge{background:#eef2ff;color:#4338ca}.rack-badge{background:#f1f5f9;color:#0f172a}.discount-badge{color:#15803d}.in-stock{background:#dcfce7;color:#166534}.low-stock{background:#fee2e2;color:#dc2626}.offer-btn{background:linear-gradient(90deg,#111827,#1e293b);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;min-width:140px;padding:11px 18px;transition:.3s;white-space:nowrap}.offer-btn:hover{opacity:.95;transform:scale(1.05)}.empty-box{background:#fff;border-radius:30px;box-shadow:0 15px 35px #0f172a0d;margin-top:35px;padding:70px}.empty-box h2{color:#0f172a;font-size:28px;margin-bottom:12px}.empty-box p{color:#64748b}.stock-badge{border-radius:14px;display:inline-block;font-size:12px;font-weight:600;min-width:70px;padding:8px 14px;text-align:center}.stock-badge.low{background:#fee2e2;color:#dc2626}.stock-badge.medium{background:#fef9c3;color:#ca8a04}.stock-badge.high{background:#dcfce7;color:#16a34a}@media screen and (max-width:1100px){.products-header{align-items:flex-start;flex-direction:column}.search-box,.search-wrapper,.top-controls{width:100%}}@media screen and (max-width:768px){.products-page{padding:20px}.products-header h1{font-size:34px}.stat-card{padding:24px}.filter-dropdown,.pdf-btn{width:100%}}@media screen and (max-width:500px){.products-header h1{font-size:28px}.product-icon{height:55px;width:55px}.stat-card h2{font-size:28px}}.edit-btn{background:#2563eb}.edit-btn:hover{background:#1d4ed8}.modal-overlay{background:#00000080;height:100%;left:0;top:0;width:100%}.edit-modal{border-radius:15px;box-shadow:0 10px 30px #00000040;width:420px}.edit-modal input{border-radius:8px;margin:8px 0;padding:10px}.modal-buttons{justify-content:space-between;margin-top:20px}.save-btn{background:#16a34a;border-radius:8px}.cancel-btn{background:#ef4444;border-radius:8px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.edit-modal{animation:popup .25s ease;background:#fff;border-radius:18px;box-shadow:0 15px 40px #00000040;padding:25px;width:520px}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.edit-modal h2{margin-bottom:20px;text-align:center}.edit-modal input{border:1px solid #ddd;border-radius:10px;font-size:15px;margin-bottom:15px;padding:12px;width:100%}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.save-btn{background:#0d6efd}.cancel-btn,.save-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 20px}.cancel-btn{background:#6c757d}.edit-btn{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:.2s}.edit-btn:hover{background:#f57c00;transform:translateY(-2px)}.save-btn:hover{background:#0b5ed7}.cancel-btn:hover{background:#5c636a}.toast{box-shadow:0 10px 25px #00000040;min-width:280px;padding:15px 22px}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.home{background:radial-gradient(circle at top,#342f6d,#0d101f);color:#fff;height:90vh;justify-content:center}.hero-container,.home{align-items:center;display:flex}.hero-container{justify-content:space-between;width:85%}.hero-text{max-width:500px}.hero-text h1{font-size:55px;font-weight:700;line-height:1.2}.hero-text span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.hero-text p{color:#94a3b8;font-size:18px;margin:20px 0}.actions{margin-top:20px}.primary-btn{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;margin-right:10px;padding:14px 30px;transition:.3s}.primary-btn:hover{box-shadow:0 0 20px #8b5cf6;transform:scale(1.05)}.secondary-btn{background:#0000;border:2px solid #8b5cf6;border-radius:8px;color:#8b5cf6;padding:14px 30px;transition:.3s}.secondary-btn:hover{background:#8b5cf6;color:#fff}.hero-image img{animation:float 4s ease-in-out infinite;width:450px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (max-width:768px){.hero-container{flex-direction:column;text-align:center}.hero-image img{margin-top:20px;width:300px}}body{overflow-x:hidden!important}.shop-login-page{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);color:#0f172a;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px}.shop-login-wrapper{align-items:center;display:flex;gap:80px;justify-content:space-between;max-width:1200px;width:90%}.shop-brand{flex:1 1}.brand-tag{background:#22c55e1f;border:1px solid #bbf7d0;border-radius:30px;color:#16a34a;display:inline-block;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:30px;padding:10px 22px}.shop-brand h1{color:#0f172a;font-size:65px;font-weight:800;line-height:1.15}.shop-brand h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.shop-brand p{color:#64748b;font-size:19px;line-height:1.8;margin-top:25px;max-width:550px}.shop-features{display:flex;gap:20px;margin-top:45px}.shop-features div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 25px #0f172a14;padding:20px;transition:.3s;width:160px}.shop-features div:hover{border-color:#22c55e;box-shadow:0 15px 35px #22c55e2e;transform:translateY(-8px)}.shop-features h2{font-size:32px}.shop-features h3{color:#0f172a;font-size:18px;margin-top:10px}.shop-features p{color:#64748b;font-size:13px;margin:0}.shop-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 25px 60px #0f172a26;padding:45px;width:420px}.login-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:25px;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:auto;width:80px}.shop-login-card h2{color:#0f172a;font-size:35px;margin-top:25px;text-align:center}.login-subtitle{color:#64748b;margin-bottom:30px;text-align:center}.shop-login-card label{color:#334155;display:block;font-weight:600;margin-bottom:8px;margin-top:18px}.shop-login-card input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#111827;font-size:16px;outline:none;padding:14px 16px;transition:.3s;width:100%}.shop-login-card input:focus{border-color:#22c55e;box-shadow:0 0 12px #22c55e40}.shop-login-card button{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:30px;padding:15px;transition:.3s;width:100%}.shop-login-card button:hover{box-shadow:0 12px 25px #22c55e40;transform:translateY(-3px)}.extra-links{margin-top:25px;text-align:center}.extra-links p{color:#64748b}.extra-links a{color:#16a34a;font-weight:600;text-decoration:none}.extra-links a:hover{text-decoration:underline}.toast{animation:slide .3s ease}@media(max-width:900px){.shop-login-wrapper{flex-direction:column;text-align:center}.shop-brand h1{font-size:45px}.shop-brand p{font-size:17px}.shop-features{flex-wrap:wrap;justify-content:center}.shop-login-card{max-width:420px;width:100%}}.shop-register-page{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);color:#0f172a;display:flex;justify-content:center;min-height:100vh}.shop-register-wrapper{align-items:center;display:flex;gap:70px;justify-content:space-between;width:90%}.shop-info{width:50%}.shop-tag{background:#22c55e1f;border-radius:30px;color:#16a34a;display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;padding:10px 25px}.shop-info h1{color:#0f172a;font-size:70px;line-height:1.1;margin:30px 0}.shop-info h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text}.shop-info>p{color:#64748b;font-size:20px;line-height:1.8}.shop-benefits{display:flex;gap:20px;margin-top:40px}.shop-benefits div{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 30px #0f172a14;padding:20px;transition:.3s;width:160px}.shop-benefits div:hover{transform:translateY(-8px)}.shop-benefits h2{font-size:30px}.shop-benefits h3{color:#0f172a;font-size:16px;margin:10px 0}.shop-benefits p{color:#64748b;font-size:13px}.shop-register-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 25px 60px #0f172a26;max-height:85vh;overflow-y:auto;padding:40px;width:450px}.shop-register-card h2{color:#0f172a;font-size:30px;text-align:center}.subtitle{color:#64748b;margin-bottom:25px;text-align:center}.shop-register-card label{color:#334155;display:block;font-weight:600;margin-bottom:6px;margin-top:15px}.shop-register-card input,.shop-register-card select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#111827;outline:none;padding:13px;transition:.3s;width:100%}.shop-register-card input:focus,.shop-register-card select:focus{border-color:#22c55e;box-shadow:0 0 12px #22c55e40}.otp-row{display:flex;gap:10px;margin-top:5px}.otp-row input{flex:1 1}.otp-row button{background:#22c55e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;transition:.3s;width:110px}.otp-row button:hover{background:#16a34a}.otp-row button:disabled{background:#94a3b8;cursor:not-allowed}.verified{color:#16a34a;font-size:15px;font-weight:700;margin-top:10px}.location-grid,.time-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:10px}.shop-register-btn{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin-top:25px;padding:16px;transition:.3s;width:100%}.shop-register-btn:hover{box-shadow:0 10px 25px #22c55e40;transform:translateY(-3px)}.shop-register-btn:disabled{background:#cbd5e1;box-shadow:none;color:#64748b;cursor:not-allowed;transform:none}.shop-register-card::-webkit-scrollbar{width:8px}.shop-register-card::-webkit-scrollbar-track{background:#f1f5f9;border-radius:20px}.shop-register-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.shop-register-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.toast{animation:slideIn .35s ease;background:#22c55e;border-radius:10px;box-shadow:0 10px 25px #00000026}html{overflow-y:scroll;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{overflow-x:hidden}@media(max-width:1000px){.shop-register-wrapper{flex-direction:column;gap:40px;text-align:center}.shop-info{width:100%}.shop-info h1{font-size:46px}.shop-info>p{font-size:17px}.shop-benefits{flex-wrap:wrap;justify-content:center}.shop-register-card{max-height:none;max-width:460px;width:100%}}@media(max-width:600px){.shop-register-page{padding:20px}.shop-register-card{padding:25px}.shop-info h1{font-size:36px}.location-grid,.time-grid{grid-template-columns:1fr}.otp-row{flex-direction:column}.otp-row button{width:100%}.shop-benefits{align-items:center;flex-direction:column}.shop-benefits div{max-width:280px;width:100%}}.order-page{background:#f4f7fb;font-family:Arial;min-height:100vh;padding:25px}.title{color:#111827;font-size:32px;margin-bottom:20px}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.badge.user{background:#fef3c7;color:#92400e}.total-box{font-size:22px;padding:10px 15px}.invoice-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;padding:10px 14px}.invoice-btn:hover{background:#1f2937}.item-name{color:#111827;font-weight:600}.item-meta{color:#6b7280;font-size:12px}.empty{padding:50px}.bill-page{background:#f1f5f9;min-height:100vh;padding:40px}.bill-header{margin-bottom:25px}.bill-header h1{font-size:36px}.bill-header p{color:#64748b}.bill-box{background:#fff;border-radius:24px;box-shadow:0 15px 40px #0000001f;max-width:850px;padding:30px}.shop-card{background:#eff6ff;margin-bottom:20px;padding:20px}.customer-box input{border:1px solid #ddd;border-radius:12px;font-size:16px;padding:14px;width:100%}.product-add{display:flex;gap:15px;margin:20px 0}.product-add select{border-radius:12px;flex:1 1;padding:14px}button{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:12px 22px}.bill-item{align-items:center;background:#f8fafc;border-radius:16px;display:flex;justify-content:space-between;margin:12px 0;padding:18px}.bill-item input{padding:8px;width:70px}.remove-btn{background:#ef4444}.total{text-align:right}.generate{background:#16a34a;font-size:18px;margin-top:20px;width:100%}.empty{color:#64748b;padding:30px}.toast{background:#111827;box-shadow:0 10px 25px #0003}@media print{.customer-box,.generate,.product-add,.remove-btn,.toast{display:none}.bill-page{background:#fff;padding:0}.bill-box{box-shadow:none}}.payment-box{border:1px solid #ddd;margin:20px 0}.payment-card{border:2px solid #ddd}.payment-card.active{border-color:#16a34a}.payment-status{font-weight:700;margin-top:15px}.shop-page{background:#f4f7fb;font-family:Arial;min-height:100vh;padding:25px}.header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.header h1{color:#111827;font-size:32px}.location{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:14px;font-weight:600;padding:8px 14px}.search-box{margin-top:15px}.search-box input{border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 18px #0000000d;font-size:15px;padding:14px 16px;transition:.3s;width:100%}.search-box input:focus{border-color:#6366f1;transform:scale(1.01)}.shop-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:25px}.shop-card{background:#fff;border-radius:18px;box-shadow:0 10px 25px #0000000f;padding:18px;transition:.3s}.shop-card:hover{transform:translateY(-5px)}.shop-header{align-items:center;display:flex;justify-content:space-between}.shop-header h2{color:#111827;font-size:20px}.badge{background:#dcfce7;color:#166534;font-weight:700;padding:5px 10px}.shop-info{color:#6b7280;font-size:14px;margin-top:10px}.view-btn{background:linear-gradient(90deg,#111827,#1f2937);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:12px;transition:.3s;width:100%}.view-btn:hover{transform:scale(1.03)}.empty{color:#6b7280;padding:40px;text-align:center}@media screen and (max-width:1000px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.shop-grid{grid-template-columns:1fr}}.filter-box select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23111827' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5 8 12l6.5-6.5' stroke='%23111827' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;border:none;border-radius:16px;box-shadow:0 8px 24px #00000014;color:#111827;cursor:pointer;font-size:15px;font-weight:500;min-width:220px;outline:none;padding:14px 48px 14px 18px;transition:.3s}.filter-box select:hover{box-shadow:0 14px 28px #0000001f;transform:translateY(-2px)}.filter-box select:focus{border:2px solid #111827;box-shadow:0 0 0 5px #1118271a}.filter-box option{background:#fff;color:#111827;padding:12px}.shop-badges{display:flex;flex-wrap:wrap;gap:8px}.badge.delivery{background:#e8f8ec;color:#1b8f3d}.badge.no-delivery{background:#ffe9e9;color:#d32f2f}.cart-page,.cart-page *{box-sizing:border-box}.cart-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:auto;max-width:1000px;min-height:100vh;padding:40px 20px}.cart-page h1{color:#0f172a;font-size:36px;font-weight:700;margin-bottom:25px}.login-message{color:#1e293b;font-size:24px;padding:100px 20px;text-align:center}.shop-details{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:20px}.shop-details h2{color:#1e293b;font-size:20px;margin:0 0 10px}.shop-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.shop-info p{color:#475569;font-weight:600;margin:0}.empty-cart{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;color:#64748b;font-size:20px;padding:60px 20px;text-align:center}.cart-layout{display:flex;flex-direction:column;gap:25px}.cart-products-list{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000000f;padding:25px}.cart-products-list h2{border-bottom:2px solid #f1f5f9;color:#0f172a;font-size:22px;margin-bottom:20px;margin-top:0;padding-bottom:12px}.product-row{border:1px solid #e2e8f0;border-radius:12px;flex-direction:row;gap:16px;margin-bottom:12px;padding:16px 20px}.product-row:last-child{margin-bottom:0}.product-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;min-width:0}.product-info h3{color:#0f172a;flex:1 1 150px;font-size:16px;font-weight:600;margin:0;min-width:140px}.price-box{align-items:center;gap:8px;margin:0;white-space:nowrap}.current-price{color:#0f172a;font-size:16px;font-weight:700}.old-price{color:#94a3b8;font-size:13px;text-decoration:line-through}.discount-badge{background:#dcfce7;border-radius:12px;color:#16a34a;font-size:12px;font-weight:600;padding:2px 8px;white-space:nowrap}.product-subtotal{color:#2563eb;font-size:14px;font-weight:700;margin-left:auto;white-space:nowrap}.product-actions{flex-shrink:0;gap:12px}.product-actions,.qty-box{align-items:center;display:flex}.qty-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;gap:8px;padding:4px 10px}.qty-box button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:transform .2s ease;width:28px}.qty-box button:first-child{background:#ef4444;color:#fff}.qty-box button:last-child{background:#10b981;color:#fff}.qty-box button:hover{transform:scale(1.1)}.qty-box span{color:#0f172a;font-size:15px;font-weight:700;text-align:center;width:24px}.remove-btn{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:.2s ease;white-space:nowrap}.remove-btn:hover{background:#dc2626;color:#fff}.checkout-box{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000000f;padding:25px}.checkout-box h2{color:#0f172a;font-size:20px;margin-top:0}.summary-row{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:12px}.total-price{color:#2563eb;font-size:24px;font-weight:800}.saving-badge{background:#dcfce7;border-radius:10px;color:#15803d;font-weight:600;margin-bottom:20px;padding:10px;text-align:center}.delivery-options{border-top:1px solid #f1f5f9;margin-top:15px;padding-top:15px}.delivery-options h3{color:#334155;font-size:16px;margin-bottom:12px}.radio-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-weight:600;gap:10px;margin-bottom:12px;-webkit-user-select:none;user-select:none}.radio-label input{cursor:pointer;height:18px;width:18px}.radio-label.disabled-option{cursor:not-allowed;opacity:.45}.radio-label.disabled-option input{cursor:not-allowed}.delivery-warning{background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;font-weight:500;margin-bottom:12px;margin-top:8px;padding:10px 14px}.delivery-warning p{line-height:1.4;margin:0}.delivery-fields{display:flex;flex-direction:column;gap:10px;margin-top:15px}.delivery-fields textarea{border:1px solid #cbd5e1;border-radius:10px;font-family:inherit;padding:12px;width:100%}.location-box{display:flex;gap:10px}.location-box input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1 1;padding:10px}.location-btn{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px;white-space:nowrap}.location-btn:hover{background:#0369a1}.checkout-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:16px;transition:.3s ease;width:100%}.checkout-btn:hover:not(:disabled){box-shadow:0 10px 20px #2563eb4d;transform:translateY(-2px)}.checkout-btn:disabled{background:#94a3b8;cursor:not-allowed}.delivery-tag{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.delivery-tag.available{background:#dcfce7;color:#16a34a}.delivery-tag.unavailable{background:#fee2e2;color:#dc2626}.toast{animation:slide .3s ease-out;box-shadow:0 10px 30px #0003;padding:16px 24px;right:25px;top:25px;white-space:pre-line}.toast.success{background:#16a34a}.toast.error{background:#dc2626}@keyframes slide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.product-row{align-items:stretch;flex-direction:column;gap:12px}.product-info{justify-content:space-between;width:100%}.product-subtotal{margin-left:0}.product-actions{justify-content:space-between;width:100%}}.distance-status{border-radius:8px;font-weight:600;padding:4px 10px}.distance-status.within-range{background-color:#dcfce7;color:#15803d}.distance-status.out-of-range{background-color:#fee2e2;color:#b91c1c}.distance-status.text-muted{color:#64748b;font-weight:400}.orders-page{background:#f4f7fb;font-family:Arial;min-height:100vh;padding:25px}.page-title{color:#111827;font-size:32px;margin-bottom:20px}.order-card{border-radius:18px;box-shadow:0 10px 25px #0000000f}.order-card:hover{transform:translateY(-3px)}.order-header{align-items:flex-start;display:flex;justify-content:space-between}.badges{display:flex;gap:10px;margin-top:8px}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.badge.shop{background:#eef2ff;color:#3730a3}.badge.id{background:#fef3c7;color:#92400e}.total-box{background:#dcfce7;border-radius:12px;color:#16a34a;font-size:20px;font-weight:700;padding:10px 14px}.date{color:#6b7280;font-size:13px;margin-top:10px}.items-section{margin-top:15px}.item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-top:10px;padding:12px}.product-name{color:#111827;font-weight:600}.qty{color:#6b7280;font-size:12px}.price{color:#111827;font-weight:700}.discount{color:#6b7280;font-size:12px}.empty-box{color:#6b7280;font-size:16px;padding:50px}.filter-box{margin-bottom:20px}.date-input{border:1px solid #ddd;border-radius:10px;padding:10px}.clear-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 14px}.clear-btn:hover{background:#1f2937}.pending-page{padding:20px}.pending-page h1{margin-bottom:25px;text-align:center}.pending-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000026;margin:20px auto;max-width:700px;padding:20px}.pending-card h2{color:#333}.item{background:#f5f5f5;border-radius:8px;margin:8px 0;padding:10px}.waiting{background:#fff3cd;border-radius:10px;color:#856404;font-weight:700;margin-top:15px;padding:12px;text-align:center}.empty-box{color:green;font-size:20px;margin-top:50px;text-align:center}.canceled-status{background:#ffe5e5;border-radius:8px;color:#d32f2f;font-weight:700;margin-top:15px;padding:10px;text-align:center}.canceled-card{border-left:5px solid #d32f2f}.cancel-page{background:#f5f7fb;font-family:Poppins,sans-serif;min-height:100vh;padding:40px}.cancel-header{margin-bottom:35px}.cancel-header h1{color:#222;font-size:34px;margin-bottom:8px}.cancel-header p{color:#666}.orders-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(370px,1fr))}.order-card{border-radius:20px;border-top:5px solid #ef4444;box-shadow:0 10px 25px #00000014;padding:24px;transition:.3s}.order-card:hover{box-shadow:0 18px 35px #00000026;transform:translateY(-6px)}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-top h2{color:#222;margin:0}.card-top span{color:#888;font-size:13px}.status-badge{background:#fee2e2;border-radius:50px;color:#dc2626;font-size:14px;font-weight:600;padding:8px 16px}.shop-box{background:#f8fafc;border-radius:12px;color:#444;margin-bottom:20px;padding:14px}.products{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.product-chip{background:#eef2ff;border-radius:12px;color:#374151;gap:20px;padding:10px 15px}.card-footer,.product-chip{align-items:center;display:flex;justify-content:space-between}.card-footer{margin-top:25px}.amount{color:#ef4444;font-size:24px;font-weight:700}.reason-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 22px;transition:.3s}.reason-btn:hover{transform:scale(1.05)}.empty-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;padding:70px;text-align:center}.empty-icon{font-size:70px;margin-bottom:20px}.empty-card h2{color:#222;margin-bottom:10px}.empty-card p{color:#777}@media(max-width:768px){.cancel-page{padding:20px}.orders-grid{grid-template-columns:1fr}.card-top{gap:12px}.card-footer,.card-top{align-items:flex-start;flex-direction:column}.card-footer{gap:15px}.reason-btn{width:100%}}.menu-toggle{font-size:30px}@media(max-width:768px){.navbar{padding:15px 20px}.logo-container h1{font-size:24px}.menu-toggle{display:block}.nav-links{align-items:center;background:#fff;box-shadow:0 5px 10px #00000026;display:none;flex-direction:column;gap:20px;left:0;padding:20px 0;position:absolute;top:70px;width:100%}.nav-links.active{display:flex}.nav-links li{text-align:center;width:100%}.nav-links li a{display:block;padding:10px}.location-box,.user-box{justify-content:center}.login-btn{width:150px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b,#020617);box-shadow:0 0 25px #8b5cf64d;height:75px;padding:0 60px}.logo-container,.navbar{align-items:center;display:flex}.logo-container{gap:10px}.logo-container img{width:45px}.logo-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;font-size:28px;font-weight:700}.nav-links{align-items:center;display:flex;gap:35px;list-style:none;margin-left:auto}.nav-links li a{position:relative;text-decoration:none;transition:.3s}.nav-links li a:hover{color:#8b5cf6;text-shadow:0 0 10px #8b5cf6}.nav-links li a:after{background:linear-gradient(90deg,#8b5cf6,#22c55e);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:.4s;width:0}.nav-links li a:hover:after{width:100%}.login-btn{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px 22px;transition:.3s}.login-btn:hover{box-shadow:0 0 15px #8b5cf6;transform:scale(1.05)}.menu-toggle{color:#fff;cursor:pointer;display:none;font-size:28px}@media (max-width:768px){.menu-toggle{display:block;margin-left:auto}.nav-links{align-items:center;background:#020617;flex-direction:column;gap:25px;padding:20px 0;position:absolute;right:0;top:75px;transform:translateY(-150%);transition:.4s;width:100%}.nav-links.active{transform:translateY(0)}}.location-box,.user-box{align-items:center;color:#cbd5e1;display:flex;gap:6px}.location-box:hover,.user-box:hover{color:#22c55e}.location-icon{color:#ef4444}.nav-links li a,.nav-links li span{color:#cbd5e1;font-size:18px}.nav-links li span{align-items:center;cursor:pointer;display:flex;gap:6px;transition:.3s}.nav-links li span:hover{color:#22c55e}@media (max-width:768px){.navbar{height:70px;padding:0 20px}.logo-container img{width:40px}.logo-container h1{font-size:24px}.menu-toggle{display:block;margin-left:auto}.nav-links{align-items:center;background:#020617;display:flex;flex-direction:column;gap:20px;left:0;margin:0;opacity:0;padding:25px 0;pointer-events:none;position:absolute;top:70px;transform:translateY(-120%);transition:.4s ease;width:100%}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{justify-content:center;text-align:center;width:100%}.nav-links li a{font-size:18px}.location-box,.user-box{font-size:18px;justify-content:center;width:100%}.login-btn{width:150px}}.purchase-card{border-radius:12px;box-shadow:0 4px 10px #00000026}.product-row{background:#f5f5f5;border-radius:8px;margin:8px 0;padding:12px}.purchase-page{padding:30px}.summary-box{display:flex;gap:20px;margin-bottom:25px}.summary-card{width:200px}.filter-box{background:#f8f8f8;border-radius:15px;gap:15px;margin-bottom:25px;padding:20px}.filter-box input{border:1px solid #ccc;border-radius:8px;padding:12px}.filter-box button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px}.purchase-card{margin:20px 0}.purchase-card h2:last-child{color:green}.popup{animation:fade .3s;background:#16a34a;border-radius:12px;box-shadow:0 5px 15px #999;color:#fff;font-weight:700;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:999}@keyframes fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reset-btn{background:#dc2626;color:#fff}.summary-box{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:20px 0}.summary-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #ddd;padding:20px;text-align:center}.filter-box{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.purchase-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #ddd;margin:15px 0;padding:20px}.product-line{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.print-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:15px;padding:12px 20px}.print-btn:hover{background:#1d4ed8}body{background:#f5f7fa}.admin-login{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;margin:100px auto;padding:40px;width:380px}.admin-login h2{color:#2c3e50;margin-bottom:30px;text-align:center}.admin-login input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:12px;width:100%}.admin-login input:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d;outline:none}.admin-login button{background:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:.3s;width:100%}.admin-login button:hover{background:#34495e}.toast{background:#323232;border-radius:8px;box-shadow:0 8px 20px #00000040;font-size:15px;font-weight:500;padding:14px 22px;right:20px;top:20px}body{background:#f3f4f6;font-family:Arial,Helvetica,sans-serif;margin:0}.admin-container{padding:30px}.admin-header{margin-bottom:25px}.admin-header h1{color:#2c3e50;margin:0}.admin-header p{color:gray}.dashboard-cards{display:flex;gap:20px;margin-bottom:25px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;width:220px}.card h2{color:#2ecc71;font-size:40px;margin:0}.shop-table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.shop-table th{background:#2c3e50;color:#fff;padding:15px}.shop-table td{border-bottom:1px solid #eee;padding:14px;text-align:center}.shop-table tr:hover{background:#f7f7f7}.approve-btn{background:#2ecc71;margin-right:10px}.approve-btn,.reject-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 18px}.reject-btn{background:#e74c3c}.approve-btn:hover{background:#27ae60}.reject-btn:hover{background:#c0392b}.admin-actions{margin-top:20px}.feedback-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:.3s}.feedback-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.map-link{color:#2563eb;font-weight:600;text-decoration:none}.map-link:hover{text-decoration:underline}.feedback-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;margin:40px auto;padding:30px;width:90%}.feedback-container h1{color:#1e293b;font-size:34px;font-weight:700;margin-bottom:30px;text-align:center}.feedback-container table{border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.feedback-container thead{background:linear-gradient(90deg,#2563eb,#0ea5e9);color:#fff}.feedback-container th{font-size:15px;font-weight:600;padding:16px;text-align:center}.feedback-container td{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;padding:15px;text-align:center}.feedback-container tbody tr:nth-child(2n){background:#f8fafc}.feedback-container tbody tr:hover{background:#eff6ff;transition:.3s}.feedback-container td:last-child{line-height:1.5;max-width:350px;text-align:left;white-space:normal;word-break:break-word}.no-feedback{color:#64748b;font-size:18px;padding:50px;text-align:center}@media(max-width:992px){.feedback-container{overflow-x:auto;padding:20px;width:95%}.feedback-container table{min-width:900px}}.order-validation{background:#f5f5f5;padding:30px}.order-card{border-radius:12px;box-shadow:0 3px 10px #ccc;margin-bottom:20px;padding:20px}.product-row{border-bottom:1px solid #ddd;justify-content:space-between;padding:10px}.button-group{display:flex;gap:20px;margin-top:20px}.approve{background:green}.approve,.reject{border-radius:8px;padding:12px 20px}.reject{background:red}.product-row{background:#f7f7f7;border-radius:10px;display:flex;margin:10px 0;padding:15px}.product-row input[type=checkbox]{height:20px;width:20px}.qty-input{border:1px solid #ccc;border-radius:5px;padding:8px}.product-row span{min-width:100px}.add-product-box{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 20px #00000014;margin-top:25px;padding:20px}.add-product-box h3{color:#1e293b;font-size:20px;margin-bottom:15px}.add-product-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.product-select{background:#fff;border:2px solid #cbd5e1;border-radius:12px;cursor:pointer;font-size:15px;outline:none;padding:13px 18px;transition:.3s;width:350px}.product-select:hover{border-color:#6366f1}.product-select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #6366f126}.add-product-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 6px 15px #4f46e54d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:13px 25px;transition:.3s}.add-product-btn:hover{box-shadow:0 10px 20px #4f46e566;transform:translateY(-2px)}.add-product-btn:active{transform:scale(.97)}.search-box{gap:10px;margin:20px 0}.search-box input{border:1px solid #ccc;border-radius:10px;outline:none;padding:12px;width:300px}.search-box input:focus{border-color:#2196f3;box-shadow:0 0 5px #2196f366}.search-box button{background:#555;border-radius:10px;padding:10px 20px}.search-box button:hover{background:#333}.toast{animation:slideIn .3s ease;background:#16a34a;border-radius:12px;box-shadow:0 8px 20px #0003;color:#fff;font-size:16px;font-weight:600;padding:15px 25px;position:fixed;right:30px;top:30px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.payment-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;margin-top:25px;padding:20px}.payment-box h3{margin-bottom:15px}.payment-options{display:flex;gap:20px}.payment-card{border:2px solid #e5e7eb;border-radius:15px;cursor:pointer;padding:18px;text-align:center;transition:.3s;width:180px}.payment-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.payment-card.active{background:#f0fdf4;border:2px solid #16a34a}.payment-icon{font-size:35px}.payment-card h4{font-size:18px;margin:10px 0 5px}.payment-card p{color:#64748b;font-size:13px}.payment-status{background:#ecfdf5;border-radius:10px;color:#166534;font-weight:600;margin-top:20px;padding:12px;text-align:center}.payment-status span{color:#475569;font-size:14px}.order-validation{background:linear-gradient(135deg,#f8fafc,#eef4ff 50%,#f1f5f9);font-family:Segoe UI,sans-serif;min-height:100vh;padding:35px}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 15px 40px #0f172a14;margin-bottom:30px;overflow:hidden;padding:28px;position:relative;transition:.35s}.order-card:before{background:linear-gradient(90deg,#2563eb,#8b5cf6,#06b6d4);content:"";height:6px;left:0;position:absolute;top:0;width:100%}.order-card:hover{box-shadow:0 25px 55px #0000001f;transform:translateY(-5px)}.product-row{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:grid;gap:20px;grid-template-columns:40px 2fr 90px 180px 120px 120px;margin:15px 0;padding:18px;transition:.3s}.product-row:hover{background:#f8fafc;transform:translateY(-2px)}.qty-input{border:2px solid #dbeafe;border-radius:12px;font-size:18px;font-weight:600;height:45px;outline:none;text-align:center;width:70px}.qty-input:focus{border-color:#2563eb;box-shadow:0 0 0 5px #2563eb26}.price-box{display:flex;flex-direction:column;gap:5px}.original-price{color:#94a3b8;font-size:14px;text-decoration:line-through}.discount{color:#ef4444;font-size:14px;font-weight:600}.final-price{color:#0f172a;font-size:22px;font-weight:700}.remove{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 18px;transition:.3s}.remove:hover{box-shadow:0 10px 20px #ef444459;transform:translateY(-3px)}select{background:#fff;border:2px solid #dbeafe;border-radius:14px;cursor:pointer;font-size:15px;margin-top:20px;outline:none;padding:14px 18px}select:focus{border-color:#2563eb;box-shadow:0 0 0 5px #2563eb1f}.approve{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-right:15px;margin-top:25px;padding:15px 30px;transition:.3s}.approve:hover{box-shadow:0 15px 25px #16a34a59;transform:translateY(-3px)}.reject{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:25px;padding:15px 30px;transition:.3s}.reject:hover{box-shadow:0 15px 25px #dc262659;transform:translateY(-3px)}.total-card{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:20px;box-shadow:0 15px 35px #2563eb40;color:#fff;margin-top:25px;padding:25px;text-align:center}.total-card h3{font-size:18px;margin-bottom:10px}.total-card h1{font-size:42px;margin:0}.search-box{display:flex;gap:15px;margin-bottom:30px}.search-box input{background:#fff;border:none;border-radius:50px;box-shadow:0 10px 25px #00000014;flex:1 1;font-size:16px;padding:16px 22px}.search-box button{background:linear-gradient(135deg,#334155,#1e293b);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:16px 28px}.payment-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000000d;padding:22px;transition:.35s;width:200px}.payment-card:hover{border-color:#2563eb;transform:translateY(-5px)}.payment-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 15px 30px #2563eb2e}.payment-icon{font-size:45px;margin-bottom:10px}
/*# sourceMappingURL=main.3ffe9d5b.css.map*/