@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body,html{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}#root,body,html{background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background-attachment:fixed;min-height:100vh}.location-page{background:#0000;font-family:Segoe UI,Arial,sans-serif;min-height:calc(100vh - 70px);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-page-wrapper{background:radial-gradient(ellipse at top,#0f172a 0,#070b14 60%,#020617 100%)!important;background:var(--bg-dark-gradient)!important;color:#f1f5f9!important;color:var(--text-primary)!important;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;width:100%}.home-hero,.home-page-wrapper{display:flex;min-height:calc(100vh - 75px);position:relative}.home-hero{align-items:center;flex:1 1;justify-content:center;overflow:hidden;padding:60px 20px}.hero-container{align-items:center;display:flex;gap:48px;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.hero-text{flex:1.1 1;max-width:600px}.tag-wrapper{margin-bottom:18px}.tag{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:30px;color:#818cf8!important;color:var(--accent-purple)!important;display:inline-flex;font-size:11.5px;font-weight:700;gap:8px;letter-spacing:1.2px;padding:6px 16px;text-transform:uppercase}.pulse-dot{animation:pulseNeonHome 2s infinite;background:#818cf8;background:var(--accent-purple);box-shadow:0 0 8px #818cf8;box-shadow:0 0 8px var(--accent-purple);height:7px;width:7px}@keyframes pulseNeonHome{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}to{opacity:.8;transform:scale(.9)}}.hero-title{color:#fff!important;color:var(--text-pure)!important;font-size:clamp(2.4rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px}.hero-title .gradient-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#38bdf8,#818cf8 50%,#34d399)!important;background:var(--primary-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;display:inline-block}.hero-desc{color:#94a3b8!important;color:var(--text-secondary)!important;font-size:1.08rem;line-height:1.65;margin-bottom:30px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.primary-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border:none;border-radius:12px;box-shadow:0 8px 25px #2563eb66;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.primary-btn,.primary-btn span{color:#fff!important}.primary-btn:hover{box-shadow:0 12px 30px #7c3aed8c;transform:translateY(-2px)}.btn-arrow{color:#fff!important;transition:transform .2s ease}.primary-btn:hover .btn-arrow{transform:translateX(4px)}.secondary-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff2e;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:13px 26px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.secondary-btn,.secondary-btn span{color:#fff!important}.secondary-btn:hover{background:#ffffff1f!important;border-color:#ffffff59;transform:translateY(-2px)}.features-chips{display:flex;flex-wrap:wrap;gap:12px}.feature-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abf;background:var(--card-bg-glass);border:1px solid #94a3b81f;border:1px solid var(--card-border-subtle);border-radius:12px;box-shadow:0 10px 30px -5px #00000080;box-shadow:var(--shadow-glass);display:flex;gap:8px;padding:9px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.feature-chip:hover{border-color:#8b5cf666;border-color:var(--card-border-glow);box-shadow:0 4px 15px #8b5cf626;transform:translateY(-2px)}.chip-icon{font-size:16px}.chip-text{color:#e2e8f0!important;font-size:13px;font-weight:600}.hero-image-wrapper{flex:0.9 1}.hero-card-preview,.hero-image-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.hero-card-preview{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172abf;background:var(--card-bg-glass);border:1px solid #94a3b81f;border:1px solid var(--card-border-subtle);border-radius:32px;box-shadow:0 10px 30px -5px #00000080,0 0 40px #8b5cf626;box-shadow:var(--shadow-glass),0 0 40px #8b5cf626;height:330px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:320px}.hero-logo-img{animation:userFloatDark 5s ease-in-out infinite;filter:drop-shadow(0 15px 25px rgba(0,0,0,.5));height:auto;object-fit:contain;width:155px}@keyframes userFloatDark{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(14px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.floating-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 10px 25px #0006;color:#f8fafc!important;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:8px 16px;pointer-events:none;position:absolute;z-index:3}.badge-1{left:-24px;top:24px}.badge-2{bottom:24px;right:-24px}.highlights-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1db3;border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--card-border-subtle);border-top:1px solid #94a3b81f;border-top:1px solid var(--card-border-subtle);padding:70px 20px}.highlights-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px;width:100%}.highlight-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abf;background:var(--card-bg-glass);border:1px solid #94a3b81f;border:1px solid var(--card-border-subtle);border-radius:20px;box-shadow:0 10px 30px -5px #00000080;box-shadow:var(--shadow-glass);padding:28px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.highlight-card:hover{border-color:#8b5cf666;border-color:var(--card-border-glow);box-shadow:0 12px 30px #8b5cf633;transform:translateY(-4px)}.highlight-icon-box{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:14px;display:flex;font-size:22px;height:50px;justify-content:center;margin-bottom:16px;width:50px}.highlight-card h3{color:#fff;color:var(--text-pure);font-size:18px;font-weight:700;margin-bottom:8px}.highlight-card p{color:#94a3b8;color:var(--text-secondary);font-size:13.5px;line-height:1.55}.footer{background:radial-gradient(ellipse at bottom,#0f172a 0,#050811 100%);border-top:1px solid #94a3b81f;border-top:1px solid var(--card-border-subtle);color:#cbd5e1;margin-top:auto;padding:60px 20px 24px}.footer-container{grid-gap:40px;border-bottom:1px solid #ffffff14;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;max-width:1200px;padding-bottom:40px;width:100%}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-logo{align-items:center;display:flex;gap:10px}.footer-logo-img{height:36px;object-fit:contain;width:36px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#818cf8 50%,#34d399);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.footer-tagline{color:#94a3b8;color:var(--text-secondary);font-size:13.5px;line-height:1.6;max-width:320px}.footer-status{align-items:center;color:#4ade80;display:flex;font-size:12px;font-weight:600;gap:8px}.footer-col h4{color:#fff;color:var(--text-pure);font-size:15px;font-weight:700;margin-bottom:16px}.footer-col ul{display:flex;flex-direction:column;gap:10px;list-style:none}.footer-col a{color:#94a3b8;color:var(--text-secondary);font-size:13.5px;text-decoration:none;transition:color .2s ease}.footer-col a:hover{color:#818cf8;color:var(--accent-purple)}.footer-bottom{color:#64748b;color:var(--text-muted);font-size:13px;margin:24px auto 0;max-width:1200px;text-align:center;width:100%}@media (max-width:900px){.hero-container{flex-direction:column;gap:36px;text-align:center}.hero-text{max-width:100%}.tag-wrapper{display:flex}.actions,.features-chips,.tag-wrapper{justify-content:center}.footer-container{gap:30px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.home-hero{min-height:auto;padding:30px 16px 40px}.hero-title{font-size:clamp(2rem,7vw,2.5rem)}.actions{flex-direction:column;gap:12px;width:100%}.primary-btn,.secondary-btn{min-height:48px;width:100%}.features-chips{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.feature-chip{justify-content:center;padding:8px 10px}.hero-card-preview{height:250px;width:240px}.hero-logo-img{width:115px}.floating-badge{font-size:11px;padding:6px 12px}.badge-1{left:-12px;top:12px}.badge-2{bottom:12px;right:-12px}.footer-container{gap:28px;grid-template-columns:1fr;text-align:center}.footer-brand,.footer-col ul{align-items:center}}.hero-portal-pills{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;margin-top:18px}.pills-label{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.hero-portal-pill{background:#0f172a99;border:1px solid #94a3b833;border-radius:20px;color:#f1f5f9;cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .25s ease}.hero-portal-pill.user-pill:hover{background:#38bdf833;border-color:#38bdf8;color:#38bdf8;transform:translateY(-2px)}.hero-portal-pill.shop-pill:hover{background:#8b5cf633;border-color:#8b5cf6;color:#a78bfa;transform:translateY(-2px)}.hero-portal-pill.vendor-pill:hover{background:#22c55e33;border-color:#22c55e;color:#4ade80;transform:translateY(-2px)}.user-login-page{align-items:center;background:radial-gradient(circle at top left,#e0f2fe,#f8fafc 70%);color:#0f172a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:30px 20px}.user-login-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;max-width:1100px;width:100%}.user-brand{flex:1 1}.user-tag{background:#fff;border:1px solid #dbeafe;border-radius:50px;color:#16a34a;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 18px}.user-brand h1{color:#0f172a;font-size:48px;font-weight:800;line-height:1.15;margin-top:18px}.user-brand h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;background-clip:text}.user-brand p{color:#475569;font-size:16px;line-height:1.6;margin-top:16px;max-width:480px}.benefits{display:flex;gap:16px;margin-top:28px}.benefits div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:16px;transition:transform .3s ease;width:150px}.benefits div:hover{transform:translateY(-4px)}.benefits h3{color:#0f172a;font-size:15px;margin-top:6px}.benefits p{color:#64748b;font-size:12px;margin:0}.user-login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 40px #0f172a14;margin:0 auto;max-width:400px;padding:32px 28px;width:100%}.user-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:20px;box-shadow:0 8px 20px #22c55e40;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto;width:64px}.user-login-card h2{color:#0f172a;font-size:26px;font-weight:800;margin-top:16px;text-align:center}.login-text{color:#64748b;font-size:13px;margin-bottom:20px;text-align:center}.user-login-card label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:4px;margin-top:12px}.user-login-card input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:11px 14px;transition:all .2s ease;width:100%}.user-login-card input:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 8px #22c55e40}.forgot{color:#16a34a;display:block;font-size:12px;font-weight:600;margin-top:8px;text-align:right;text-decoration:none}.forgot:hover{text-decoration:underline}.user-login-card button{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:12px;transition:all .2s ease;width:100%}.user-login-card button:hover{box-shadow:0 10px 20px #8b5cf640;transform:translateY(-2px)}@media screen and (max-width:900px){.user-login-page{align-items:center;padding:20px 16px}.user-login-wrapper{flex-direction:column;gap:0}.user-brand{margin-bottom:20px;text-align:center;width:100%}.user-brand h1{font-size:32px;margin-top:12px}.user-brand p{font-size:14px;margin:8px auto 0}.benefits{gap:10px;justify-content:center;margin-top:16px}.benefits div{padding:12px;width:130px}}@media screen and (max-width:600px){.user-login-page{padding:16px 12px}.benefits,.user-brand p{display:none}.user-brand{margin-bottom:14px}.user-tag{font-size:10px;padding:4px 14px}.user-brand h1{font-size:24px;margin-top:8px}.user-login-card{border-radius:18px;box-shadow:0 10px 30px #0f172a14;padding:20px 16px}.user-icon{border-radius:16px;font-size:26px;height:52px;width:52px}.user-login-card h2{font-size:20px;margin-top:12px}.login-text{font-size:12px;margin-bottom:14px}.user-login-card label{font-size:12px;margin-top:10px}.user-login-card input{border-radius:8px;font-size:13px;padding:10px 12px}.forgot{font-size:11px;margin-top:6px}.user-login-card button{border-radius:10px;font-size:14px;margin-top:16px;padding:11px}.extra-links{font-size:12px;margin-top:14px}.toast{left:12px;padding:10px;right:12px;text-align:center;top:12px;width:auto}}.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;padding:40px 20px}.register-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;max-width:1100px;width:100%}.register-info{width:50%}.brand-tag{background:#22c55e1f;border-radius:30px}.register-info h1{color:#0f172a;font-size:48px;line-height:1.2;margin:20px 0 12px}.register-info h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;background-clip:text}.register-info p{color:#64748b;font-size:16px;line-height:1.6}.benefit{display:flex;gap:16px;margin-top:28px}.benefit div{background:#fffc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0f172a14;padding:16px;transition:.3s;width:150px}.benefit div:hover{transform:translateY(-4px)}.benefit h3{color:#0f172a;font-size:15px;margin-top:6px}.benefit p{color:#64748b;font-size:12px}.register-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 40px #0f172a1a;margin:0 auto;max-width:420px;padding:28px 24px;width:100%}.register-container h2{color:#0f172a;font-size:24px;text-align:center}.register-container label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:4px;margin-top:12px}.register-container input,.register-container select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#111;font-size:14px;outline:none;padding:11px 14px;width:100%}.register-container input:focus,.register-container select:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e40}.register-btn{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:13px;transition:.3s;width:100%}.register-btn:hover{box-shadow:0 8px 20px #22c55e40;transform:translateY(-2px)}.verified-text{margin-top:8px}@media screen and (max-width:900px){.register-page{align-items:center;padding:20px 16px}.register-wrapper{flex-direction:column;gap:0}.register-info{margin-bottom:24px;text-align:center;width:100%}.register-info h1{font-size:32px;margin:12px 0 6px}.register-info p{font-size:14px}.benefit{gap:10px;justify-content:center;margin-top:16px}.benefit div{padding:12px;width:130px}}@media screen and (max-width:600px){.register-page{padding:16px 12px}.benefit,.register-info p{display:none}.register-info{margin-bottom:16px}.brand-tag{font-size:10px;padding:4px 12px}.register-info h1{font-size:24px;margin:8px 0 0}.register-container{border-radius:18px;box-shadow:0 10px 30px #0f172a14;padding:20px 16px}.register-container h2{font-size:20px}.subtitle{font-size:12px;margin-bottom:12px}.register-container label{font-size:12px;margin-top:10px}.register-container input,.register-container select{border-radius:8px;font-size:13px;padding:10px 12px}.otp-row button{font-size:12px;width:90px}.register-btn{border-radius:10px;font-size:14px;margin-top:16px;padding:12px}.toast{left:12px;padding:10px;right:12px;text-align:center;top:12px;width:auto}}:root{--primary-gradient:linear-gradient(135deg,#8b5cf6,#22c55e);--radius-card:20px;--radius-btn:12px;--shadow-sm:0 4px 12px #0f172a0a;--shadow-hover:0 16px 32px #0f172a14}.contact-page,.contact-page *{box-sizing:border-box;margin:0;padding:0}.contact-page{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);color:#0f172a;color:var(--text-dark);display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1150px;min-height:calc(100vh - 75px);padding:40px 20px 80px;width:100%}.contact-left{flex:1 1;max-width:520px}.feedback-tag{background:#22c55e1a;border-radius:30px;color:#16a34a;color:var(--success);display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;padding:6px 16px}.contact-left h1{color:#0f172a;color:var(--text-dark);font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.contact-left h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#22c55e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.contact-left p{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.6;margin-bottom:28px}.feedback-points{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.point{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-btn);box-shadow:0 4px 12px #0f172a0a;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-dark);display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 16px;transition:transform .2s ease,border-color .2s ease}.point:hover{border-color:#22c55e;transform:translateY(-2px)}.point-icon{font-size:16px}.contact-right{flex:1 1;max-width:480px;width:100%}.contact-form{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-card);box-shadow:0 16px 32px #0f172a14;box-shadow:var(--shadow-hover);padding:32px 28px}.contact-form h2{color:#0f172a;color:var(--text-dark);font-size:22px;font-weight:800;margin-bottom:20px;text-align:left}.input-group{gap:6px;margin-bottom:16px}.input-group label{color:#0f172a;color:var(--text-dark);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{background:#f8fafc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;color:#0f172a;color:var(--text-dark);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:all .2s ease;width:100%}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:#fff;background:var(--surface);border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.contact-form textarea{min-height:100px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#8b5cf6,#22c55e);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-btn);color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:13px;transition:all .2s ease;width:100%}.submit-btn:hover{box-shadow:0 8px 20px #22c55e40;transform:translateY(-2px)}.toast{animation:slideIn .3s ease forwards}@media screen and (max-width:900px){.contact-page{flex-direction:column;gap:28px;padding:24px 16px 60px}.contact-left,.contact-right{max-width:100%}.contact-left{text-align:center}.contact-left h1{font-size:28px}.contact-left p{font-size:14px;margin-bottom:20px}.feedback-points{gap:10px;grid-template-columns:repeat(2,1fr)}.contact-form{border-radius:16px;padding:24px 18px}.contact-form h2{font-size:20px;text-align:center}}@media screen and (max-width:500px){.contact-page{padding:16px 12px 50px}.feedback-points{grid-template-columns:1fr}.point{justify-content:center;padding:10px 14px}.contact-left h1{font-size:24px}.contact-form input,.contact-form select,.contact-form textarea{font-size:13px;padding:10px}.submit-btn{font-size:14px;padding:12px}.toast{left:12px;right:12px;text-align:center;top:12px;width:auto}}.about-hero{background:linear-gradient(135deg,#f4f9ff,#fff 55%,#eef6ff)}.vision-card{background:#f8fafc;border:1px solid #eaecf0;border-radius:25px;box-shadow:0 15px 40px #1018280f;flex-direction:column;gap:15px;min-height:420px;padding:45px 30px}.vision-card,.vision-circle{align-items:center;display:flex;justify-content:center}.vision-circle{background:#eaf3ff;border-radius:50%;font-size:36px;height:80px;width:80px}.vision-card h3{color:#344054;font-size:19px;margin:0}.vision-card>span{color:#1976d2;font-size:25px;font-weight:700}@media (max-width:650px){.about-hero{min-height:auto;padding:60px 20px}.about-hero h1{letter-spacing:-1px}.about-hero-content>p{font-size:16px}.about-section,.features-section,.how-section,.mission-section,.vision-section{padding:70px 20px}.features-grid,.mission-points{grid-template-columns:1fr}.flow-card{max-width:330px;width:100%}.about-cta{padding:70px 20px}.about-hero-card{min-height:280px}.vision-card{min-height:350px}}:root{--bg-gradient-start:#f8fafc;--bg-gradient-end:#f1f5f9;--text-main:#0f172a}body{color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dashboard-page{background:#0000;margin:0 auto;max-width:1280px;min-height:calc(100vh - 70px);padding:24px 16px 85px;position:relative}.dropdown-user strong,.header-branding h1{color:var(--text-main)}.info-card{margin-bottom:20px}.info-value{color:var(--text-main)}.actions-section h2{color:#0f172a;color:var(--text-main);font-size:16px;font-weight:800;margin-bottom:12px}.action-icon-box{position:relative}.action-card h3{color:var(--text-main)}.card-badge{background:#eff6ff;border-radius:4px;color:#2563eb;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.pulse-dot{background:#f59e0b;border:2px solid #fff;height:10px;position:absolute;right:-2px;top:-2px;width:10px}@media (min-width:769px){.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}:root{--danger-bg:#fee2e2;--danger-text:#b91c1c;--bg-gradient-start:#dbeafe;--bg-gradient-end:#fff;--radius-xl:18px;--radius-md:8px;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-lg:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a}.dashboard-container{background:#0000;margin:0 auto;max-width:1280px;min-height:calc(100vh - 75px);padding:24px 16px 85px;position:relative}.dashboard-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.welcome-pill{align-items:center;background:#2563eb14;border-radius:20px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;margin-bottom:6px;padding:4px 12px}.header-branding h1{color:#0f172a;color:var(--text-dark);font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.header-branding p.subtext{color:#64748b;color:var(--text-muted);font-size:13px;max-width:500px}.user-menu{position:relative}.user-badge{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 6px 16px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.user-dropdown{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:54px;width:240px;z-index:1000}.dropdown-user{background:#f8fafc;display:flex;flex-direction:column;gap:2px;padding:12px}.dropdown-user strong{color:#0f172a;color:var(--text-dark);font-size:14px}.dropdown-user span{color:#64748b;color:var(--text-muted);font-size:12px}.dropdown-user .location-tag{color:#2563eb;color:var(--primary);font-size:11px;margin-top:4px}.user-dropdown hr{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color)}.logout-btn{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px;width:100%}.dashboard-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:360px 1fr}.info-section{gap:16px}.actions-section,.info-section{display:flex;flex-direction:column}.actions-section{gap:12px}.section-title h3{color:#0f172a;color:var(--text-dark);font-size:16px;font-weight:800}.status-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000d;box-shadow:var(--shadow-sm);padding:18px}.status-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.card-subtitle{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-header h3{color:#0f172a;color:var(--text-dark);font-size:16px;font-weight:800}.status-badge{border-radius:30px;font-weight:800;gap:6px}.status-badge.open{background:#dcfce7;background:var(--success-bg);color:#15803d;color:var(--success-text)}.status-badge.closed{background:#fee2e2;background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.status-dot{height:8px;width:8px}.status-badge.open .status-dot{background:#10b981;background:var(--success);box-shadow:0 0 0 3px #10b98133}.status-badge.closed .status-dot{background:#ef4444;background:var(--danger);box-shadow:0 0 0 3px #ef444433}.status-action p{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4;margin-bottom:14px}.status-toggle-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:800;height:40px;transition:all .2s ease;width:100%}.btn-close{background:#fee2e2;background:var(--danger-bg);color:#b91c1c;color:var(--danger-text)}.btn-close:hover{background:#ef4444;background:var(--danger);color:#fff}.btn-open{background:#dcfce7;background:var(--success-bg);color:#15803d;color:var(--success-text)}.btn-open:hover{background:#10b981;background:var(--success);color:#fff}.status-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000d;box-shadow:var(--shadow-sm);gap:12px;justify-content:space-between;padding:14px 16px}.info-card,.info-row{align-items:center;display:flex}.info-row{flex:1 1;gap:10px}.info-icon{align-items:center;background:#f1f5f9;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.info-details{display:flex;flex-direction:column}.info-label{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#0f172a;color:var(--text-dark);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-divider{background:#e2e8f0;background:var(--border-color);height:28px;width:1px}.actions-grid{display:flex;flex-direction:column;gap:12px}.action-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:transform .2s ease,box-shadow .2s ease}.action-card:active{transform:scale(.98)}.action-icon-box{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.action-card.primary .action-icon-box{background:#eff6ff}.action-card.indigo .action-icon-box{background:#eef2ff}.action-card.emerald .action-icon-box{background:#ecfdf5}.action-card.amber .action-icon-box{background:#fffbeb}.action-card.rose .action-icon-box{background:#fef2f2}.action-card.cyan .action-icon-box{background:#e0f2fe;color:#0284c7}.action-card.violet .action-icon-box{background:#ede9fe;color:#7c3aed}.action-body{display:flex;flex:1 1;flex-direction:column;gap:2px}.action-title-row{align-items:center;display:flex;gap:8px}.action-card h3{color:#0f172a;color:var(--text-dark);font-size:15px;font-weight:700;line-height:1.2}.action-card p{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.35;margin:0}@media (min-width:769px){.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mobile-bottom-nav{display:none}}@media screen and (max-width:992px){.dashboard-grid{grid-template-columns:1fr}}@media screen and (max-width:480px){.dashboard-container{padding:calc(env(safe-area-inset-top, 12px) + 12px) 12px 75px}.header-branding h1{font-size:20px}.header-branding p.subtext{display:none}}body{font-family:Arial,sans-serif}.page-container{background:#0000;min-height:calc(100vh - 75px);padding:28px 24px 85px}.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{background:#fff;border-radius:22px;box-shadow:0 6px 18px #0000000d;color:#111827;font-size:34px;height:70px;width:70px}.form-card{background:#fff;border-radius:30px;box-shadow:0 10px 25px #0000000d;margin-bottom:25px;padding:35px}.form-grid{grid-gap:24px;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)}.invalid-row{background:#ffe8e8}.delete-btn{background:red;border:none;border-radius:5px;color:#fff;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;border-radius:12px;box-shadow:0 8px 18px #10b98140;font-size:15px;padding:12px 28px;transition:.3s}.add-product-btn:hover{background:#059669;transform:translateY(-2px)}.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}.rack-btn:hover{background:#6d28d9}.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)}}.barcode-card h2{color:#111827;font-size:20px;margin-bottom:4px}.barcode-subtitle{color:#6b7280;font-size:13px;margin-bottom:18px}.barcode-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.barcode-input-wrapper{display:flex;gap:10px;min-width:280px}.barcode-input{border:1px solid #d1d5db;padding:14px 18px;transition:.3s}.barcode-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.barcode-add-btn{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:0 22px;transition:.3s}.barcode-add-btn:hover{background:#1d4ed8}.camera-toggle-btn{background:#4f46e5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:14px 22px;transition:.3s}.camera-toggle-btn:hover{background:#4338ca}.camera-scanner-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;margin-top:15px;padding:15px}.bulk-table-wrapper{margin-bottom:20px;overflow-x:auto}.bulk-table{border-collapse:collapse;min-width:800px;width:100%}.bulk-table td,.bulk-table th{border:1px solid #e5e7eb;padding:10px}.bulk-table input,.bulk-table select{border:1px solid #d1d5db;border-radius:6px;padding:8px;width:100%}.bulk-table input[type=date]{min-width:135px}@media screen and (max-width:768px){.page-container{padding:15px 12px 80px}.hero-content h1{font-size:28px}.hero-icon{display:none}.form-card{border-radius:20px;padding:20px 16px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.barcode-action-group{align-items:stretch;flex-direction:column}.barcode-input-wrapper{min-width:100%}.camera-toggle-btn,.rack-panel input{width:100%}.toast{left:15px;min-width:auto;right:15px;text-align:center;top:15px}}.bulk-upload-card{background:#fff;border:1px solid #e2e8f0}.bulk-upload-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.bulk-upload-header h2{color:#0f172a;font-size:22px;font-weight:800;margin-bottom:4px}.bulk-upload-desc{color:#64748b;font-size:13.5px;margin:0}.sample-excel-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 4px 14px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;padding:12px 20px;transition:all .25s ease;white-space:nowrap}.sample-excel-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98159;transform:translateY(-2px)}.sample-excel-btn .excel-btn-icon{font-size:18px}.upload-dropzone-wrapper{display:flex;flex-direction:column;gap:14px}.bulk-file-input{cursor:pointer}.sample-template-hint{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;color:#475569;font-size:12.5px;line-height:1.5;padding:12px 18px}.sample-template-hint span{color:#0f172a;font-weight:600}body{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{background:#0000;min-height:calc(100vh - 75px);padding:30px 24px 85px}.products-header{align-items:flex-start;flex-wrap:wrap;gap:30px;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-box{background:#fff;border:none;border-radius:16px;box-shadow:0 8px 25px #0f172a0f;color:#111827;font-size:14px;outline:none;padding:14px 20px;transition:.3s;width:280px}.search-box:focus{box-shadow:0 15px 30px #3b82f626;transform:translateY(-2px)}.filter-dropdown{background:#fff;box-shadow:0 8px 25px #0f172a0f;color:#111827;font-size:14px;padding:14px 18px}.filter-dropdown,.pdf-btn{border:none;border-radius:16px;cursor:pointer;outline:none;transition:.3s}.pdf-btn{background:linear-gradient(90deg,#2563eb,#3b82f6);box-shadow:0 10px 20px #2563eb33;color:#fff;font-size:13px;font-weight:600;padding:14px 20px}.pdf-btn:hover{box-shadow:0 14px 25px #2563eb4d;transform:translateY(-3px) scale(1.02)}.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 h2{color:#0f172a;font-size:34px;font-weight:700;margin-bottom:8px}.stat-card p{color:#64748b;font-size:14px}.stat-card.stat-card-profit:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.stat-card-profit h2{color:#059669}.table-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 15px 40px #0f172a14;overflow-x:auto}.table-head,.table-row{align-items:center;display:grid;grid-template-columns:250px 110px 115px 70px 75px 95px 165px 105px 130px 115px;min-width:1230px}.table-head{background:#0f172a;color:#fff;font-size:13px;font-weight:700;letter-spacing:.8px;padding:18px 24px;text-transform:uppercase}.table-row{border-bottom:1px solid #f1f5f9;padding:18px 24px;transition:.2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8fafc}.col-action,.col-discount,.col-gst,.col-offer,.col-price,.col-product,.col-profit,.col-qty,.col-rack{overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.col-expiry{overflow:visible;padding-right:12px}.product-info{gap:14px}.product-icon,.product-info{align-items:center;display:flex}.product-icon{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;box-shadow:0 8px 18px #2563eb33;color:#fff;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.product-details{display:flex;flex-direction:column;gap:3px}.product-details h3{color:#0f172a;font-size:15px;font-weight:700;line-height:1.2;margin:0}.product-submeta{align-items:center;display:flex;gap:8px}.id-tag{color:#94a3b8;font-size:11px;font-weight:600}.barcode-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:11px;font-weight:700;padding:2px 6px}.price-cell{display:flex;flex-direction:column;justify-content:center}.final-price-text{color:#0f172a;font-size:16px;font-weight:800;line-height:1.2}.strike-price-text{color:#94a3b8;font-size:12px;font-weight:600;text-decoration:line-through}.cost-subtext{color:#64748b;display:block;font-size:11px;font-weight:600;margin-top:2px}.profit-cell{justify-content:center}.profit-cell,.profit-wrapper{display:flex;flex-direction:column}.profit-wrapper{gap:2px}.profit-badge{display:inline-block;font-size:14px;font-weight:800;line-height:1.2}.profit-badge.profit-positive{color:#16a34a}.profit-badge.profit-negative{color:#dc2626}.profit-subtext{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px}.margin-positive{background:#dcfce7;color:#15803d}.margin-negative,.margin-positive{border-radius:4px;display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px}.margin-negative{background:#fee2e2;color:#b91c1c}.cost-not-set{color:#94a3b8;font-size:11px;font-style:italic}.col-expiry.expiry-cell{justify-content:center;overflow:visible;white-space:normal}.col-expiry.expiry-cell,.expiry-wrapper{display:flex;flex-direction:column;gap:3px}.expiry-wrapper{align-items:flex-start}.expiry-date-text{color:#0f172a;font-size:13px;font-weight:700;white-space:nowrap}.expiry-status-pill{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;line-height:1.3;padding:2px 8px;white-space:nowrap;width:fit-content}.expiry-status-pill.expired{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.expiry-status-pill.today{animation:pulse 1.5s infinite;background:#fef2f2;border:1px solid #f87171;color:#ef4444;font-weight:800}.expiry-status-pill.urgent{background:#ffedd5;border:1px solid #fdba74;color:#c2410c}.expiry-status-pill.warning{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.expiry-status-pill.fresh{background:#dcfce7;border:1px solid #86efac;color:#15803d}.expiry-not-set{color:#94a3b8;font-size:12px;font-style:italic}.gst-badge{background:#e0e7ff;color:#3730a3}.gst-badge,.stock-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:700;padding:5px 10px}.stock-badge{text-align:center}.stock-badge.low{background:#fee2e2;color:#dc2626}.stock-badge.medium{background:#fef9c3;color:#ca8a04}.stock-badge.high{background:#dcfce7;color:#16a34a}.offer-percent{color:#16a34a;font-weight:700}.action-btn-group{align-items:center;display:flex;gap:8px}.edit-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:7px 12px;transition:.2s}.edit-btn:hover{background:#d97706;transform:translateY(-2px)}.delete-btn{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;padding:7px 10px;transition:.2s}.delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-2px)}.modal-overlay{background:#00000073;inset:0;padding:15px;z-index:999}.edit-modal{animation:popup .25s ease;background:#fff;border-radius:20px;box-shadow:0 15px 40px #00000040;max-height:90vh;max-width:100%;overflow-y:auto;padding:25px;width:500px}.edit-modal h2{color:#0f172a;font-size:22px;margin-bottom:20px;text-align:center}.edit-modal label{color:#475569;display:block;font-size:12px;font-weight:700;margin-bottom:4px;margin-top:10px;text-transform:uppercase}.edit-modal input{border:1px solid #cbd5e1;border-radius:10px;font-size:14px;outline:none;padding:11px 14px;width:100%}.edit-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.save-btn{background:#16a34a}.cancel-btn,.save-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.cancel-btn{background:#64748b}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-box{border-radius:24px;box-shadow:0 15px 35px #0f172a0d;margin-top:35px;padding:60px}.toast{animation:slideIn .35s ease;box-shadow:0 10px 25px #00000040;min-width:280px;padding:15px 22px;right:25px;top:25px}@media screen and (max-width:1100px){.products-header{align-items:flex-start;flex-direction:column}.search-box,.top-controls{width:100%}}@media screen and (max-width:768px){.products-page{padding:16px 12px 80px}.products-header h1{font-size:28px}.stat-card{padding:20px}.filter-dropdown,.pdf-btn{width:100%}.toast{left:12px;min-width:auto;right:12px;text-align:center;top:12px}}:root{--primary-gradient:linear-gradient(135deg,#38bdf8,#818cf8 50%,#34d399);--accent-cyan:#38bdf8;--accent-purple:#818cf8;--accent-green:#34d399;--bg-dark-gradient:radial-gradient(ellipse at top,#0f172a 0%,#070b14 60%,#020617 100%);--card-bg-glass:#0f172abf;--card-border-subtle:#94a3b81f;--card-border-glow:#8b5cf666;--text-pure:#fff;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--shadow-glass:0 10px 30px -5px #00000080;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.shop-home-page{background:radial-gradient(ellipse at top,#0f172a 0,#070b14 60%,#020617 100%)!important;background:var(--bg-dark-gradient)!important;color:#f1f5f9!important;color:var(--text-primary)!important;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;position:relative;width:100%}.shop-hero,.shop-home-page{display:flex;min-height:calc(100vh - 75px)}.shop-hero{align-items:center;flex:1 1;justify-content:center;padding:60px 20px}.shop-hero-container{align-items:center;display:flex;gap:48px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.shop-hero-text{flex:1.1 1;max-width:600px}.shop-tag-wrapper{margin-bottom:18px}.shop-tag{align-items:center;background:#8b5cf61f;color:#818cf8!important;color:var(--accent-purple)!important;display:inline-flex;font-size:11.5px;gap:8px;letter-spacing:1.2px;padding:6px 16px;text-transform:uppercase}.shop-pulse-dot{background:#818cf8;background:var(--accent-purple);border-radius:50%;box-shadow:0 0 8px #818cf8;box-shadow:0 0 8px var(--accent-purple);height:7px;width:7px}.shop-hero-title{color:#fff!important;color:var(--text-pure)!important;font-size:clamp(2.4rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px}.shop-hero-title .gradient-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#38bdf8,#818cf8 50%,#34d399)!important;background:var(--primary-gradient)!important;-webkit-background-clip:text!important;background-clip:text!important;display:inline-block}.shop-hero-desc{color:#94a3b8!important;color:var(--text-secondary)!important;font-size:1.08rem;line-height:1.65;margin-bottom:30px}.shop-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.shop-primary-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border:none;border-radius:12px;box-shadow:0 8px 25px #2563eb66;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.shop-primary-btn,.shop-primary-btn span{color:#fff!important}.shop-primary-btn:hover{box-shadow:0 12px 30px #7c3aed8c;transform:translateY(-2px)}.shop-secondary-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:1px solid #ffffff2e;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:13px 26px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.shop-secondary-btn,.shop-secondary-btn span{color:#fff!important}.shop-secondary-btn:hover{background:#ffffff1f!important;border-color:#ffffff59;transform:translateY(-2px)}.shop-features-chips{display:flex;flex-wrap:wrap;gap:12px}.shop-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abf;background:var(--card-bg-glass);border:1px solid #94a3b81f;border:1px solid var(--card-border-subtle);border-radius:12px;box-shadow:0 10px 30px -5px #00000080;box-shadow:var(--shadow-glass);display:flex;gap:8px;padding:9px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.shop-chip:hover{border-color:#8b5cf666;border-color:var(--card-border-glow);box-shadow:0 4px 15px #8b5cf626;transform:translateY(-2px)}.shop-chip .chip-icon{font-size:16px}.shop-chip .chip-text{color:#e2e8f0!important;font-size:13px;font-weight:600}.shop-hero-image-wrapper{flex:0.9 1}.shop-card-preview,.shop-hero-image-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.shop-card-preview{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172abf;background:var(--card-bg-glass);border:1px solid #94a3b81f;border:1px solid var(--card-border-subtle);border-radius:32px;box-shadow:0 10px 30px -5px #00000080,0 0 40px #8b5cf626;box-shadow:var(--shadow-glass),0 0 40px #8b5cf626;height:330px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:320px}.shop-hero-logo-img{animation:shopFloatDark 5s ease-in-out infinite;filter:drop-shadow(0 15px 25px rgba(0,0,0,.5));height:auto;object-fit:contain;width:155px}@keyframes shopFloatDark{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(14px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.shop-floating-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 10px 25px #0006;color:#f8fafc!important;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:8px 16px;pointer-events:none;position:absolute;z-index:3}.badge-top{left:-24px;top:24px}.badge-bottom{bottom:24px;right:-24px}.badge-dot{background:#34d399;background:var(--accent-green);border-radius:50%;box-shadow:0 0 6px #34d399;box-shadow:0 0 6px var(--accent-green);height:8px;width:8px}@media (max-width:900px){.shop-hero-container{flex-direction:column;gap:36px;text-align:center}.shop-hero-text{max-width:100%}.shop-tag-wrapper{display:flex}.shop-actions,.shop-features-chips,.shop-tag-wrapper{justify-content:center}}@media (max-width:768px){.shop-hero{min-height:auto;padding:30px 16px 40px}.shop-hero-title{font-size:clamp(2rem,7vw,2.5rem)}.shop-actions{flex-direction:column;gap:12px;width:100%}.shop-primary-btn,.shop-secondary-btn{min-height:48px;width:100%}.shop-features-chips{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.shop-chip{justify-content:center}.shop-card-preview{height:250px;width:240px}.shop-hero-logo-img{width:115px}.shop-floating-badge{font-size:11px;padding:6px 12px}.badge-top{left:-12px;top:12px}.badge-bottom{bottom:12px;right:-12px}}.shop-login-page{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 70%);color:#0f172a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:30px 20px}.shop-login-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;max-width:1100px;width:100%}.shop-brand{flex:1 1}.brand-tag{background:#fff;border:1px solid #bbf7d0;border-radius:50px;color:#16a34a;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 18px}.shop-brand h1{color:#0f172a;font-size:48px;font-weight:800;line-height:1.15;margin-top:18px}.shop-brand h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;background-clip:text}.shop-brand p{color:#475569;font-size:16px;line-height:1.6;margin-top:16px;max-width:480px}.shop-features{display:flex;gap:16px;margin-top:28px}.shop-features div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000000d;padding:16px;transition:transform .3s ease;width:150px}.shop-features div:hover{border-color:#22c55e;transform:translateY(-4px)}.shop-features h3{color:#0f172a;font-size:15px;margin-top:6px}.shop-features p{color:#64748b;font-size:12px;margin:0}.shop-login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 40px #0f172a14;margin:0 auto;max-width:400px;padding:32px 28px;width:100%}.login-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22c55e);border-radius:20px;box-shadow:0 8px 20px #22c55e40;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto;width:64px}.shop-login-card h2{color:#0f172a;font-size:26px;font-weight:800;margin-top:16px;text-align:center}.login-subtitle{color:#64748b;font-size:13px;margin-bottom:20px;text-align:center}.shop-login-card label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:4px;margin-top:12px}.shop-login-card input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:11px 14px;transition:all .2s ease;width:100%}.shop-login-card input:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 8px #22c55e40}.shop-login-card button{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:12px;transition:all .2s ease;width:100%}.shop-login-card button:hover{box-shadow:0 10px 20px #8b5cf640;transform:translateY(-2px)}.extra-links{color:#64748b;font-size:13px;margin-top:18px;text-align:center}.extra-links a{color:#16a34a;font-weight:600;margin-left:4px;text-decoration:none}.extra-links a:hover{text-decoration:underline}.toast.success{background:#16a34a}.toast.error{background:#dc2626}@media screen and (max-width:900px){.shop-login-page{align-items:center;padding:20px 16px}.shop-login-wrapper{flex-direction:column;gap:0}.shop-brand{margin-bottom:20px;text-align:center;width:100%}.shop-brand h1{font-size:32px;margin-top:12px}.shop-brand p{font-size:14px;margin:8px auto 0}.shop-features{gap:10px;justify-content:center;margin-top:16px}.shop-features div{padding:12px;width:130px}}@media screen and (max-width:600px){.shop-login-page{padding:16px 12px}.shop-brand p,.shop-features{display:none}.shop-brand{margin-bottom:14px}.brand-tag{font-size:10px;padding:4px 14px}.shop-brand h1{font-size:24px;margin-top:8px}.shop-login-card{border-radius:18px;box-shadow:0 10px 30px #0f172a14;padding:20px 16px}.login-icon{border-radius:16px;font-size:26px;height:52px;width:52px}.shop-login-card h2{font-size:20px;margin-top:12px}.login-subtitle{font-size:12px;margin-bottom:14px}.shop-login-card label{font-size:12px;margin-top:10px}.shop-login-card input{border-radius:8px;font-size:13px;padding:10px 12px}.shop-login-card button{border-radius:10px;font-size:14px;margin-top:16px;padding:11px}.extra-links{font-size:12px;margin-top:14px}.toast{left:12px;padding:10px;right:12px;text-align:center;top:12px;width:auto}}.shop-register-page{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);color:#0f172a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.shop-register-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;max-width:1100px;width:100%}.shop-info{width:50%}.shop-tag{background:#22c55e1f;border-radius:30px;color:#16a34a;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 18px}.shop-info h1{color:#0f172a;font-size:48px;line-height:1.2;margin:20px 0 12px}.shop-info h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;background-clip:text}.shop-info p{font-size:16px;line-height:1.6}.shop-benefits{display:flex;gap:16px;margin-top:28px}.shop-benefits div{background:#fffc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0f172a14;padding:16px;transition:.3s;width:150px}.shop-benefits div:hover{transform:translateY(-4px)}.shop-benefits h2{font-size:26px}.shop-benefits h3{color:#0f172a;font-size:15px;margin-top:6px}.shop-benefits p{color:#64748b;font-size:12px}.shop-register-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 40px #0f172a1a;margin:0 auto;max-height:85vh;max-width:460px;overflow-y:auto;padding:28px 24px;width:100%}.shop-register-card h2{color:#0f172a;font-size:24px;text-align:center}.subtitle{margin-bottom:16px;text-align:center}.shop-register-card label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:4px;margin-top:12px}.shop-register-card input,.shop-register-card select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#111;font-size:14px;outline:none;padding:11px 14px;width:100%}.shop-register-card input:focus,.shop-register-card select:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e40}.otp-row{display:flex;gap:8px;margin-top:2px}.otp-row input{flex:1 1}.otp-row button{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s ease;width:100px}.otp-row button:hover{background:#16a34a}.otp-row button:disabled{background:#94a3b8;cursor:not-allowed}.location-grid,.time-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.location-btn{background:#f0fdf4;border:1px dashed #22c55e;color:#16a34a;font-size:13px;font-weight:600;margin-top:12px;padding:10px;width:100%}.location-btn:hover{background:#dcfce7}.delivery-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px;padding:10px 14px}.shop-register-btn{background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:13px;transition:.3s;width:100%}.shop-register-btn:hover:not(:disabled){box-shadow:0 8px 20px #22c55e40;transform:translateY(-2px)}.shop-register-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.verified-text{color:#16a34a;font-size:12px;font-weight:700;margin-top:6px}.login-link{color:#64748b;font-size:13px;margin-top:16px;text-align:center}.login-link a{color:#16a34a;font-weight:600;margin-left:4px;text-decoration:none}.shop-register-card::-webkit-scrollbar{width:6px}.shop-register-card::-webkit-scrollbar-track{background:#f1f5f9;border-radius:20px}.shop-register-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.toast{border-radius:10px;box-shadow:0 8px 20px #00000026;font-size:13px;padding:12px 20px;right:16px;top:16px}.toast.success{background:#22c55e}@media screen and (max-width:900px){.shop-register-page{padding:20px 16px}.shop-register-wrapper{flex-direction:column;gap:0}.shop-info{margin-bottom:24px;text-align:center;width:100%}.shop-info h1{font-size:32px;margin:12px 0 6px}.shop-info p{font-size:14px}.shop-benefits{gap:10px;justify-content:center;margin-top:16px}.shop-benefits div{padding:12px;width:130px}}@media screen and (max-width:600px){.shop-register-page{padding:16px 12px}.shop-benefits,.shop-info p{display:none}.shop-info{margin-bottom:16px}.shop-tag{font-size:10px;padding:4px 12px}.shop-info h1{font-size:24px;margin:8px 0 0}.shop-register-card{border-radius:18px;box-shadow:0 10px 30px #0f172a14;max-height:none;padding:20px 16px}.shop-register-card h2{font-size:20px}.subtitle{font-size:12px;margin-bottom:12px}.location-grid,.time-grid{grid-template-columns:1fr}.otp-row button{font-size:12px;width:90px}.shop-register-btn{border-radius:10px;font-size:14px;margin-top:16px;padding:12px}.toast{left:12px;padding:10px;right:12px;text-align:center;top:12px;width:auto}}.about-page{background:#fff;color:#172033;min-height:100vh;overflow-x:hidden;width:100%}.about-hero{align-items:center;background:linear-gradient(135deg,#f5f9ff,#fff 55%,#eef6ff);display:flex;gap:70px;justify-content:space-between;min-height:620px;padding:90px 8%}.about-hero-content{max-width:700px}.about-badge,.mission-content>span,.section-heading span,.vision-text>span{color:#1976d2;display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:18px}.about-hero h1{color:#101828;font-size:clamp(42px,6vw,72px);font-weight:800;letter-spacing:-2px;line-height:1.05;margin:0}.about-hero h1 span{color:#1976d2;display:block}.about-hero-content>p{color:#667085;font-size:18px;line-height:1.8;margin:28px 0 34px;max-width:620px}.about-btn{background:#1976d2;border-radius:10px;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:14px 28px;text-decoration:none;transition:.3s ease}.about-btn:hover{box-shadow:0 12px 25px #1976d238;transform:translateY(-3px)}.about-hero-card{background:#fff;border-radius:25px;box-shadow:0 25px 60px #1018281a;flex-direction:column;flex-shrink:0;min-height:330px;padding:45px 35px;text-align:center;width:340px}.about-hero-card,.hero-icon{display:flex;justify-content:center}.hero-icon{align-items:center;background:#eaf3ff;border-radius:50%;font-size:38px;height:80px;margin:0 auto 25px;width:80px}.about-hero-card h3{font-size:24px;margin:0 0 14px}.about-hero-card p{color:#667085;line-height:1.7;margin:0}.about-section,.features-section,.how-section{padding:100px 8%}.section-heading{margin-bottom:55px}.section-heading h2{color:#101828;font-size:clamp(30px,4vw,46px);line-height:1.15;margin:0}.about-intro{margin:auto;max-width:900px;text-align:center}.about-intro p{color:#667085;font-size:17px;line-height:1.9;margin:0 0 20px}.how-section{background:#f8fafc}.connection-flow{align-items:center;display:flex;gap:25px;justify-content:center;margin:auto;max-width:1100px}.flow-card{background:#fff;border-radius:18px;box-shadow:0 12px 35px #10182812;min-height:270px;padding:35px 25px;position:relative;text-align:center;width:270px}.flow-number{color:#98a2b3;font-size:12px;font-weight:700;position:absolute;right:20px;top:18px}.flow-icon{font-size:42px;margin:15px 0 20px}.flow-card h3{font-size:21px;margin:0 0 12px}.flow-card p{color:#667085;line-height:1.6;margin:0}.flow-line{color:#1976d2;font-size:30px;font-weight:700}.mission-section{background:#101828;color:#fff;padding:110px 8%}.mission-content{margin:auto;max-width:1150px}.mission-content>span{color:#7db7ff}.mission-content h2{font-size:clamp(34px,5vw,56px);line-height:1.15;margin:0 0 25px;max-width:850px}.mission-content>p{color:#c8d0dc;font-size:17px;line-height:1.8;margin:0 0 60px;max-width:800px}.mission-points{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}.mission-points>div{border:1px solid #344054;border-radius:16px;padding:30px}.mission-points strong{color:#7db7ff;font-size:14px}.mission-points h4{font-size:19px;margin:18px 0 10px}.mission-points p{color:#aeb8c6;line-height:1.7;margin:0}.vision-section{background:#fff;padding:110px 8%}.vision-content{grid-gap:90px;align-items:center;display:grid;gap:90px;grid-template-columns:1fr .8fr;margin:auto;max-width:1150px}.vision-text h2{font-size:clamp(34px,4vw,50px);line-height:1.15;margin:0 0 25px}.vision-text p{color:#667085;font-size:16px;line-height:1.8}.vision-network{flex-direction:column}.network-node,.vision-network{align-items:center;display:flex}.network-node{background:#f8fafc;border:1px solid #e4e7ec;border-radius:15px;box-shadow:0 8px 25px #1018280f;font-size:25px;gap:12px;justify-content:center;padding:20px;width:230px}.network-node span{color:#344054;font-size:15px;font-weight:600}.network-arrow{color:#1976d2;font-size:25px;padding:8px 0}.features-section{background:#f8fafc}.features-grid{grid-gap:22px;gap:22px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1150px}.feature-card{border:1px solid #eaecf0;padding:32px;transition:.3s ease}.feature-card:hover{box-shadow:0 15px 35px #10182814;transform:translateY(-6px)}.feature-icon{align-items:center;background:#eaf3ff;border-radius:12px;display:flex;font-size:27px;height:55px;justify-content:center;margin-bottom:20px;width:55px}.feature-card h3{font-size:19px;margin:0 0 12px}.feature-card p{color:#667085;line-height:1.7}.about-cta{background:#eaf3ff;padding:100px 20px;text-align:center}.about-cta h2{color:#101828;font-size:clamp(32px,5vw,48px);margin:0 0 18px}.about-cta p{color:#667085;font-size:17px;margin:0 auto 30px}@media (max-width:1000px){.about-hero{flex-direction:column;padding:70px 6%;text-align:center}.about-hero-card{width:min(340px,90%)}.connection-flow{flex-direction:column}.flow-line{transform:rotate(90deg)}.features-grid,.mission-points{grid-template-columns:repeat(2,1fr)}.vision-content{gap:60px;grid-template-columns:1fr}.vision-text{text-align:center}}@media (max-width:650px){.about-hero{min-height:auto;padding:60px 20px}.about-hero h1{letter-spacing:-1px}.about-hero-content>p{font-size:16px}.about-section,.features-section,.how-section,.mission-section,.vision-section{padding:70px 20px}.features-grid,.mission-points{grid-template-columns:1fr}.flow-card{max-width:330px;width:100%}.about-cta{padding:70px 20px}.about-hero-card{min-height:280px}.network-node{width:210px}}.bill-page{background:#0000;min-height:calc(100vh - 75px);padding:30px 20px 85px}.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;margin:0 auto;max-width:850px;padding:30px}.shop-card{background:#eff6ff;border-radius:18px;margin-bottom:20px;padding:20px}.customer-box input{border:1px solid #ddd;border-radius:12px;font-size:16px;padding:14px;width:100%}.barcode-box{margin-top:20px}.barcode-box h3{color:#1e293b;font-size:16px;margin-bottom:8px}.barcode-input-group{display:flex;gap:10px}.barcode-input{background:#f8fafc;border:2px solid #2563eb;border-radius:12px;flex:1 1;font-size:15px;padding:14px}.barcode-input:focus{background:#fff;box-shadow:0 0 0 3px #2563eb26}.scan-btn{background:#2563eb;font-weight:600}.camera-btn{background:#0284c7;color:#fff;font-weight:600;white-space:nowrap}.camera-btn:hover{background:#0369a1}.or-divider{margin:18px 0}.or-divider:after,.or-divider:before{border-bottom:1px dashed #cbd5e1}.or-divider span{color:#94a3b8;letter-spacing:.5px;padding:0 12px}.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;gap:10px;justify-content:space-between;margin:12px 0;padding:18px}.bill-item input{padding:8px;width:70px}.remove-btn{background:#ef4444}.carrybag-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;margin:18px 0;padding:16px 20px;transition:all .25s ease}.carrybag-toggle-row{justify-content:space-between}.carrybag-info,.carrybag-toggle-row{align-items:center;display:flex;gap:12px}.carrybag-icon{font-size:26px;line-height:1}.carrybag-info strong{color:#1e293b;display:block;font-size:15px}.carrybag-info p{color:#64748b;font-size:12.5px;margin:2px 0 0}.carrybag-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.carrybag-switch input{height:0;opacity:0;width:0}.switch-slider{background-color:#cbd5e1;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.carrybag-switch input:checked+.switch-slider{background-color:#2563eb}.carrybag-switch input:checked+.switch-slider:before{transform:translateX(22px)}.carrybag-details{border-top:1px dashed #cbd5e1;display:flex;flex-direction:column;gap:12px;margin-top:14px;padding-top:14px}.carrybag-presets{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.carrybag-preset-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:10px 8px;transition:all .2s ease}.carrybag-preset-btn:hover{background:#f1f5f9;border-color:#94a3b8}.carrybag-preset-btn.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb;color:#1d4ed8}.preset-label{font-size:13px;font-weight:600}.preset-cost{color:#059669;font-size:12px;font-weight:700}.carrybag-preset-btn.active .preset-cost{color:#1d4ed8}.carrybag-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:12px 16px}.carrybag-control-item{align-items:center;display:flex;gap:8px}.carrybag-control-item label{color:#475569;font-size:13px;font-weight:600}.carrybag-control-item input[type=number]{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:600;padding:6px 10px;text-align:center;width:80px}.carrybag-qty-row{align-items:center;border:1px solid #cbd5e1;border-radius:8px;display:flex;overflow:hidden}.qty-btn{border-radius:0;color:#1e293b;font-weight:700;padding:0}.qty-btn:hover{background:#e2e8f0}.qty-input{border:1px solid #cbd5e1;border-bottom:none;border-top:none;font-size:14px;font-weight:700;height:32px;padding:0;width:44px}.carrybag-total-badge{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;display:flex;font-size:13px;gap:8px;padding:6px 12px}.carrybag-total-badge strong{color:#047857;font-size:15px}.bill-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:16px 20px}.summary-line{align-items:center;color:#475569;display:flex;font-size:14.5px;justify-content:space-between}.summary-line strong{color:#1e293b;font-size:15px}.carrybag-line,.carrybag-line strong{color:#047857}.grand-total-line{border-top:1.5px solid #cbd5e1;margin-top:4px;padding-top:10px}.grand-total-line span{color:#0f172a;font-size:18px;font-weight:700}.total-amount{color:#0f172a;font-size:26px;font-weight:800;margin:0}.generate{background:#16a34a;font-size:18px;margin-top:10px;width:100%}.empty{color:#64748b;padding:30px;text-align:center}.toast{background:#111827;box-shadow:0 10px 25px #0003;padding:15px 25px;right:30px;top:30px}.payment-box{border:1px solid #ddd;border-radius:15px;margin:20px 0}.payment-options{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.payment-card{align-items:center;border-radius:14px;display:flex;flex-direction:column;justify-content:center;padding:16px 12px;transition:all .25s ease}.payment-card:hover{border-color:#94a3b8;box-shadow:0 6px 15px #0000000d;transform:translateY(-3px)}.payment-card.active{box-shadow:0 0 0 1px #16a34a,0 6px 16px #16a34a1f}.payment-icon{font-size:30px;line-height:1;margin-bottom:6px}.payment-card h4{color:#1e293b;font-size:14px;font-weight:700;margin:4px 0 3px}.payment-card p{line-height:1.3}.payment-status{background:#ecfdf5;border-radius:10px;color:#166534;font-weight:700;margin-top:15px;padding:12px}.camera-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.camera-modal{background:#fff;border-radius:18px;box-shadow:0 20px 25px -5px #0003;max-width:460px;padding:20px;width:90%}.camera-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.camera-modal-header h3{font-size:18px;margin:0}.close-camera-btn{background:#f1f5f9;border-radius:8px;color:#475569;font-weight:700;padding:6px 12px}.close-camera-btn:hover{background:#e2e8f0}.video-wrapper{background:#000;border-radius:12px;height:250px;overflow:hidden;position:relative;width:100%}@media screen and (max-width:768px){.bill-page{padding:16px 12px 80px}.bill-header h1{font-size:24px}.bill-box{border-radius:18px;padding:18px}.barcode-input-group{flex-wrap:wrap}.barcode-input{flex:none;width:100%}.camera-btn,.scan-btn{flex:1 1}.product-add{flex-direction:column}.bill-item{font-size:14px;padding:12px}.payment-options{gap:10px;grid-template-columns:repeat(2,1fr)}.payment-card{padding:14px 8px;width:100%}.toast{left:12px;right:12px;text-align:center;top:12px}}@media print{.barcode-box,.camera-modal-overlay,.customer-box,.generate,.mobile-bottom-nav,.or-divider,.product-add,.remove-btn,.toast{display:none}.bill-page{background:#fff;padding:0}.bill-box{box-shadow:none}}.expiry-page-container{margin:0 auto;max-width:1280px;min-height:calc(100vh - 75px);padding:24px 20px 85px;position:relative}.expiry-top-header{margin-bottom:24px}.back-btn{box-shadow:0 2px 4px #0000000a;color:#334155;font-size:13px;font-weight:700;margin-bottom:16px;padding:8px 16px}.back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.expiry-hero-banner{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-between;padding:24px 28px}.expiry-pill{align-items:center;background:#fee2e2;border-radius:20px;color:#dc2626;display:inline-flex;font-size:11px;font-weight:800;gap:4px;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.expiry-hero-text h1{color:#0f172a;font-size:26px;font-weight:800;margin-bottom:6px}.expiry-hero-text p{color:#64748b;font-size:13.5px;max-width:650px}.expiry-hero-icon{align-items:center;background:#fef2f2;border-radius:20px;box-shadow:0 4px 12px #ef444426;display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.expiry-category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.expiry-cat-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:18px;box-shadow:0 2px 5px #0000000a;cursor:pointer;display:flex;gap:14px;padding:18px 20px;text-align:left;transition:all .2s ease}.expiry-cat-btn:hover{box-shadow:0 8px 16px #0000000f;transform:translateY(-2px)}.expiry-cat-btn .cat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.expiry-cat-btn .cat-info{display:flex;flex-direction:column;gap:2px}.cat-title{color:#64748b;font-size:12px;font-weight:700}.cat-count-row{align-items:baseline;display:flex;gap:6px}.count-num{color:#0f172a;font-size:26px;font-weight:800;line-height:1.1}.count-label{color:#64748b;font-size:12px;font-weight:600}.cat-badge-note{font-size:11px;font-weight:600}.expiry-cat-btn.expired .cat-icon{background:#fee2e2}.expiry-cat-btn.expired .cat-badge-note{color:#dc2626}.expiry-cat-btn.expired.active{background:#fef2f2;border-color:#ef4444;box-shadow:0 4px 16px #ef444433}.expiry-cat-btn.expiring-7 .cat-icon{background:#ffedd5}.expiry-cat-btn.expiring-7 .cat-badge-note{color:#ea580c}.expiry-cat-btn.expiring-7.active{background:#fff7ed;border-color:#f97316;box-shadow:0 4px 16px #f9731633}.expiry-cat-btn.expiring-30 .cat-icon{background:#fef9c3}.expiry-cat-btn.expiring-30 .cat-badge-note{color:#ca8a04}.expiry-cat-btn.expiring-30.active{background:#fefce8;border-color:#eab308;box-shadow:0 4px 16px #eab30833}.expiry-cat-btn.fresh .cat-icon{background:#dcfce7}.expiry-cat-btn.fresh .cat-badge-note{color:#16a34a}.expiry-cat-btn.fresh.active{background:#f0fdf4;border-color:#22c55e;box-shadow:0 4px 16px #22c55e33}.expiry-details-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #0000000a;overflow:hidden}.panel-header-row{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:18px 24px}.panel-header-row h2{color:#0f172a;font-size:18px;font-weight:800;margin-bottom:3px}.panel-subtext{color:#64748b;font-size:13px;margin:0}.panel-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.expiry-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;font-size:13px;outline:none;padding:9px 14px;transition:all .2s ease;width:260px}.expiry-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.total-badge{background:#fff;border:1px solid #cbd5e1;border-radius:20px;color:#0f172a;font-size:12px;font-weight:700;padding:6px 14px;white-space:nowrap}.expiry-state-box{padding:50px 20px;text-align:center}.state-icon{display:block;font-size:36px;margin-bottom:10px}.expiry-state-box h3{color:#0f172a;font-size:17px;font-weight:700;margin-bottom:4px}.expiry-state-box p{color:#64748b;font-size:13px}.expiry-table-wrap{overflow-x:auto}.expiry-data-table{border-collapse:collapse;font-size:13px;min-width:780px;width:100%}.expiry-data-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.5px;padding:14px 18px;text-align:left;text-transform:uppercase}.expiry-data-table td{border-bottom:1px solid #f1f5f9;padding:14px 18px;vertical-align:middle}.expiry-data-table tr:hover{background:#fafafa}.product-cell strong{color:#0f172a;display:block;font-size:14px}.cat-pill{color:#64748b;font-size:11px;font-weight:500}.barcode-cell{color:#475569;font-family:monospace;font-size:12.5px}.qty-badge{background:#f1f5f9;border-radius:6px;color:#0f172a;padding:3px 10px}.qty-badge,.rack-badge{display:inline-block;font-size:12px;font-weight:700}.rack-badge{background:#eff6ff;border-radius:8px;color:#2563eb}.price-cell{color:#0f172a;font-weight:700}.date-cell{color:#0f172a;font-weight:600}.not-set{color:#94a3b8;font-size:12px;font-style:italic}.status-pill{display:inline-block;font-size:11.5px;white-space:nowrap}.status-expired{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.status-today{background:#fef2f2;border:1px solid #f87171;color:#ef4444;font-weight:800}.status-urgent{background:#ffedd5;border:1px solid #fdba74;color:#c2410c}.status-warning{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.status-fresh{background:#dcfce7;border:1px solid #86efac;color:#15803d}.manage-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;cursor:pointer;font-size:12px;font-weight:700;padding:6px 14px;transition:all .2s ease}.manage-btn:hover{background:#f1f5f9;border-color:#94a3b8}@media screen and (max-width:768px){.expiry-page-container{padding:16px 14px 75px}.expiry-hero-banner{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 18px}.expiry-hero-icon{display:none}.expiry-category-grid{grid-template-columns:1fr}.expiry-search-input{width:100%}.panel-tools{justify-content:space-between;width:100%}}.business-flash-page{background:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1440px;min-height:100vh;padding:20px 24px}.flash-toast{animation:slideIn .3s cubic-bezier(.16,1,.3,1);background:#0f172a;border-radius:10px;box-shadow:0 10px 25px -5px #00000040;color:#fff;font-size:14px;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.flash-top-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 6px #0000000a;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.flash-brand,.flash-top-bar{align-items:center;display:flex}.flash-brand{gap:14px}.back-btn{border-radius:12px;color:#475569;font-size:20px;transition:all .2s}.back-btn:hover{color:#0f172a}.flash-title-group h1{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2;margin:0}.flash-tag{color:#0284c7;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.flash-location{color:#64748b;font-size:12px;font-weight:500}.flash-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.period-pills{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;padding:4px}.period-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease}.period-btn.active{background:#fff;box-shadow:0 2px 6px #00000014;color:#0284c7;font-weight:700}.date-picker-group{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;gap:8px;padding:4px 10px}.date-field,.date-picker-group{align-items:center;display:flex}.date-field{color:#475569;font-size:12px;font-weight:700;gap:6px}.date-field input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:12px;padding:4px 8px}.go-btn{background:#0284c7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:background .2s}.go-btn:hover{background:#0369a1}.action-buttons{display:flex;gap:8px}.export-btn,.print-btn{border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:7px 14px;transition:all .2s}.export-btn{background:#10b981;border:1px solid #059669;color:#fff}.export-btn:hover{background:#059669}.print-btn{background:#334155;border:1px solid #1e293b}.print-btn:hover{background:#1e293b}.flash-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:20px}.kpi-card{border-radius:14px;box-shadow:0 2px 4px #00000008;flex-direction:column;gap:6px;overflow:hidden;padding:16px;position:relative}.kpi-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.opening-card:before{background:#3b82f6}.sales-card:before{background:#10b981}.outflow-card:before{background:#ef4444}.closing-card:before{background:#8b5cf6}.profit-card:before{background:#f59e0b}.kpi-header{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.5px;text-transform:uppercase}.kpi-card h2{color:#0f172a;font-size:22px;font-weight:800;margin:4px 0}.kpi-card p{color:#94a3b8;font-size:11px;line-height:1.3;margin:0}.kpi-badge{background:#e2e8f0;border-radius:20px;color:#475569;font-size:10px;font-weight:800;padding:2px 8px}.kpi-badge.success{background:#ecfdf5;color:#059669}.kpi-badge.danger{background:#fef2f2;color:#dc2626}.profit-green{color:#10b981!important}.profit-red{color:#ef4444!important}.edit-opening-btn{background:#0000;border:1px dashed #cbd5e1;border-radius:6px;color:#0284c7;cursor:pointer;font-size:10px;font-weight:700;padding:2px 6px}.edit-opening-btn:hover{background:#eff6ff;border-color:#0284c7}.opening-edit-box{align-items:center;display:flex;gap:6px;margin:4px 0}.opening-edit-box input{border:1px solid #3b82f6;border-radius:6px;flex:1 1;font-size:14px;font-weight:700;padding:6px 8px}.save-opening-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px}.flash-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 4px #00000008;margin-bottom:20px;padding:16px 20px}.panel-title-bar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.panel-title-bar h3{color:#0f172a;font-size:16px;font-weight:800;margin:0}.panel-subtitle{color:#64748b;font-size:12px;font-weight:500}.panel-badge{background:#eff6ff;border-radius:12px;color:#0284c7;font-size:11px;font-weight:700;padding:2px 8px}.table-responsive{width:100%}.flash-table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.flash-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.flash-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:10px 14px}.flash-table tbody tr:hover{background:#f8fafc}.flash-table .row-highlight{background:#f0fdf4!important;font-weight:700}.flash-table .row-subtotal{background:#f8fafc;border-bottom:1px dashed #cbd5e1;border-top:1px dashed #cbd5e1;font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.font-medium{font-weight:600}.text-danger{color:#ef4444}.text-amber{color:#f59e0b}.text-primary{color:#0284c7}.text-muted{color:#94a3b8}.pay-badge{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:11px;font-weight:700;padding:2px 8px}.share-bar-wrapper{align-items:center;display:flex;gap:8px;justify-content:flex-end}.share-bar{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden;width:60px}.share-bar-fill{background:#0284c7;border-radius:4px;height:100%}.flash-middle-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:20px}.flash-middle-grid .flash-panel{height:100%;margin-bottom:0}.flash-loading-screen{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:80vh;text-align:center}.flash-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}@media print{.business-flash-page,body{background:#fff!important}.business-flash-page{max-width:100%!important;padding:0!important}.back-btn,.edit-opening-btn,.flash-controls,.mobile-bottom-nav{display:none!important}.flash-panel,.flash-top-bar,.kpi-card{border:1px solid #cbd5e1!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.flash-middle-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.business-flash-page{padding:12px 14px}.flash-top-bar{align-items:flex-start;flex-direction:column}.flash-controls{align-items:stretch;flex-direction:column;width:100%}.period-pills{display:flex;justify-content:space-between;width:100%}.period-btn{flex:1 1;font-size:11px;padding:8px 4px;text-align:center}.date-picker-group{justify-content:space-between;width:100%}.date-field input{width:120px}.flash-middle-grid{grid-template-columns:1fr}}:root{--radius-card:12px;--radius-button:8px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-hover:0 8px 16px -4px #0f172a14}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.shop-page{margin:0 auto;max-width:1280px;min-height:calc(100vh - 70px);padding:20px 12px 70px}.page-header{justify-content:space-between;margin-bottom:10px}.header-title-group,.page-header{align-items:center;display:flex;gap:8px}.back-btn{background:#fff;background:var(--surface);border:1px solid var(--border-light);font-size:14px;height:32px;width:32px}.back-btn:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.page-header h1{color:var(--text-dark);font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.2}.subtext{color:#64748b;color:var(--text-muted);font-size:11px;margin-top:1px}.location-pill{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 3px #0f172a0d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:4px;padding:5px 10px;transition:all .2s ease}.location-pill:hover{border-color:#2563eb;border-color:var(--primary)}.location-name{color:#0f172a;color:var(--text-dark);font-size:12px;font-weight:700}.change-link{color:#2563eb;color:var(--primary);font-size:10px;font-weight:600}.controls-section{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.search-box{width:100%}.search-icon{stroke:#64748b;stroke:var(--text-muted);height:16px;width:16px}.search-box input{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-button);box-shadow:0 1px 3px #0f172a0d;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-dark);height:38px;padding:0 32px 0 36px}.search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.clear-search{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:13px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.category-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-chip{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.category-chip:hover{color:#2563eb;color:var(--primary)}.category-chip.active,.category-chip:hover{border-color:#2563eb;border-color:var(--primary)}.category-chip.active{background:#2563eb;background:var(--primary);box-shadow:0 2px 6px #2563eb40;color:#fff}.shop-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.shop-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-card);box-shadow:0 1px 3px #0f172a0d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;padding:12px;position:relative;transition:all .2s ease}.shop-card:hover{border-color:#2563eb4d;box-shadow:0 8px 16px -4px #0f172a14;box-shadow:var(--shadow-hover)}.shop-card.is-closed{background:#f8fafc;opacity:.75}.card-top{margin-bottom:8px}.store-avatar{align-items:center;background:#eff6ff;background:var(--primary-light);border-radius:8px;color:#2563eb;color:var(--primary);display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.status-badge{align-items:center;border-radius:14px;display:inline-flex;font-size:10px;gap:4px;padding:3px 8px}.status-badge.open{background:#ecfdf5;color:#10b981;color:var(--success)}.status-badge.closed{background:#fef2f2;color:#ef4444;color:var(--danger)}.status-dot{background:currentColor;border-radius:50%;height:4px;width:4px}.status-badge.open .status-dot{animation:blink 1.5s infinite}.card-header-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.shop-title{color:var(--text-dark);font-size:15px;font-weight:700;line-height:1.2}.explore-tag{background:#eff6ff;background:var(--primary-light);border-radius:4px;color:#2563eb;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.3px;line-height:1;padding:2px 6px;text-transform:uppercase}.meta-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.meta-item{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:11px;gap:6px}.meta-icon{flex-shrink:0;font-size:12px;opacity:.8}.meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-map-link{align-items:center;color:#2563eb;color:var(--primary);display:inline-flex;font-weight:600;gap:4px;max-width:calc(100% - 20px);text-decoration:none;transition:all .2s ease}.location-map-link:hover{color:#1d4ed8;color:var(--primary-hover);text-decoration:underline}.map-badge{background:#eff6ff;background:var(--primary-light);border-radius:4px;color:#2563eb;color:var(--primary);flex-shrink:0;font-size:9px;font-weight:700;padding:1px 4px}.view-btn{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius-button);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:4px;height:36px;justify-content:center;transition:all .2s ease;width:100%}.view-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover)}.view-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.empty-state{background:var(--surface);border:1px dashed #e2e8f0;border:1px dashed var(--border-light);border-radius:12px;border-radius:var(--radius-card);padding:24px 12px}.empty-icon{font-size:32px;margin-bottom:6px}.empty-state h3{font-size:15px;font-weight:700;margin-bottom:2px}.empty-state p{color:var(--text-muted);font-size:12px;margin-bottom:10px}.reset-btn{background:#eff6ff;background:var(--primary-light);border:none;border-radius:8px;border-radius:var(--radius-button);color:#2563eb;color:var(--primary);cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px}.skeleton-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-card{animation:loadingShimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-card);height:140px}.mobile-bottom-nav{height:54px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:8px}.subtext{display:none}.location-pill{justify-content:space-between;padding:6px 12px;width:100%}.shop-grid{gap:8px;grid-template-columns:1fr}.mobile-bottom-nav{display:flex}}:root{--primary-color:#2563eb;--accent-green:#10b981;--accent-green-hover:#059669;--shadow-sm:0 2px 8px #0000000a;--shadow-hover:0 12px 24px -6px #00000014}.shop-products-container{background:#0000;min-height:calc(100vh - 70px);padding-bottom:90px}.toast-notification{align-items:center;animation:slideInDown .35s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 10px 25px #00000026;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1100}.toast-notification.success{background:#10b981;background:var(--accent-green)}.toast-notification.error{background:#ef4444}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-products-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffe6;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 32px;position:sticky;top:70px;z-index:100}.header-left{gap:14px}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:50%;color:#0f172a;color:var(--text-dark);cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-btn:hover{background:#e2e8f0;transform:translateX(-2px)}.shop-products-header h1{color:#0f172a;color:var(--text-dark);font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.subtitle{color:var(--text-muted);font-size:13px;margin-top:2px}.cart-header-btn{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.cart-header-btn:hover{background-color:#1d4ed8;background-color:var(--primary-hover);box-shadow:0 6px 16px #2563eb4d;transform:translateY(-1px)}.shop-controls{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1400px;padding:20px 32px}.search-bar-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);font-size:16px}.search-bar-wrapper input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);font-size:15px;outline:none;padding:12px 42px 12px 44px;transition:all .2s ease;width:100%}.search-bar-wrapper input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a}.clear-search-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:14px;width:22px}.category-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding-bottom:12px}.filter-chips{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;white-space:nowrap}.filter-chips::-webkit-scrollbar{display:none}.chip{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:30px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease}.chip:hover{background:#f1f5f9;color:#0f172a;color:var(--text-dark)}.chip.active{background:#2563eb;background:var(--primary-color);border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 12px #2563eb40;color:#fff}.category-chip.active{background:#10b981!important;background:var(--accent-green)!important;border-color:#10b981!important;border-color:var(--accent-green)!important;box-shadow:0 4px 12px #10b98140!important;color:#fff!important}.product-display-section{margin:0 auto;max-width:1400px;padding:0 32px}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;padding:16px;position:relative;transition:all .25s cubic-bezier(.165,.84,.44,1)}.product-card:hover{border-color:#cbd5e1;box-shadow:0 12px 24px -6px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.product-card.card-added-bounce{animation:cardBounce .4s ease}@keyframes cardBounce{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.product-card.out-of-stock{opacity:.65}.card-top-badges{display:flex;flex-direction:column;gap:4px;left:12px;position:absolute;top:12px;z-index:2}.discount-badge{background:#ef4444;font-weight:800;letter-spacing:.5px}.discount-badge,.offer-tag{border-radius:6px;color:#fff;font-size:10px;padding:3px 8px}.offer-tag{background:#f59e0b;font-weight:700}.product-image-container{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:40px;height:110px;justify-content:center;margin-bottom:12px;transition:transform .2s ease}.product-card:hover .product-image-container{transform:scale(1.02)}.product-card-body{display:flex;flex-direction:column;gap:6px}.product-meta-row{display:flex}.product-category-tag{background:#f1f5f9;border-radius:4px;color:#64748b;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.product-title{color:var(--text-dark);font-size:15px;line-height:1.3;margin:0}.price-block{align-items:baseline;display:flex;gap:8px;margin-top:2px}.main-price{color:#059669;color:var(--accent-green-hover);font-size:18px;font-weight:800}.original-price{font-size:13px}.savings-text{color:#dc2626;font-size:11px;font-weight:700}.rack-badge{align-items:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:4px;padding:4px 10px;width:fit-content}.rack-badge .rack-num{color:#0f172a;color:var(--text-dark);font-weight:800}.stock-gst-info{align-items:center;border-top:1px solid #f1f5f9;color:#64748b;color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-top:6px;padding-top:6px}.stock-indicator.available{color:#059669;color:var(--accent-green-hover);font-weight:700}.stock-indicator.none{color:#dc2626;font-weight:700}.add-cart-btn{align-items:center;background:#10b981;background:var(--accent-green);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;margin-top:14px;padding:10px;transition:all .2s ease;width:100%}.add-cart-btn:hover:not(:disabled){background:#059669;background:var(--accent-green-hover);box-shadow:0 6px 16px #10b9814d}.add-cart-btn:active:not(:disabled){transform:scale(.97)}.add-cart-btn.disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.add-cart-btn.added-success{animation:btnSuccessPop .3s cubic-bezier(.175,.885,.32,1.275);background:#059669!important}@keyframes btnSuccessPop{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}.add-cart-btn.btn-loading{background:#0d9488;opacity:.9}.product-grid-skeleton{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.skeleton-card{animation:skeletonPulse 1.5s ease-in-out infinite;background:#e2e8f0;border-radius:16px;border-radius:var(--radius-lg);height:280px}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.empty-products{background:#fff;border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:60px 20px;text-align:center}.empty-products h3{color:#0f172a;color:var(--text-dark);font-size:18px;margin-bottom:6px}.empty-products p{color:#64748b;color:var(--text-muted);font-size:14px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;box-shadow:0 -4px 16px #0000000a;height:64px}.nav-item{font-size:11px;font-weight:600;transition:color .2s ease}.nav-item.active{color:var(--primary-color);font-weight:800}.nav-icon{font-size:20px}@media (max-width:768px){.shop-products-header{padding:12px 16px}.shop-products-header h1{font-size:17px}.subtitle{font-size:11px}.cart-header-btn{border-radius:8px;font-size:12px;padding:8px 14px}.shop-controls{gap:10px;padding:14px 16px}.product-display-section{padding:0 16px}.product-grid,.product-grid-skeleton{gap:12px;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:12px;padding:12px}.product-image-container{font-size:32px;height:85px;margin-bottom:8px}.product-title{font-size:13px;line-height:1.2}.main-price{font-size:15px}.original-price{font-size:11px}.rack-badge{font-size:10px;padding:2px 6px}.add-cart-btn{font-size:12px;margin-top:10px;padding:8px}.chip{font-size:12px;padding:6px 14px}}.quantity-control-wrapper{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:14px;padding:4px;width:100%}.qty-btn{align-items:center;background:#10b981;background:var(--accent-green);border-radius:8px;color:#fff;display:flex;font-size:16px;justify-content:center;transition:all .2s ease}.qty-btn:hover:not(:disabled){background:#059669;background:var(--accent-green-hover)}.qty-btn:disabled{background:#cbd5e1;cursor:not-allowed}.qty-count{color:#0f172a;color:var(--text-dark);font-size:14px;font-weight:800;min-width:24px;text-align:center}:root{--success-light:#dcfce7;--danger-light:#fee2e2;--radius-lg:16px;--radius-md:10px;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 8px 25px #0f172a14}.cart-page,.cart-page *{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}.cart-page{margin:auto;max-width:1200px;min-height:calc(100vh - 70px);padding:25px 20px 120px;width:100%}.cart-page h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.login-message{font-size:20px;font-weight:700;padding:80px 20px;text-align:center}.shop-details{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0f172a0d;box-shadow:var(--shadow-sm);margin-bottom:22px;padding:18px 20px}.shop-details h2{font-size:18px;font-weight:800;margin-bottom:12px}.shop-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shop-info p{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600}.delivery-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:6px 12px}.delivery-tag.available{background:#dcfce7;background:var(--success-light);color:#15803d}.delivery-tag.unavailable{background:#fee2e2;background:var(--danger-light);color:#b91c1c}.distance-status{border-radius:8px;font-size:12px;font-weight:700;padding:6px 10px}.distance-status.within-range{background:#dcfce7;background:var(--success-light);color:#15803d}.distance-status.out-of-range{background:#fee2e2;background:var(--danger-light);color:#b91c1c}.distance-status.text-muted,.empty-cart{color:#64748b;color:var(--text-muted)}.empty-cart{background:#fff;border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg);font-size:18px;font-weight:700;padding:60px 20px;text-align:center}.cart-layout{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:minmax(0,1fr) 380px}.cart-products-list{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0f172a0d;box-shadow:var(--shadow-sm);padding:22px;width:100%}.cart-products-list h2{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);font-size:18px;font-weight:800;margin-bottom:18px;padding-bottom:12px}.cart-products-list .product-row{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:14px;margin-bottom:16px;padding:18px;transition:all .25s ease;width:100%}.cart-products-list .product-row:hover{box-shadow:0 8px 20px #0f172a14}.cart-products-list .product-row:last-child{margin-bottom:0}.cart-products-list .product-info{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:6px;order:1;width:100%}.cart-products-list .product-info h3{color:#0f172a;color:var(--text-dark);font-size:17px;font-weight:800;line-height:1.3;margin:0;order:0;overflow-wrap:break-word;white-space:normal;width:100%;word-break:normal}.cart-products-list .price-box{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px 12px;margin-top:2px;order:1;width:100%}.cart-products-list .current-price{color:#0f172a;color:var(--text-dark);font-size:16px;font-weight:800;order:1}.cart-products-list .old-price{color:#64748b;color:var(--text-muted);font-size:13px;order:2;text-decoration:line-through}.cart-products-list .discount-badge{align-items:center;background:#dcfce7;background:var(--success-light);border-radius:6px;color:#15803d;display:inline-flex;font-size:11px;font-weight:700;order:3;padding:3px 8px;white-space:nowrap}.cart-products-list .product-actions{align-items:center!important;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-color);box-sizing:border-box;display:flex!important;flex-direction:row!important;gap:16px;justify-content:space-between!important;margin-top:4px;order:2;padding-top:12px;width:100%}.cart-products-list .product-subtotal{color:#2563eb;color:var(--primary);font-size:15px;font-weight:800;order:1;white-space:nowrap}.cart-products-list .action-right{align-items:center!important;display:flex!important;flex-shrink:0;gap:12px;margin-left:auto;order:2}.cart-products-list .qty-box{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:30px;box-sizing:border-box;gap:8px;height:34px;padding:3px 8px}.cart-products-list .qty-box,.cart-products-list .qty-box button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.cart-products-list .qty-box button{border:none;border-radius:50%;cursor:pointer;font-size:15px;font-weight:800;height:26px;line-height:1;min-width:26px;padding:0;transition:transform .15s ease;width:26px}.cart-products-list .qty-box button:first-child{background:#fee2e2;color:#dc2626}.cart-products-list .qty-box button:last-child{background:#dcfce7;color:#16a34a}.cart-products-list .qty-box button:active{transform:scale(.9)}.cart-products-list .qty-box span{color:#0f172a;color:var(--text-dark);font-size:14px;font-weight:800;min-width:20px;text-align:center}.cart-products-list .remove-btn{align-items:center;background:#fee2e2;background:var(--danger-light);border:none;border-radius:10px;border-radius:var(--radius-md);color:#ef4444;color:var(--danger);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;padding:0 14px;transition:.2s;white-space:nowrap}.cart-products-list .remove-btn:hover{background:#ef4444;background:var(--danger);color:#fff}.checkout-box{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #0f172a14;box-shadow:var(--shadow-md);padding:22px;position:sticky;top:20px}.checkout-box h2{font-size:18px;font-weight:800;margin-bottom:16px}.summary-row{align-items:center;display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-bottom:12px}.total-price{color:#2563eb;color:var(--primary);font-size:24px}.saving-badge{background:#dcfce7;background:var(--success-light);border-radius:10px;color:#15803d;font-size:13px;font-weight:800;margin-bottom:18px;padding:10px;text-align:center}.delivery-options{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.delivery-options h3{font-size:14px;font-weight:800;margin-bottom:12px}.location-box{align-items:center;display:flex;gap:10px;margin-bottom:12px}.location-box input{background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;flex:1 1;font-size:12px;height:42px;outline:none;padding:0 12px}.location-box input:focus{border-color:#2563eb;border-color:var(--primary)}.location-btn{background:#0284c7;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:800;height:42px;padding:0 15px;transition:.2s}.location-btn:hover{background:#0369a1}.radio-label{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;margin-bottom:10px;padding:12px;transition:.2s}.radio-label:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary)}.radio-label input{accent-color:#2563eb;accent-color:var(--primary);height:17px;width:17px}.radio-label.disabled-option{background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background:var(--bg-main);cursor:not-allowed;opacity:.5}.delivery-warning{background:#fee2e2;background:var(--danger-light);border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:12px;padding:10px 12px}.delivery-fields textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;font-family:inherit;font-size:13px;min-height:90px;outline:none;padding:12px;resize:vertical;width:100%}.delivery-fields textarea:focus{border-color:#2563eb;border-color:var(--primary)}.checkout-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:14px;box-shadow:0 8px 20px #2563eb40;color:#fff;cursor:pointer;font-size:16px;font-weight:900;height:52px;margin-top:20px;transition:.25s;width:100%}.checkout-btn:hover:not(:disabled){transform:translateY(-2px)}.checkout-btn:disabled{background:#cbd5e1;box-shadow:none;color:#64748b;color:var(--text-muted);cursor:not-allowed}.toast{box-shadow:0 8px 25px #00000026;font-size:14px;font-weight:700;white-space:pre-line}.toast.success{background:#10b981;background:var(--success)}.toast.error{background:#ef4444;background:var(--danger)}.nav-label{font-size:11px;font-weight:700}@media (max-width:992px){.cart-layout{grid-template-columns:minmax(0,1fr) 330px}.checkout-box{padding:18px}}@media (max-width:768px){body{padding-bottom:90px}.cart-page{padding:16px 12px 180px}.cart-page h1{font-size:22px;margin-bottom:16px}.cart-layout{display:flex;flex-direction:column;gap:18px}.checkout-box{margin-bottom:30px;padding:18px;position:relative;top:auto;width:100%}.shop-info{align-items:flex-start;flex-direction:column;gap:8px}.product-row{gap:10px;padding:14px}.product-info h3{font-size:15px}.price-box{gap:6px;margin-top:2px}.current-price{font-size:15px;font-weight:800}.old-price{font-size:12px}.discount-badge{font-size:11px;padding:2px 6px}.cart-products-list .product-actions{align-items:center!important;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-color);display:flex!important;flex-direction:row!important;gap:8px;justify-content:space-between!important;order:2;padding-top:10px}.cart-products-list .product-subtotal{font-size:13px;font-weight:800;order:1}.cart-products-list .action-right{align-items:flex-end!important;display:flex!important;flex-direction:column!important;gap:4px;margin-left:auto;order:2}.qty-box{gap:6px;height:28px;padding:2px 6px;width:auto}.qty-box button{font-size:12px;height:22px;min-width:22px;width:22px}.qty-box span{font-size:12px}.remove-btn{background:#0000;color:#ef4444;color:var(--danger);font-size:10px;height:20px;padding:0 4px;text-decoration:underline}.remove-btn:hover{background:#fee2e2;background:var(--danger-light);border-radius:4px;text-decoration:none}.location-box{flex-direction:column}.location-box input,.location-btn{width:100%}.checkout-btn{height:55px;margin-bottom:40px}.mobile-bottom-nav{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -5px 20px #00000014;height:65px;justify-content:space-around;left:0;position:fixed;right:0;z-index:9999}.mobile-bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{flex-direction:column;gap:3px;justify-content:center;width:25%}}@media (max-width:480px){.cart-page{padding-bottom:190px;padding-left:10px;padding-right:10px}.cart-page h1{font-size:20px}.shop-details{border-radius:14px;padding:14px}.shop-details h2{font-size:16px}.cart-products-list{border-radius:16px;padding:12px}.cart-products-list h2{font-size:16px}.product-row{border-radius:14px;padding:12px}.current-price,.product-info h3{font-size:14px}.old-price{font-size:11px}.discount-badge{font-size:10px;padding:2px 5px}.checkout-box{border-radius:16px;padding:15px}.checkout-box h2{font-size:17px}.summary-row{font-size:14px}.total-price{font-size:20px}.radio-label{font-size:13px;padding:11px}.delivery-warning{font-size:11px}.checkout-btn{font-size:15px;height:52px}}:root{--primary-hover:#1d4ed8;--success-bg:#dcfce7;--success-text:#15803d}.orders-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:20px 16px 60px}.page-title{color:#0f172a;color:var(--text-dark);font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.filter-box{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);gap:10px;margin-bottom:20px;padding:12px 14px}.date-input{background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-btn);color:#0f172a;color:var(--text-dark);font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s ease}.date-input:focus{border-color:#2563eb;border-color:var(--primary)}.clear-btn{background:#0f172a;background:var(--text-dark);border-radius:10px;border-radius:var(--radius-btn);color:#fff;font-size:13px;padding:9px 16px;transition:all .2s ease}.clear-btn:hover{background:#1e293b;transform:translateY(-1px)}.summary-box{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);padding:16px}.summary-card h3{color:var(--text-muted);font-weight:600;margin-bottom:4px}.summary-card h2{color:var(--text-dark)}.order-card{margin-bottom:14px;padding:18px}.order-card:hover{border-color:#2563eb40}.order-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.header-left h2{color:#0f172a;color:var(--text-dark);font-size:18px;font-weight:700}.badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.badge{background:#f1f5f9;border-radius:20px;color:#0f172a;color:var(--text-dark);font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px}.badge.shop{background:#eef2ff;color:#4338ca}.badge.id{background:#fef3c7;color:#b45309}.date{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:6px}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.total-box{background:#dcfce7;background:var(--success-bg);border-radius:10px;border-radius:var(--radius-btn);color:#15803d;color:var(--success-text);font-size:17px;font-weight:800;padding:6px 12px}.invoice-btn{background:#0f172a;background:var(--text-dark);border:none;border-radius:10px;border-radius:var(--radius-btn);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.invoice-btn:hover{background:#1e293b;transform:translateY(-1px)}.items-section{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-light);margin-top:14px;padding-top:12px}.item-card{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-btn);display:flex;justify-content:space-between;margin-top:8px;padding:10px 12px}.product-name{color:var(--text-dark);font-size:14px}.qty{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:2px}.item-right{text-align:right}.price{color:#0f172a;color:var(--text-dark);font-size:14px;font-weight:700}.discount{font-size:11px}.discount,.empty-box{color:#64748b;color:var(--text-muted)}.empty-box{background:#fff;background:var(--surface);border:1px dashed #e2e8f0;border:1px dashed var(--border-light);border-radius:16px;border-radius:var(--radius-card);font-size:14px;padding:40px 16px;text-align:center}.mobile-bottom-nav{background:#fffffff0;border-top:1px solid var(--border-light);display:none;height:56px;z-index:1000}.nav-item{color:var(--text-muted);width:25%}.nav-icon{font-size:16px}@media screen and (max-width:768px){.orders-page{padding:14px 12px 80px}.mobile-bottom-nav{display:flex}.page-title{font-size:20px;margin-bottom:12px;text-align:left}.filter-box{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.clear-btn,.date-input{width:100%}.order-card{border-radius:14px;padding:14px}.order-header{align-items:stretch;flex-direction:column;gap:10px}.header-left h2{font-size:16px}.header-right{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;padding-top:8px;width:100%}.total-box{font-size:15px;padding:5px 10px}.invoice-btn{padding:7px 12px}.item-card{align-items:flex-start;flex-direction:column;gap:6px}.item-right{align-items:center;display:flex;justify-content:space-between;width:100%}}@media screen and (max-width:480px){.orders-page{padding:10px 8px 75px}.order-card{padding:12px}.badges{flex-wrap:wrap;gap:4px}.badge{font-size:10px;padding:3px 8px}.price,.product-name{font-size:13px}}.user-order-toast{border-radius:10px;box-shadow:0 10px 25px #0003;color:#fff;font-size:14px;font-weight:700;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:10001}.order-view-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);display:flex;gap:10px;margin-bottom:20px;padding-bottom:2px}.order-tab-btn{background:none;border:none;border-radius:8px 8px 0 0;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:15px;font-weight:700;padding:10px 18px;transition:all .2s}.order-tab-btn:hover{background:#fff;background:var(--surface);color:#2563eb;color:var(--primary)}.order-tab-btn.active{background:#eff6ff;background:var(--primary-light);border-bottom:3px solid #2563eb;border-bottom:3px solid var(--primary);color:#2563eb;color:var(--primary)}.item-return-action{align-items:center;display:flex;margin-top:6px}.btn-user-return{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:all .2s}.btn-user-return:hover{background:#2563eb;color:#fff}.user-return-pill{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:700;padding:4px 10px}.user-returns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.user-return-card{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-light);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:18px}.user-return-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.user-return-header h4{color:#0f172a;color:var(--text-dark);font-size:16px;margin:0 0 2px}.return-meta-text{color:#64748b;color:var(--text-muted);font-size:12.5px}.user-return-body{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;font-size:13.5px;gap:8px;padding:12px 14px}.return-stat-row{color:#475569;display:flex;justify-content:space-between}.refund-green{color:#16a34a!important;font-size:15px}.reason-text{color:#1e293b;font-weight:600}.notes-text{color:#64748b;font-style:italic}.return-reject-notice{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b}.return-approved-notice,.return-reject-notice{font-size:12.5px;margin-top:4px;padding:8px 10px}.return-approved-notice{background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af}.return-completed-notice{background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:12.5px;margin-top:4px;padding:8px 10px}.user-return-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);color:#64748b;color:var(--text-muted);font-size:12px;padding-top:8px}.return-request-modal{background:#fff;border-radius:18px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:16px;max-width:460px;padding:24px;width:100%}.modal-header h3{color:#0f172a;color:var(--text-dark)}.close-modal-btn{color:var(--text-muted);font-size:16px}.modal-product-summary{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;display:flex;font-size:14px;justify-content:space-between;padding:12px 14px}.modal-product-summary strong{color:#0f172a;color:var(--text-dark)}.modal-field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.modal-field label{color:#475569;font-size:13px;font-weight:700}.modal-qty-stepper{align-items:center;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-light);border-radius:10px;display:flex;overflow:hidden;width:fit-content}.modal-qty-stepper button{background:#f1f5f9;border:none;color:#0f172a;color:var(--text-dark);cursor:pointer;font-size:18px;font-weight:700;height:36px;width:36px}.modal-qty-stepper input{border:none;border-left:1px solid #e2e8f0;border-left:1px solid var(--border-light);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light);font-size:15px;font-weight:700;height:36px;text-align:center;width:48px}.modal-select-input,.modal-textarea-input{border:1.5px solid #e2e8f0;border:1.5px solid var(--border-light);border-radius:10px;font-family:inherit;font-size:14px;padding:10px 12px}.modal-refund-estimate{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;display:flex;justify-content:space-between;margin-top:14px;padding:12px 14px}.modal-refund-estimate span{color:#065f46;font-size:13.5px;font-weight:600}.modal-refund-estimate strong{color:#047857;font-size:18px}.modal-btn-row{display:flex;gap:10px;margin-top:16px}.btn-modal-cancel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;color:#475569;flex:1 1}.btn-modal-cancel,.btn-modal-submit{cursor:pointer;font-weight:700;padding:10px}.btn-modal-submit{background:#2563eb;border:none;border-radius:10px;color:#fff;flex:1.5 1}.btn-modal-submit:hover{background:#1d4ed8}:root{--success:#10b981;--success-light:#ecfdf5;--warning-light:#fffbeb;--bg-page:radial-gradient(circle at top left,#dbeafe,#fff 60%);--radius-xl:20px;--radius-lg:12px}.modern-tracking-page{background:#0000;margin:0 auto;max-width:800px;min-height:calc(100vh - 70px);padding:24px 16px 100px}.tracking-header{margin-bottom:28px;text-align:center}.tracking-header h1{color:#0f172a;color:var(--text-dark);font-size:26px;font-weight:800;letter-spacing:-.5px}.tracking-header .subtitle{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:4px}.modern-empty-box{background:#fff;background:var(--card-bg);border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:20px;border-radius:var(--radius-xl);margin-top:20px;padding:50px 20px;text-align:center}.modern-empty-box h3{color:#0f172a;color:var(--text-dark);font-size:18px;margin-bottom:4px}.modern-empty-box p{color:#64748b;color:var(--text-muted);font-size:14px}.orders-feed{display:flex;flex-direction:column;gap:20px}.modern-order-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #0f172a0d;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.modern-order-card:hover{box-shadow:0 12px 30px #0f172a14}.card-top-bar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding-bottom:12px}.order-id-group{color:#0f172a;color:var(--text-dark);font-size:18px;font-weight:800}.order-hash{color:#2563eb;color:var(--primary)}.live-pulse{align-items:center;background:#fef2f2;border-radius:20px;color:#ef4444;display:inline-flex;font-size:11px;font-weight:800;gap:6px;padding:4px 10px;text-transform:uppercase}.pulse-dot{animation:pulseGlow 1.4s ease-in-out infinite;background-color:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes pulseGlow{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(.9)}}.order-meta-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.meta-badge{background:#f1f5f9;border-radius:6px;color:#0f172a;color:var(--text-dark);font-size:12px;font-weight:600;padding:4px 10px}.meta-badge.mode{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary);font-weight:700}.meta-badge.date{color:#64748b;color:var(--text-muted)}.timeline-wrapper{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;border-radius:var(--radius-lg);margin:24px 0;padding:16px}.modern-timeline{align-items:flex-start;display:flex;justify-content:space-between;position:relative}.timeline-step{flex:1 1;flex-direction:column;text-align:center;z-index:2}.step-icon-wrapper,.timeline-step{align-items:center;display:flex;position:relative}.step-icon-wrapper{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;height:44px;justify-content:center;transition:all .3s ease;width:44px}.step-icon{font-size:18px}.check-badge{align-items:center;background:#10b981;background:var(--success);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:800;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.step-content{margin-top:8px}.step-title{color:#64748b;color:var(--text-muted);display:block;font-size:12px;font-weight:700}.step-desc{color:#94a3b8;display:block;font-size:10px;margin-top:2px}.timeline-connector{background:#e2e8f0;background:var(--border-color);height:3px;left:50%;position:absolute;top:22px;transition:background .3s ease;width:100%;z-index:-1}.timeline-step.active .step-icon-wrapper{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26;transform:scale(1.1)}.timeline-step.active .step-title{color:#2563eb;color:var(--primary)}.timeline-step.completed .step-icon-wrapper{background:#ecfdf5;background:var(--success-light);border-color:#10b981;border-color:var(--success)}.timeline-step.completed .step-title{color:#10b981;color:var(--success)}.timeline-connector.filled{background:#10b981;background:var(--success)}.items-summary-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:16px;padding:12px}.summary-title{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:800;margin-bottom:8px;text-transform:uppercase}.items-list{display:flex;flex-wrap:wrap;gap:8px}.item-pill{align-items:center;background:#f1f5f9;border-radius:8px;color:#0f172a;color:var(--text-dark);display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.item-qty{color:#2563eb;color:var(--primary);font-weight:800}.card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding-top:14px}.total-block{display:flex;flex-direction:column}.total-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600}.total-price{color:#0f172a;color:var(--text-dark);font-size:20px;font-weight:900}.status-text{border-radius:10px;font-size:12px;font-weight:800;padding:8px 14px}.status-text.warning{background:#fffbeb;background:var(--warning-light);color:#b45309}.status-text.success{background:#ecfdf5;background:var(--success-light);color:#047857}.status-text.primary{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}.status-text.delivery{background:#f0f9ff;color:#0284c7}@media (max-width:640px){.step-icon-wrapper{height:36px;width:36px}.step-icon{font-size:15px}.timeline-connector{top:18px}.step-title{font-size:10px}.step-desc{display:none}.card-footer{align-items:flex-start;flex-direction:column;gap:12px}.live-status-message{width:100%}.status-text{display:block;text-align:center}}:root{--primary:#2563eb;--primary-light:#eff6ff;--danger:#ef4444;--danger-light:#fef2f2;--bg-main:radial-gradient(circle at top left,#dbeafe,#fff 60%);--surface:#fff;--text-dark:#0f172a;--text-muted:#64748b;--border-light:#e2e8f0;--radius-card:16px;--radius-btn:10px;--shadow-sm:0 2px 8px #0f172a0a;--shadow-hover:0 12px 24px -6px #0f172a14}body{background:var(--bg-main);color:var(--text-dark)}.cancel-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:20px 16px 60px}.cancel-header{margin-bottom:20px}.cancel-header h1{color:#0f172a;color:var(--text-dark);font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.cancel-header p{color:#64748b;color:var(--text-muted);font-size:13px}.empty-card{background:#fff;background:var(--surface);border:1px dashed #e2e8f0;border:1px dashed var(--border-light);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);margin-top:20px;padding:40px 16px;text-align:center}.empty-icon{font-size:40px;margin-bottom:10px}.empty-card h2{color:#0f172a;color:var(--text-dark);font-size:18px;font-weight:700;margin-bottom:4px}.empty-card p{color:#64748b;color:var(--text-muted);font-size:13px}.orders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.order-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:0 2px 8px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:all .25s ease}.order-card:hover{border-color:#ef44444d;box-shadow:0 12px 24px -6px #0f172a14;box-shadow:var(--shadow-hover)}.card-top{align-items:flex-start;gap:10px;margin-bottom:12px}.card-top h2{color:#0f172a;color:var(--text-dark);font-size:16px;font-weight:800;line-height:1.2}.card-top span{color:#64748b;color:var(--text-muted);display:block;font-size:11px;margin-top:2px}.status-badge{background:#fef2f2;background:var(--danger-light);border-radius:20px;color:#ef4444;color:var(--danger);font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.shop-box{background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-btn);color:#64748b;color:var(--text-muted);font-size:12px;margin-bottom:12px;padding:8px 12px}.shop-box strong{color:#0f172a;color:var(--text-dark)}.order-card h3{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.products{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.product-chip{align-items:center;background:radial-gradient(circle at top left,#dbeafe,#fff 60%);background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-btn);display:flex;font-size:13px;justify-content:space-between;padding:8px 10px}.product-chip span{color:#0f172a;color:var(--text-dark);font-weight:600;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-chip b{color:#2563eb;color:var(--primary);font-size:12px}.card-footer{align-items:center;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-light);display:flex;justify-content:space-between;margin-top:auto;padding-top:10px}.amount{color:#0f172a;color:var(--text-dark);font-size:17px;font-weight:800}@media screen and (max-width:768px){.cancel-page{padding:14px 12px 50px}.cancel-header h1{font-size:20px}.cancel-header p{font-size:12px}.orders-grid{gap:12px;grid-template-columns:1fr}.order-card{border-radius:14px;padding:14px}.amount{font-size:16px}}@media screen and (max-width:480px){.cancel-page{padding:10px 8px}.order-card{padding:12px}.card-top h2{font-size:15px}.product-chip{font-size:12px;padding:6px 8px}}.logo-container{-webkit-user-select:none;user-select:none}.logo-container img{object-fit:contain;width:44px}.logo-container h1{font-size:26px;font-weight:800;letter-spacing:-.5px}.nav-links{gap:32px}.nav-links li a{transition:all .25s ease}.nav-links li a:after{border-radius:2px;transition:width .3s ease}.login-btn{border-radius:10px;box-shadow:0 4px 14px #8b5cf659;font-size:14.5px;font-weight:700;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 18px #8b5cf673}.login-btn:active{transform:translateY(0)}.menu-toggle{padding:6px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.navbar{height:68px;padding:0 20px}.logo-container img{width:38px}.logo-container h1{font-size:22px}.menu-toggle{display:block;margin-left:auto}.nav-links{align-items:center;background:#0b0f19;border-bottom:1px solid #ffffff14;box-shadow:0 12px 28px #0009;display:flex;flex-direction:column;gap:18px;left:0;margin:0;opacity:0;padding:24px 0;pointer-events:none;position:fixed;top:68px;transform:translateY(-120%);transition:transform .35s ease,opacity .35s 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:17px;padding:8px 16px}.login-btn{font-size:15px;padding:12px 0;width:180px}}.navbar{padding:0 60px}.nav-links{gap:35px}.nav-links li a{-webkit-text-fill-color:#cbd5e1!important;color:#cbd5e1!important;font-size:16px;font-weight:500;padding:6px 0;position:relative;text-decoration:none;transition:.3s}.nav-links li a:hover{-webkit-text-fill-color:#fff!important;color:#fff!important}.nav-links li a:after{background:linear-gradient(90deg,#8b5cf6,#22c55e);bottom:0;content:"";height:2px;left:0;position:absolute;transition:.4s;width:0}.nav-links li a:hover:after{width:100%}.login-btn{-webkit-text-fill-color:#fff!important;background:linear-gradient(90deg,#8b5cf6,#22c55e);border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600;padding:10px 22px;transition:.3s}.login-btn:hover{box-shadow:0 4px 15px #8b5cf666;transform:translateY(-1px)}@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:#0b0f19;border-bottom:1px solid #ffffff14;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;gap:18px;left:0;margin:0;opacity:0;padding:24px 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{display:block;font-size:18px;padding:8px 16px}.login-btn{width:160px}}.navbar{height:75px}.logo-container img{height:auto;width:45px}.logo-container h1{font-size:28px}.nav-links{gap:30px;height:100%;margin-top:0}.nav-links li{height:100%;justify-content:center}.location-box,.nav-links li a,.user-btn-link{-webkit-text-fill-color:#cbd5e1!important;-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#cbd5e1!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:500;gap:6px;height:auto;justify-content:center;line-height:1;margin:0;padding:0;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.location-box .loc-pin{align-items:center;display:inline-flex;font-size:18px}.location-box{cursor:default;white-space:nowrap}.location-box:hover,.nav-links li a:hover,.user-btn-link:hover{-webkit-text-fill-color:#22c55e!important;color:#22c55e!important;text-shadow:0 0 10px #22c55e66}.menu-toggle{font-size:28px;padding:4px}@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}.nav-links{align-items:center;background:#0b0f19;border-bottom:1px solid #ffffff14;box-shadow:0 10px 25px #00000080;flex-direction:column;gap:0;height:auto;left:0;margin:0;opacity:0;padding:15px 0;pointer-events:none;position:absolute;top:70px;transform:translateY(-120%);transition:all .4s ease;width:100%;z-index:999}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{height:auto;justify-content:center;width:100%}.location-box,.nav-links li a,.user-btn-link{font-size:16px;justify-content:center;padding:14px 20px;width:100%}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b,#020617)!important;box-shadow:0 0 25px #8b5cf64d;height:70px;left:0;padding:0 40px;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:1000}.logo-container,.navbar{align-items:center;display:flex}.logo-container{cursor:pointer;gap:10px}.logo-container img{width:40px}.logo-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}.nav-links{gap:28px;list-style:none;margin-bottom:0;margin-left:auto;padding-left:0}.nav-links,.nav-links li{align-items:center;display:flex}.location-btn-link,.nav-links li a,.user-btn-link{-webkit-text-fill-color:#cbd5e1!important;-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#cbd5e1!important;cursor:pointer;display:flex;font-family:inherit;font-size:16px;gap:6px;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.location-btn-link:hover,.nav-links li a:hover,.user-btn-link:hover{-webkit-text-fill-color:#22c55e!important;color:#22c55e!important}.menu-toggle{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:26px;margin-left:auto;padding:8px}@media (max-width:768px){.navbar{height:64px;padding:0 16px}.menu-toggle{display:block}.nav-links{align-items:center;background:#0b0f19;border-bottom:1px solid #ffffff14;box-shadow:0 10px 20px #0006;flex-direction:column;gap:0;left:0;margin:0;opacity:0;padding:10px 0;pointer-events:none;position:absolute;top:64px;transform:translateY(-120%);transition:all .3s ease-in-out;width:100%;z-index:999}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{justify-content:center;width:100%}.location-btn-link,.nav-links li a,.user-btn-link{font-size:16px;font-weight:600;justify-content:center;padding:14px 20px;width:100%}.location-btn-link{-webkit-text-fill-color:#38bdf8!important;color:#38bdf8!important}.location-btn-link:active,.nav-links li a:active,.user-btn-link:active{background:#ffffff0d}}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top left,#dbeafe,#fff 60%);color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.purchase-page{background:#0000;margin:0 auto;max-width:1200px;min-height:calc(100vh - 75px);padding:30px 20px 85px}.purchase-page h1{color:#0f172a;font-size:28px;font-weight:800;margin-bottom:6px}.filter-summary{color:#64748b;font-size:14px;margin-bottom:20px}.summary-box{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:20px;text-align:center}.summary-card h3{color:#64748b;font-size:13px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.summary-card h2{color:#0f172a;font-size:22px;font-weight:800}.filter-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 5px 15px #00000008;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;padding:20px}.filter-box input,.filter-box select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;font-size:14px;outline:none;padding:10px 14px}.filter-box label{color:#475569;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px}.filter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;width:100%}.filter-box button{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s ease}.filter-box button:hover{background:#1d4ed8}.reset-btn{background:#dc2626!important}.reset-btn:hover{background:#b91c1c!important}.report-btn{background:#16a34a!important}.report-btn:hover{background:#15803d!important}.purchase-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 5px 20px #0f172a0d;margin:16px 0;padding:22px}.purchase-card p{color:#475569;font-size:14px;margin-bottom:8px}.purchase-card h3{color:#0f172a;font-size:16px;margin:16px 0 10px}.product-line{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;font-size:14px;gap:8px;justify-content:space-between;margin-bottom:8px;padding:12px}.purchase-card h2{color:#16a34a;font-size:20px;margin-top:16px}.print-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 20px;transition:.2s;width:100%}.print-btn:hover{background:#1d4ed8}.popup{animation:fade .3s ease;background:#16a34a;border-radius:12px;box-shadow:0 8px 20px #00000026;color:#fff;font-weight:600;padding:14px 22px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-item.active{color:#2563eb}@media screen and (max-width:900px){.summary-box{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.purchase-page{padding:16px 12px 80px}.purchase-page h1{font-size:22px}.summary-box{gap:10px;grid-template-columns:1fr 1fr}.summary-card{padding:14px 10px}.summary-card h2{font-size:18px}.filter-box{align-items:stretch;flex-direction:column;padding:14px}.filter-box input,.filter-box label,.filter-box select{width:100%}.filter-actions{flex-direction:column}.filter-actions button{width:100%}.product-line{font-size:12px;padding:10px 8px}.purchase-card{padding:16px 12px}.popup{left:12px;right:12px;text-align:center;top:12px}}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}.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}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f8fafc;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--success:#16a34a;--danger:#dc2626;--warning:#f59e0b}.order-validation{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1100px;min-height:calc(100vh - 75px);padding:30px 20px 85px}.toast{align-items:center;animation:slideIn .3s ease;border-radius:12px;box-shadow:0 10px 25px #00000026;color:#fff;display:flex;font-weight:600;gap:10px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:9999}.toast-success{background:#10b981}.toast-warning{background:#f59e0b}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}.page-header{margin-bottom:24px}.header-title{align-items:center;display:flex;gap:16px}.header-icon{background:#e0e7ff;border-radius:16px;color:#4f46e5;color:var(--primary);padding:10px}.page-header h1{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:700;margin:0}.subtitle{color:#64748b;color:var(--text-secondary);font-size:14px;margin:4px 0 0}.search-box{display:flex;gap:12px;margin-bottom:30px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#64748b;color:var(--text-secondary);left:16px}.search-box input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 12px #00000008;font-size:15px;padding:14px 16px 14px 48px}.search-box input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51f}.clear-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;color:#64748b;color:var(--text-secondary);display:flex;font-weight:600;gap:6px;padding:0 20px;transition:.2s}.clear-btn:hover{background:#f1f5f9}.empty-state{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;color:#64748b;color:var(--text-secondary)}.empty-icon{color:#16a34a;color:var(--success)}.order-card{background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #0f172a0a;margin-bottom:30px;padding:28px;transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{box-shadow:0 15px 35px #00000012;transform:translateY(-2px)}.card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.invoice-badge{color:#4f46e5;color:var(--primary);display:inline-block;font-size:18px;font-weight:700;margin-bottom:6px}.customer-meta{color:#64748b;color:var(--text-secondary);font-size:14px}.divider{color:#cbd5e1;margin:0 8px}.status-pills{display:flex;gap:8px}.pill{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:uppercase}.pill-delivery{background:#f1f5f9;color:#475569}.pill-status{background:#e0f2fe;color:#0369a1}.delivery-details-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px}.detail-item{align-items:flex-start;color:#0f172a;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.detail-icon{margin-top:2px}.detail-icon,.map-link{color:#4f46e5;color:var(--primary)}.map-link{font-weight:600;text-decoration:none}.distance-info{font-size:13px;font-weight:600;margin-top:4px}.text-danger{color:#dc2626;color:var(--danger)}.text-success{color:#16a34a;color:var(--success)}.date-badge,.text-muted{color:#64748b;color:var(--text-secondary)}.date-badge{align-items:center;background:#f1f5f9;border-radius:8px;display:inline-flex;font-size:13px;gap:6px;margin-bottom:20px;padding:6px 12px}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.products-header h3{color:#0f172a;color:var(--text-primary);font-size:16px;margin-bottom:0}.select-all-container{align-items:center;background:#e0e7ff;border-radius:8px;color:#4f46e5;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:6px 14px;transition:background .2s;-webkit-user-select:none;user-select:none}.select-all-container:hover{background:#c7d2fe}.select-all-container input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.products-table-wrapper{overflow-x:auto}.product-row{grid-gap:16px;align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;display:grid;gap:16px;grid-template-columns:30px 2fr 80px 140px 100px 40px;margin-bottom:10px;min-width:600px;padding:14px 18px}.product-name{color:#0f172a;color:var(--text-primary);font-weight:600}.qty-input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;font-weight:600;outline:none;padding:8px;text-align:center;width:60px}.qty-input:focus{border-color:#4f46e5;border-color:var(--primary)}.price-box{display:flex;flex-direction:column;gap:2px}.original-price{color:#94a3b8;font-size:12px;text-decoration:line-through}.discount{color:#dc2626;color:var(--danger);font-size:12px;font-weight:600}.final-price{font-size:15px}.final-price,.row-total{color:#0f172a;color:var(--text-primary);font-weight:700}.row-total{font-size:16px}.remove-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:.2s}.remove-btn:hover{background:#fca5a5}.add-product-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-top:20px;padding:20px}.add-product-box h3{align-items:center;display:flex;font-size:15px;gap:8px;margin:0 0 12px}.add-product-controls{display:flex;flex-wrap:wrap;gap:12px}.product-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;flex:1 1;font-size:14px;min-width:250px;outline:none;padding:10px 14px}.add-product-btn{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 18px;transition:.2s}.add-product-btn:hover{background:#4338ca;background:var(--primary-hover)}.payment-box{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;margin-top:24px;padding:20px}.payment-box h3{align-items:center;display:flex;font-size:15px;gap:8px;margin:0 0 16px}.payment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.payment-card{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;flex:1 1;padding:16px;text-align:center;transition:.2s}.payment-card:hover{border-color:#cbd5e1}.payment-card.active{background:#f0fdf4;border-color:#16a34a;border-color:var(--success)}.payment-icon{color:#64748b;color:var(--text-secondary);margin-bottom:8px}.payment-card.active .payment-icon{color:#16a34a;color:var(--success)}.payment-card h4{font-size:15px;margin:0 0 4px}.payment-card p{color:#64748b;color:var(--text-secondary);font-size:12px;margin:0}.payment-status{align-items:center;background:#dcfce7;border-radius:8px;color:#15803d;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:10px;text-align:center}.payment-status span{color:#475569;font-size:13px;margin-left:6px}.validation-carrybag-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;margin-top:18px;padding:14px 16px;transition:all .2s ease}.validation-carrybag-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.validation-carrybag-title{align-items:center;display:flex;gap:10px}.bag-icon{font-size:24px;line-height:1}.validation-carrybag-title strong{color:#1e293b;display:block;font-size:14.5px}.validation-carrybag-title p{color:#64748b;font-size:12px;margin:1px 0 0}.validation-carrybag-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.validation-carrybag-switch input{height:0;opacity:0;width:0}.validation-carrybag-switch input:checked+.switch-slider{background-color:#4f46e5;background-color:var(--primary,#2563eb)}.validation-carrybag-switch input:checked+.switch-slider:before{transform:translateX(20px)}.validation-carrybag-body{border-top:1px dashed #cbd5e1;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px}.validation-carrybag-presets{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.val-preset-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:3px;justify-content:center;padding:8px 6px;transition:all .2s ease}.val-preset-btn:hover{background:#f1f5f9;border-color:#94a3b8}.val-preset-btn.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb;color:#1d4ed8}.val-preset-cost{color:#059669;font-size:11.5px;font-weight:700}.val-preset-btn.active .val-preset-cost{color:#1d4ed8}.validation-carrybag-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 14px}.val-control-field{align-items:center;display:flex;gap:6px}.val-control-field label{color:#475569;font-size:12px;font-weight:600}.val-control-field input[type=number]{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;font-weight:600;padding:5px 8px;text-align:center;width:70px}.val-qty-group{align-items:center;border:1px solid #cbd5e1;border-radius:6px;display:flex;overflow:hidden}.val-qty-group button{align-items:center;background:#f1f5f9;border:none;border-radius:0;color:#1e293b;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:28px;justify-content:center;padding:0;width:28px}.val-qty-group button:hover{background:#e2e8f0}.val-qty-group input{border:1px solid #cbd5e1;border-bottom:none;border-top:none;font-size:13px;font-weight:700;height:28px;padding:0;text-align:center;width:36px}.val-bag-total{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;display:flex;font-size:12px;gap:6px;padding:5px 10px}.val-bag-total strong{color:#047857;font-size:14px}.total-card{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:14px;color:#fff;display:flex;justify-content:space-between;margin-top:20px;padding:18px 22px}.total-breakdown-info{display:flex;flex-direction:column;gap:4px}.total-breakdown-info span{color:#94a3b8;font-size:14px}.bag-addon-text{color:#34d399!important;font-size:13px!important;font-weight:600}.total-card h1{color:#fff;font-size:28px;margin:0}.action-row{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding-top:20px}.select-status-wrapper{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:12px}.status-dropdown{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600;margin-top:0;outline:none;padding:10px 14px}.button-group{display:flex;gap:12px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:.2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-approve{background:#16a34a;background:var(--success);color:#fff}.btn-approve:hover:not(:disabled){background:#15803d}.btn-reject{background:#dc2626;background:var(--danger);color:#fff}.btn-reject:hover:not(:disabled){background:#b91c1c}.barcode-scan-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.barcode-input-wrapper{flex:1 1;min-width:220px;position:relative}.barcode-icon{color:#64748b;color:var(--text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.barcode-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;font-size:14px;outline:none;padding:10px 14px 10px 40px;transition:all .2s ease;width:100%}.barcode-input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.barcode-btn-group{display:flex;gap:10px}.scan-code-btn{background:#4f46e5;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:.2s}.scan-code-btn:hover{background:#4338ca;background:var(--primary-hover)}.camera-scan-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:.2s}.camera-scan-btn:hover{background:#f1f5f9}.or-divider{align-items:center;display:flex;margin:12px 0;text-align:center}.or-divider:after,.or-divider:before{border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--border-color);content:"";flex:1 1}.or-divider span{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:700;padding:0 10px}.barcode-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.barcode-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:450px;padding:20px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-size:18px;margin:0}.close-modal-btn{background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;height:58px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:999}.mobile-bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;flex:1 1;flex-direction:column;gap:2px;justify-content:center}.nav-icon{font-size:18px}.nav-label{font-size:10px;font-weight:600}.nav-item.active{color:#4f46e5;color:var(--primary)}@media screen and (min-width:769px){.mobile-bottom-nav{display:none}}@media screen and (max-width:768px){.order-validation{padding:20px 12px 80px}.card-header{flex-direction:column;gap:12px}.status-pills{width:100%}.order-card{border-radius:16px;padding:16px}.barcode-scan-section{align-items:stretch;flex-direction:column}.barcode-btn-group{width:100%}.scan-code-btn{flex:1 1}.add-product-controls{flex-direction:column}.add-product-btn{justify-content:center;width:100%}.payment-options{gap:10px;grid-template-columns:repeat(2,1fr)}.action-row,.select-status-wrapper{align-items:stretch;flex-direction:column}.button-group,.status-dropdown{width:100%}.btn{flex:1 1}.btn,.toast{justify-content:center}.toast{left:12px;right:12px;top:12px}}.returns-page-container{color:#1e293b;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:30px 20px 100px}.return-toast{animation:slideIn .3s ease;border-radius:12px;box-shadow:0 10px 25px #0003;color:#fff;font-size:15px;font-weight:600;padding:14px 24px;position:fixed;right:25px;top:25px;z-index:9999}.toast-info{background:#1e293b}.toast-success{background:#16a34a}.toast-warning{background:#d97706}.toast-error{background:#dc2626}.returns-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.header-info h1{color:#0f172a;font-size:28px;font-weight:800;margin:0 0 6px}.header-info p{color:#64748b;font-size:15px;margin:0}.btn-back{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s}.btn-back:hover{background:#f1f5f9;border-color:#94a3b8}.returns-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.metric-card{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000008;display:flex;gap:16px;padding:18px 20px;transition:transform .2s ease}.metric-card:hover{transform:translateY(-2px)}.metric-card.orange{border-left:5px solid #f97316}.metric-card.blue{border-left:5px solid #3b82f6}.metric-card.green{border-left:5px solid #10b981}.metric-card.purple{border-left:5px solid #8b5cf6}.metric-icon{font-size:30px;line-height:1}.metric-details{display:flex;flex-direction:column}.metric-num{color:#0f172a;font-size:22px;font-weight:800}.metric-title{font-size:13px;font-weight:600}.returns-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:10px;margin-bottom:25px;overflow-x:auto;padding-bottom:2px}.tab-btn{background:none;border-radius:10px 10px 0 0;color:#64748b;font-size:15px;padding:12px 20px;transition:all .2s}.tab-btn:hover{background:#f8fafc;color:#2563eb}.tab-btn.active{background:#eff6ff;border-bottom:3px solid #2563eb;color:#2563eb}.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:60px 20px;text-align:center}.empty-state h3{color:#1e293b;font-size:20px;margin:0 0 6px}.empty-state p{color:#64748b;margin:0}.returns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.return-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000a;display:flex;flex-direction:column;gap:14px;padding:20px}.card-top{align-items:center;display:flex;justify-content:space-between}.order-tag{color:#64748b;font-size:13.5px}.order-tag strong{color:#0f172a}.status-pill{font-size:12px;font-weight:700;padding:4px 10px}.pill-requested{background:#ffedd5;color:#c2410c}.pill-approved{background:#dbeafe;color:#1d4ed8}.pill-completed{background:#dcfce7;color:#15803d}.return-product-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px}.product-title{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 8px}.product-meta{color:#475569;flex-wrap:wrap;font-size:13px;gap:12px}.refund-highlight{color:#15803d!important;font-weight:700}.reason-box{display:flex;flex-direction:column;gap:6px}.reason-label{color:#64748b;font-size:12.5px;font-weight:600}.reason-badge{background:#f1f5f9;border-radius:6px;color:#334155;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px;width:fit-content}.comments-text{color:#475569;font-size:13px;font-style:italic;margin:4px 0 0}.customer-info-row{border-top:1px solid #f1f5f9;color:#64748b;display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px;justify-content:space-between;padding-top:10px}.card-actions{display:flex;gap:10px;margin-top:6px}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13.5px;font-weight:700;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s}.btn-action.approve{background:#2563eb;color:#fff}.btn-action.approve:hover{background:#1d4ed8}.btn-action.reject{background:#fee2e2;color:#dc2626}.btn-action.reject:hover{background:#fecaca}.btn-action.complete{background:#16a34a;color:#fff}.btn-action.complete:hover{background:#15803d}.counter-return-layout{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.counter-process-card,.counter-search-card,.return-receipt-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 15px #0000000a;padding:24px}.counter-search-card h3{color:#0f172a;font-size:18px;margin:0 0 6px}.counter-search-card p{color:#64748b;font-size:14px;margin:0 0 18px}.search-form{display:flex;gap:10px}.invoice-input{border:1.5px solid #cbd5e1;border-radius:10px;flex:1 1;font-size:15px;font-weight:600;padding:12px 16px}.btn-search{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;white-space:nowrap}.btn-search:hover{background:#1d4ed8}.invoice-meta-header{align-items:center;border-bottom:1.5px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.invoice-meta-header h3{font-size:18px;margin:0 0 4px}.customer-tag{color:#64748b;font-size:13.5px}.invoice-total strong{color:#16a34a;font-size:18px}.invoice-items-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.selectable-item{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.selectable-item:hover{background:#f1f5f9;border-color:#cbd5e1}.selectable-item.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.item-details strong{color:#0f172a;display:block;font-size:15px;margin-bottom:2px}.item-details span{color:#64748b;font-size:13px}.item-select-radio{color:#2563eb;font-size:13px;font-weight:700}.counter-form-section h3{color:#0f172a;font-size:17px;margin:0 0 16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#475569;font-size:13px;font-weight:700}.form-input,.form-select{color:#1e293b;font-size:14px;font-weight:600;padding:10px 12px}.form-input,.form-select,.qty-stepper{border:1.5px solid #cbd5e1;border-radius:10px}.qty-stepper{align-items:center;display:flex;overflow:hidden;width:fit-content}.qty-stepper button{background:#f1f5f9;border:none;color:#1e293b;cursor:pointer;font-size:18px;font-weight:700;height:38px;width:36px}.qty-stepper button:hover{background:#e2e8f0}.qty-stepper input{border:1px solid #cbd5e1;border-bottom:none;border-top:none;font-size:15px;font-weight:700;height:38px;text-align:center;width:50px}.restock-toggle-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:14px 16px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#16a34a;height:20px;margin-top:2px;width:20px}.checkbox-text strong{color:#15803d;display:block;font-size:14.5px}.checkbox-text p{color:#4b5563;font-size:12.5px;margin:2px 0 0}.counter-refund-banner{align-items:center;background:#1e293b;border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.counter-refund-banner span{color:#94a3b8;font-size:15px}.counter-refund-banner h2{color:#4ade80;font-size:26px;margin:0}.btn-process-return{background:#16a34a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:800;padding:14px;transition:all .2s;width:100%}.btn-process-return:hover{background:#15803d}.return-receipt-card{background:#fdfdfd;border:2px dashed #16a34a;text-align:center}.receipt-badge{background:#dcfce7;border-radius:20px;color:#15803d;display:inline-block;font-size:13px;font-weight:700;margin-bottom:12px;padding:6px 14px}.receipt-rows{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:18px;text-align:left}.receipt-row{color:#64748b;display:flex;font-size:14px;justify-content:space-between}.receipt-row strong{color:#0f172a}.receipt-amount{color:#16a34a!important;font-size:16px}.receipt-actions{display:flex;gap:12px;justify-content:center}.btn-print{background:#1e293b}.btn-print,.btn-reset{border:none;color:#fff;padding:10px 22px}.btn-reset{background:#2563eb;border-radius:10px;cursor:pointer;font-weight:700}.history-table-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000a;overflow-x:auto}.returns-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.returns-table th{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;color:#475569;font-weight:700;padding:14px 16px}.returns-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:14px 16px}.returns-table tr:hover{background:#f8fafc}.text-green{color:#16a34a;font-weight:700}.mode-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;font-weight:700;padding:3px 8px}.badge-restocked{color:#16a34a;font-size:12.5px;font-weight:700}.badge-no-restock{color:#94a3b8;font-size:12.5px;font-weight:600}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.return-modal{background:#fff;border-radius:18px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;gap:16px;max-width:480px;padding:24px;width:100%}.return-modal h3{color:#0f172a;font-size:20px;margin:0}.return-modal p{color:#64748b;font-size:14px;margin:0}.modal-textarea{border:1.5px solid #cbd5e1;border-radius:10px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.modal-form-group{display:flex;flex-direction:column;gap:6px}.modal-form-group label{color:#475569;font-size:13px;font-weight:700}.modal-amount-badge{background:#ecfdf5;border-radius:8px;color:#16a34a;font-size:24px;font-weight:800;padding:8px 14px;width:fit-content}.modal-select{border:1.5px solid #cbd5e1;border-radius:10px;font-size:14px;font-weight:600;padding:10px 12px}.modal-actions{display:flex;gap:10px;margin-top:10px}.btn-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1 1;padding:10px}.btn-danger{background:#dc2626}.btn-danger,.btn-success{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:10px}.btn-success{background:#16a34a}.shop-vendor-page{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;padding:28px 24px 80px}.shop-vendor-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.v-back-link{color:#2563eb}.shop-vendor-header h1{color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.shop-vendor-header p{color:#64748b;font-size:14px;margin:0}.shop-vendor-nav-pills{align-items:center;background:#e2e8f0;border-radius:12px;display:flex;gap:8px;padding:5px}.pill-tab{background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:700;padding:9px 18px;transition:all .2s ease;white-space:nowrap}.pill-tab.active{background:#fff;box-shadow:0 2px 6px #00000014;color:#0f172a}.shop-toast{animation:slideIn .3s ease;border-radius:10px;box-shadow:0 10px 25px #00000026;font-size:13px;font-weight:700;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:2000}.shop-toast.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.shop-toast.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.catalog-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.catalog-search{flex:1 1;min-width:280px;position:relative}.catalog-search input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;padding:11px 36px 11px 38px;transition:all .2s ease;width:100%}.catalog-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.catalog-search .search-icon{font-size:14px;left:12px}.catalog-search .clear-btn,.catalog-search .search-icon{color:#94a3b8;position:absolute;top:50%;transform:translateY(-50%)}.catalog-search .clear-btn{background:none;border:none;cursor:pointer;font-size:13px;right:12px}.filters-group{align-items:center;display:flex;gap:12px}.filters-group select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:13px;outline:none;padding:10px 16px}.wholesale-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wholesale-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.wholesale-card:hover{border-color:#93c5fd;box-shadow:0 10px 24px #2563eb14;transform:translateY(-3px)}.card-image-wrap{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;height:160px;justify-content:center;position:relative}.prod-img{height:100%;object-fit:contain;padding:12px;width:100%}.img-placeholder{font-size:48px}.vendor-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:6px;bottom:10px;color:#fff;font-size:11px;font-weight:700;left:10px;padding:3px 8px;position:absolute}.card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.card-cat{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-title{color:#0f172a;font-size:15px;font-weight:800;line-height:1.3;margin:0}.card-barcode{color:#94a3b8;font-family:monospace;font-size:11px}.pricing-strip{align-items:center;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;margin-top:4px;padding:10px 12px}.price-item{display:flex;flex-direction:column}.p-label{color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase}.p-val{font-size:16px;font-weight:900}.text-blue{color:#2563eb}.text-gray{color:#64748b;text-decoration:line-through}.price-divider{background:#cbd5e1;height:24px;width:1px}.margin-highlight-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:6px 10px;text-align:center}.margin-badge{color:#065f46;font-size:11px;font-weight:800}.stock-moq-row{align-items:center;color:#64748b;display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.moq-tag strong{color:#1e293b}.card-action-wrap{margin-top:auto;padding-top:10px}.btn-add-request{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:10px;transition:all .2s ease;width:100%}.btn-add-request:hover:not(:disabled){background:#1d4ed8}.btn-add-request:disabled{background:#cbd5e1;cursor:not-allowed}.in-cart-indicator{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:6px 10px}.btn-add-more{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:4px 8px}.empty-cart-card,.empty-catalog,.empty-requests-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;padding:60px 24px;text-align:center}.empty-icon{display:block;font-size:48px}.btn-browse-catalog{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:16px;padding:10px 20px}.cart-info-banner{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;font-size:13px;margin-bottom:24px;padding:12px 18px}.vendor-cart-group{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 14px #0f172a0a;margin-bottom:24px;overflow:hidden}.vendor-group-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.v-group-label{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.vendor-group-header h2{color:#0f172a;font-size:18px;font-weight:800;margin:2px 0 0}.group-total-badge{align-items:flex-end;display:flex;flex-direction:column}.group-total-badge span{color:#64748b;font-size:11px}.group-total-badge strong{color:#2563eb;font-size:20px}.cart-items-table{border-collapse:collapse;font-size:13px;width:100%}.cart-items-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800;padding:10px 16px;text-align:left}.cart-items-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px}.cart-item-name{color:#0f172a;display:block;font-weight:700}.cart-item-moq{color:#94a3b8;font-size:11px}.qty-picker{align-items:center;border:1.5px solid #cbd5e1;border-radius:8px;display:inline-flex;overflow:hidden}.qty-btn{background:#f1f5f9;border:none;cursor:pointer;font-weight:800;height:32px;width:32px}.qty-picker input{border:none;font-weight:700;height:32px;outline:none;text-align:center;width:48px}.btn-remove-item{background:none;border:none;cursor:pointer;font-size:16px}.group-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:14px;padding:16px 20px}.group-footer,.group-notes-input{display:flex;flex-direction:column}.group-notes-input{gap:6px}.group-notes-input label{color:#475569;font-size:12px;font-weight:700}.group-notes-input input{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;font-size:13px;outline:none;padding:10px 14px}.group-notes-input input:focus{border-color:#2563eb}.btn-submit-order{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;box-shadow:0 4px 14px #2563eb4d;color:#fff;cursor:pointer;font-size:14px;font-weight:800;padding:13px;transition:all .2s ease}.btn-submit-order:hover:not(:disabled){box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.btn-submit-order:disabled{cursor:not-allowed;opacity:.6}.requests-list{display:flex;flex-direction:column;gap:20px}.request-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;overflow:hidden}.request-card.req-status-pending{border-left:6px solid #f59e0b}.request-card.req-status-accepted{border-left:6px solid #2563eb}.request-card.req-status-delivered{border-left:6px solid #10b981}.request-card.req-status-rejected{border-left:6px solid #ef4444}.req-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 20px}.req-number{color:#0f172a;font-size:15px;font-weight:800;margin-right:14px}.req-date{color:#64748b;font-size:12px}.req-pill{border-radius:20px;font-size:11px;font-weight:800;padding:4px 12px;text-transform:uppercase}.pill-accepted{color:#0369a1}.req-vendor-details{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.v-label{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.req-vendor-details h3{color:#0f172a;font-size:17px;font-weight:800;margin:2px 0 0}.req-total-box{align-items:flex-end;display:flex;flex-direction:column}.req-total-val{color:#2563eb;font-size:20px;font-weight:900}.req-rejection-box{background:#fef2f2;border-bottom:1px solid #fecaca;color:#b91c1c;font-size:13px;padding:10px 20px}.req-items-box{overflow-x:auto;padding:12px 20px}.requests-filter-toolbar{align-items:center;display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.req-pill-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.req-pill-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.req-pill-btn.delivered.active{background:#10b981;border-color:#10b981}.req-delivered-actions-bar{align-items:center;background:#ecfdf5;border-bottom:1.5px solid #a7f3d0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 20px}.delivered-notice span{color:#065f46;font-size:13px;font-weight:700}.delivered-action-btns{align-items:center;display:flex;gap:10px}.btn-grn-view{background:#047857;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:800;padding:8px 16px;transition:all .2s ease}.btn-grn-view:hover{background:#065f46}.btn-grn-add-all{background:#fff;border:1.5px solid #047857;border-radius:8px;color:#047857;cursor:pointer;font-size:12px;font-weight:800;padding:7px 14px;transition:all .2s ease}.btn-grn-add-all:hover{background:#ecfdf5}.btn-add-single-item{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.btn-add-single-item:hover{background:#2563eb;border-color:#2563eb;color:#fff}.grn-page{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1240px;padding:24px 20px 80px}.grn-top-nav{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.grn-btn-back{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:700;padding:0}.grn-header-actions{align-items:center;display:flex;gap:12px}.grn-btn-print{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;padding:9px 16px;transition:all .2s ease}.grn-btn-print:hover{background:#f1f5f9;border-color:#94a3b8}.grn-btn-primary{background:#2563eb;border:none;border-radius:10px;box-shadow:0 4px 12px #2563eb40;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:10px 18px;transition:all .2s ease}.grn-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.grn-sheet-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0f172a0a;padding:32px}.grn-sheet-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.grn-doc-badge{background:#ede9fe;border-radius:6px;color:#6d28d9;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:8px;padding:4px 10px;text-transform:uppercase}.grn-brand-wrap h1{color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0 0 4px}.grn-subtext{color:#64748b;font-size:14px;margin:0}.grn-order-badge-box{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.grn-order-num{color:#0f172a;font-family:monospace;font-size:18px;font-weight:900}.grn-delivery-status{background:#dcfce7;border-radius:20px;color:#15803d;font-size:12px;font-weight:800;padding:3px 10px}.grn-delivered-date,.grn-order-date{color:#64748b;font-size:12px}.grn-meta-grid{grid-gap:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px;padding:20px}.grn-meta-col{display:flex;flex-direction:column;gap:8px}.grn-meta-title{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.grn-meta-body strong{color:#0f172a;font-size:15px}.grn-supplier-name{color:#2563eb!important}.grn-meta-body p{color:#475569;font-size:13px;margin:2px 0}.grn-metric-row{color:#64748b;display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.grn-metric-row.total-highlight{border-top:1px dashed #cbd5e1;margin-top:4px;padding-top:6px}.grn-metric-row strong{color:#0f172a}.text-blue{color:#2563eb!important}.grn-action-banner{align-items:center;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.banner-left{align-items:flex-start;display:flex;gap:12px;max-width:700px}.banner-icon{flex-shrink:0;font-size:24px}.banner-left strong{color:#1e40af;display:block;font-size:14px;margin-bottom:2px}.banner-left p{color:#1e3a8a;font-size:13px;line-height:1.45;margin:0}.grn-btn-bulk-add{background:#2563eb;border:none;border-radius:10px;box-shadow:0 4px 10px #2563eb40;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.grn-btn-bulk-add:hover{background:#1d4ed8}.grn-items-table-wrap{border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow-x:auto}.grn-table{border-collapse:collapse;font-size:13px;width:100%}.grn-table th{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.grn-table td{border-bottom:1px solid #f1f5f9;padding:14px;vertical-align:middle}.grn-table tr:hover td{background:#f8fafc}.td-index{color:#94a3b8;font-weight:700;width:36px}.grn-item-name-cell{display:flex;flex-direction:column}.grn-item-name-cell strong{color:#0f172a;font-size:14px}.item-sku{color:#94a3b8;font-size:11px}.font-mono{color:#475569}.qty-tag{background:#e2e8f0;border-radius:6px;color:#1e293b;display:inline-block;font-weight:800;padding:4px 10px;white-space:nowrap}.td-action{text-align:right;white-space:nowrap}.btn-add-product-row{background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:8px;color:#047857;cursor:pointer;font-size:12px;font-weight:800;padding:7px 14px;transition:all .2s ease}.btn-add-product-row:hover{background:#10b981;border-color:#10b981;color:#fff}.grn-total-row td{background:#f8fafc;border-top:2px solid #cbd5e1;padding:16px 14px}.td-total-label{color:#0f172a;text-align:right}.td-total-label,.td-total-qty{font-size:14px;font-weight:800}.td-total-qty{color:#1e293b}.td-total-amount{color:#2563eb;font-size:18px;font-weight:900}.grn-notes-box{background:#f8fafc;border-radius:10px;color:#475569;font-size:13px;margin-bottom:24px;padding:14px 18px}.grn-notes-box strong{color:#0f172a}.grn-notes-box p{font-style:italic;margin:4px 0 0}.grn-footer-signatures{align-items:center;border-top:1px dashed #cbd5e1;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:40px;padding-top:24px}.sig-box{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:240px}.sig-line{background:#94a3b8;height:1px;width:100%}.sig-box span{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.grn-error-card,.grn-loading-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;padding:60px 24px;text-align:center}.grn-spinner{display:block;font-size:40px;margin-bottom:12px}@media print{body{background:#fff}.grn-action-banner,.grn-top-nav,.td-action,.th-action{display:none!important}.grn-sheet-card{border:none;box-shadow:none;padding:0}}.vendor-home-page{background:#f8fafc;color:#0f172a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.vendor-home-nav{background:#0f172a;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:50}.vendor-home-nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.vendor-home-brand{align-items:center;cursor:pointer;display:flex;gap:12px}.vendor-home-logo{height:38px;width:auto}.brand-text{display:flex;flex-direction:column}.brand-title{color:#fff;font-size:19px;font-weight:800;letter-spacing:-.5px}.brand-badge{background:#38bdf826;border-radius:4px;color:#38bdf8;font-size:10px;font-weight:700;padding:1px 6px;text-transform:uppercase}.vendor-home-nav-actions{align-items:center;display:flex;gap:14px}.nav-link-secondary{color:#94a3b8;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.nav-link-secondary:hover{color:#fff}.nav-btn-outline{border:1.5px solid #38bdf8;border-radius:8px;color:#38bdf8;font-size:13px;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-btn-outline:hover{background:#38bdf81f}.nav-btn-primary{background:#0284c7;border-radius:8px;color:#fff;font-size:13px;font-weight:700;padding:9px 18px;text-decoration:none;transition:all .2s ease}.nav-btn-primary:hover{background:#0369a1}.vendor-hero-section{background:radial-gradient(circle at top,#1e293b 0,#0f172a 100%);color:#fff;padding:80px 24px 70px;text-align:center}.vendor-hero-container{margin:0 auto;max-width:960px}.vendor-hero-pill{background:#38bdf81f;border:1px solid #38bdf84d;border-radius:30px;color:#38bdf8;display:inline-block;font-size:13px;font-weight:700;margin-bottom:24px;padding:6px 16px}.vendor-hero-title{font-size:46px;font-weight:900;letter-spacing:-1.2px;line-height:1.15;margin-bottom:20px}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text}.vendor-hero-subtitle{color:#94a3b8;font-size:18px;line-height:1.6;margin:0 auto 36px;max-width:780px}.vendor-hero-cta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:50px}.vendor-cta-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s ease}.vendor-cta-btn.primary{background:linear-gradient(135deg,#0284c7,#2563eb);box-shadow:0 4px 16px #0284c766;color:#fff}.vendor-cta-btn.primary:hover{box-shadow:0 8px 24px #0284c780;transform:translateY(-2px)}.vendor-cta-btn.secondary{background:#ffffff14;border:1px solid #ffffff26;color:#f8fafc}.vendor-cta-btn.secondary:hover{background:#ffffff29}.vendor-stats-strip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;justify-content:space-around;margin:0 auto;max-width:840px;padding:24px 32px}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-number{color:#38bdf8;font-size:28px;font-weight:900}.stat-label{color:#94a3b8;font-size:12px;font-weight:600}.stat-divider{background:#ffffff1a;height:36px;width:1px}.vendor-features-section{background:#f8fafc;padding:80px 24px}.vendor-features-container{margin:0 auto;max-width:1200px}.section-heading{margin:0 auto 50px;max-width:680px;text-align:center}.sub-heading{color:#0284c7;display:block;font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.section-heading h2{color:#0f172a;font-size:34px;font-weight:900;letter-spacing:-.8px;margin-bottom:12px}.section-heading p{color:#64748b;font-size:16px;line-height:1.5}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;padding:32px 24px;transition:all .25s ease}.feature-card:hover{border-color:#cbd5e1;box-shadow:0 16px 30px #0f172a14;transform:translateY(-4px)}.feature-icon-box{align-items:center;background:#eff6ff;border-radius:12px;display:flex;font-size:24px;height:52px;justify-content:center;margin-bottom:20px;width:52px}.feature-card h3{color:#0f172a;font-size:18px;font-weight:800;margin-bottom:10px}.feature-card p{color:#64748b;font-size:14px;line-height:1.55;margin:0}.vendor-steps-section{background:#fff;border-top:1px solid #e2e8f0;padding:60px 24px 90px}.vendor-steps-container{margin:0 auto;max-width:1100px}.steps-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:32px;position:relative}.step-badge{background:#0284c7;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:800;margin-bottom:16px;padding:4px 12px}.step-card h3{font-size:19px;font-weight:800;margin-bottom:10px}.step-card p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.vendor-home-footer{background:#0f172a;border-top:1px solid #ffffff14;color:#94a3b8;margin-top:auto;padding:30px 24px}.footer-container{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;justify-content:space-between;margin:0 auto;max-width:1280px}.footer-links{display:flex;gap:20px}.footer-links a{color:#94a3b8;font-weight:600;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#38bdf8}@media (max-width:768px){.vendor-hero-title{font-size:32px}.vendor-stats-strip{flex-direction:column;gap:16px}.stat-divider{display:none}.footer-container{flex-direction:column;text-align:center}}.vendor-login-page{align-items:center;background:radial-gradient(circle at top center,#1e293b 0,#0f172a 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:24px}.vendor-login-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0006;max-width:440px;padding:36px 32px;width:100%}.vendor-login-brand{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:20px}.login-logo{height:38px;width:auto}.login-brand-meta{display:flex;flex-direction:column}.login-brand-meta h2{color:#0f172a;font-size:18px;font-weight:800;letter-spacing:-.4px;margin:0}.b2b-pill{background:#e0f2fe;border-radius:4px;color:#0284c7;font-size:10px;font-weight:700;letter-spacing:.6px;margin-top:2px;padding:1px 6px;text-transform:uppercase;width:fit-content}.vendor-login-intro{margin-bottom:24px}.vendor-login-intro h3{color:#0f172a;font-size:20px;font-weight:800;margin-bottom:6px}.vendor-login-intro p{color:#64748b;font-size:13px;margin:0}.login-error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;font-weight:600;margin-bottom:18px;padding:10px 14px}.vendor-login-form{gap:16px}.login-field,.vendor-login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{color:#334155;font-size:12px;font-weight:700}.login-field input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease}.login-field input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.vendor-login-btn{background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 14px #0284c74d;color:#fff;cursor:pointer;font-size:14px;font-weight:800;margin-top:6px;padding:13px;transition:all .2s ease}.vendor-login-btn:hover:not(:disabled){box-shadow:0 6px 20px #0284c773;transform:translateY(-1px)}.vendor-login-btn:disabled{cursor:not-allowed;opacity:.6}.vendor-login-links{border-top:1px solid #f1f5f9;color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:8px;margin-top:24px;padding-top:20px;text-align:center}.link-primary{color:#0284c7;font-weight:700;text-decoration:none}.link-primary:hover{text-decoration:underline}.sub-links{display:flex;flex-direction:column;gap:4px;margin-top:6px}.sub-links a{color:#94a3b8;font-size:12px;text-decoration:none;transition:color .2s ease}.sub-links a:hover{color:#0f172a}.vendor-reg-page{align-items:center;background:radial-gradient(circle at top center,#1e293b 0,#0f172a 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.vendor-reg-container{max-width:760px;width:100%}.vendor-reg-header{margin-bottom:24px;text-align:center}.brand-badge-pill{background:#38bdf826;border-radius:20px;color:#38bdf8;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.brand-logo-wrap{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.reg-logo{height:38px;width:auto}.vendor-reg-header h2{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.reg-subtext{color:#94a3b8;font-size:14px;margin:0}.vendor-reg-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:32px 36px}.alert-box{border-radius:10px;font-size:13px;font-weight:600;margin-bottom:20px;padding:12px 16px}.alert-box.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert-box.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.vendor-form{display:flex;flex-direction:column;gap:16px}.form-section-title{align-items:center;border-bottom:1.5px solid #f1f5f9;color:#0284c7;display:flex;font-size:13px;font-weight:800;letter-spacing:.6px;margin-bottom:4px;margin-top:6px;padding-bottom:8px;text-transform:uppercase}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#334155;font-size:12px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.vendor-submit-btn{background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 14px #0284c759;color:#fff;cursor:pointer;font-size:15px;font-weight:800;margin-top:10px;padding:14px;transition:all .2s ease}.vendor-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #0284c773;transform:translateY(-1px)}.vendor-submit-btn:disabled{cursor:not-allowed;opacity:.6}.vendor-reg-footer{border-top:1px solid #f1f5f9;color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:6px;margin-top:24px;padding-top:18px;text-align:center}.link-highlight{color:#0284c7;font-weight:700;text-decoration:none}.link-highlight:hover{text-decoration:underline}.link-sub{color:#475569;font-weight:600;text-decoration:none}.link-sub:hover{text-decoration:underline}@media (max-width:640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.vendor-reg-card{padding:24px 18px}}.vendor-dash-container{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;padding:28px 24px 80px}.vendor-dash-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.dash-pill{background:#e0f2fe;border-radius:20px;color:#0284c7;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.dash-title-wrap h1{color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-.6px;margin-bottom:4px}.dash-sub{color:#64748b;font-size:14px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.btn-quick-add{background:#0284c7;border:none;border-radius:10px;box-shadow:0 4px 12px #0284c740;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:all .2s ease}.btn-quick-add:hover{background:#0369a1;transform:translateY(-1px)}.btn-refresh{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px;transition:all .2s ease}.btn-refresh:hover{background:#f1f5f9;color:#0f172a}.vendor-kpi-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.kpi-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.kpi-card:hover{box-shadow:0 8px 20px #0f172a14;transform:translateY(-3px)}.kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.kpi-card.blue .kpi-icon{background:#e0f2fe}.kpi-card.orange .kpi-icon{background:#ffedd5}.kpi-card.green .kpi-icon{background:#dcfce7}.kpi-card.purple .kpi-icon{background:#ede9fe}.kpi-data{display:flex;flex-direction:column;gap:2px}.kpi-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.kpi-val{align-items:center;color:#0f172a;display:flex;font-size:22px;font-weight:900;gap:8px}.kpi-footer{color:#94a3b8;font-size:11px;margin-top:2px}.pulsing-dot{animation:pulseAnim 1.6s infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 0 4px #ef444440;height:10px;width:10px}@keyframes pulseAnim{0%{box-shadow:0 0 0 0 #ef444499;transform:scale(.95)}70%{box-shadow:0 0 0 8px #ef444400;transform:scale(1)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(.95)}}.vendor-section-block{margin-bottom:34px}.section-title{color:#0f172a;font-size:18px;font-weight:800;margin-bottom:16px}.vendor-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.action-tile{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:22px 20px;position:relative;transition:all .22s ease}.action-tile:hover{border-color:#0284c7;box-shadow:0 8px 24px #0284c714;transform:translateY(-2px)}.tile-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.tile-primary .tile-icon{background:#eff6ff}.tile-indigo .tile-icon{background:#eef2ff}.tile-emerald .tile-icon{background:#ecfdf5}.tile-amber .tile-icon{background:#fffbeb}.tile-content{flex:1 1}.tile-content h3{color:#0f172a;font-size:15px;font-weight:800;margin-bottom:4px}.tile-content p{color:#64748b;font-size:12px;line-height:1.4;margin:0}.action-tag-pending{background:#fee2e2;border-radius:10px;color:#b91c1c;display:inline-block;font-size:10px;font-weight:800;margin-left:6px;padding:2px 6px}.tile-arrow{color:#94a3b8;font-size:18px;font-weight:800;transition:transform .2s ease,color .2s ease}.action-tile:hover .tile-arrow{color:#0284c7;transform:translateX(4px)}.table-header-wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.btn-view-all{background:none;border:none;color:#0284c7;cursor:pointer;font-size:13px;font-weight:700}.btn-view-all:hover{text-decoration:underline}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;overflow:hidden}.table-loading{font-size:14px;padding:40px}.table-empty,.table-loading{color:#64748b;text-align:center}.table-empty{padding:48px 24px}.empty-icon{font-size:38px;margin-bottom:12px}.table-empty p{color:#334155;font-size:15px;font-weight:700;margin-bottom:4px}.empty-sub{color:#94a3b8;font-size:13px}.vendor-data-table{border-collapse:collapse;font-size:13px;width:100%}.vendor-data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.vendor-data-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:14px 16px}.vendor-data-table tr:hover td{background:#f8fafc}.shop-cell{display:flex;flex-direction:column}.shop-name{color:#0f172a;font-weight:700}.shop-loc{color:#64748b;font-size:11px}.v-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.badge-pending{background:#fef3c7;color:#b45309}.badge-accepted{background:#e0f2fe;color:#0369a1}.badge-delivered{background:#dcfce7;color:#15803d}.badge-rejected{background:#fee2e2;color:#b91c1c}.btn-table-action{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:all .2s ease}.btn-table-action:hover{background:#1d4ed8;color:#fff}@media (max-width:768px){.vendor-dash-header{flex-direction:column}}.v-add-page{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:24px 20px 80px}.v-add-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.v-add-header h1{color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.v-add-header p{color:#64748b;font-size:14px;margin:0}.v-header-btn{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:all .2s ease}.v-header-btn:hover{background:#f1f5f9;border-color:#94a3b8}.v-banner{align-items:center;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.v-banner.success{background:#ecfdf5;border:1.5px solid #a7f3d0;color:#065f46}.v-banner.success p{color:#047857;font-size:13px;margin:4px 0 0}.v-banner.error{background:#fef2f2;border:1.5px solid #fecaca;color:#b91c1c;font-size:14px;font-weight:600}.v-banner-btn{background:#047857;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;white-space:nowrap}.v-add-layout{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:1fr 340px}.v-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;padding:28px}.v-product-form{gap:24px}.v-form-section,.v-product-form{display:flex;flex-direction:column}.v-form-section{border-bottom:1px solid #f1f5f9;gap:14px;padding-bottom:20px}.v-form-section h3{color:#0f172a;font-size:15px;font-weight:800;margin:0}.v-grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.v-grid-2,.v-grid-3{display:grid;gap:16px}.v-grid-3{grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.v-form-group{display:flex;flex-direction:column;gap:6px}.v-form-group label{color:#334155;font-size:12px;font-weight:700}.v-form-group input,.v-form-group select,.v-form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease}.v-form-group input:focus,.v-form-group select:focus,.v-form-group textarea:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.v-hint{color:#94a3b8;font-size:11px}.v-submit-btn{background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 14px #0284c759;color:#fff;cursor:pointer;font-size:15px;font-weight:800;padding:14px;transition:all .2s ease}.v-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #0284c773;transform:translateY(-1px)}.v-submit-btn:disabled{cursor:not-allowed;opacity:.6}.v-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;padding:24px}.v-preview-card h3{font-size:16px;font-weight:800;margin-bottom:4px}.v-preview-sub{color:#64748b;font-size:12px;margin-bottom:18px}.v-preview-metric{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding:12px}.metric-title{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.metric-val{color:#0f172a;font-size:18px;font-weight:900}.metric-val.text-green{color:#10b981}.metric-note{color:#94a3b8;font-size:11px}.v-preview-tip{background:#fefce8;border:1px solid #fef08a;border-radius:10px;color:#854d0e;font-size:12px;line-height:1.45;margin-top:18px;padding:12px 14px}@media (max-width:900px){.v-add-layout,.v-grid-2,.v-grid-3{grid-template-columns:1fr}}.v-plist-page{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;padding:28px 24px 80px}.v-plist-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.v-plist-header h1{color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.v-plist-header p{color:#64748b;font-size:14px;margin:0}.btn-add-primary{background:#0284c7;border:none;border-radius:10px;box-shadow:0 4px 12px #0284c740;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:11px 20px;transition:all .2s ease}.btn-add-primary:hover{background:#0369a1;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.v-plist-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-box{flex:1 1;min-width:260px;position:relative}.search-icon{font-size:14px;left:14px}.search-box input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;padding:10px 36px 10px 38px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.search-clear{background:none;border:none;color:#94a3b8;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.cat-select,.search-clear{cursor:pointer;font-size:13px}.cat-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;outline:none;padding:10px 16px}.cat-select:focus{border-color:#0284c7}.v-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;overflow:hidden}.table-state-box{color:#64748b;padding:48px 24px;text-align:center}.table-state-box.empty .empty-icon{display:block;font-size:44px;margin-bottom:12px}.table-state-box.empty h3{color:#1e293b;font-size:18px;font-weight:800;margin-bottom:6px}.table-state-box.empty p{color:#94a3b8;font-size:13px;margin-bottom:20px}.table-responsive{overflow-x:auto}.v-catalog-table{border-collapse:collapse;font-size:13px;width:100%}.v-catalog-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.v-catalog-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;vertical-align:middle}.v-catalog-table tr:hover td{background:#f8fafc}.product-info-cell{align-items:center;display:flex;gap:12px;min-width:220px}.product-thumb{border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.product-thumb-placeholder{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.product-meta{display:flex;flex-direction:column;gap:2px}.p-name{color:#0f172a;font-weight:800;line-height:1.3}.p-barcode{color:#94a3b8;font-size:11px}.cat-badge{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.price-supply{color:#0284c7;font-size:14px;font-weight:900}.price-unit{color:#94a3b8;font-size:11px}.price-mrp{color:#64748b;font-weight:700}.margin-cell{display:flex;flex-direction:column}.margin-val{color:#10b981;font-weight:800}.margin-pct{color:#059669;font-size:11px;font-weight:700}.stock-cell{display:flex;flex-direction:column;gap:4px}.stock-qty{color:#1e293b;font-weight:700}.stock-pill{border-radius:4px;display:inline-block;font-size:10px;font-weight:800;padding:2px 6px;text-transform:uppercase;width:fit-content}.stock-pill.in{background:#dcfce7;color:#15803d}.stock-pill.low{background:#fef3c7;color:#b45309}.stock-pill.out{background:#fee2e2;color:#b91c1c}.moq-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#334155;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.actions-cell{align-items:center;display:flex;gap:8px}.btn-edit{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:all .2s ease}.btn-edit:hover{background:#1d4ed8;color:#fff}.btn-delete{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s ease}.btn-delete:hover{background:#ef4444;color:#fff}.v-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.v-modal-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:640px;overflow-y:auto;padding:28px;width:100%}.v-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.v-modal-header h3{color:#0f172a;font-size:18px;font-weight:800;margin:0}.v-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px}.v-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;font-weight:600;margin-bottom:16px;padding:10px 14px}.v-modal-form{gap:16px}.v-modal-form,.v-modal-group{display:flex;flex-direction:column}.v-modal-group{gap:6px}.v-modal-group label{color:#334155;font-size:12px;font-weight:700}.v-modal-group input,.v-modal-group select,.v-modal-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:13px;outline:none;padding:9px 12px}.v-modal-group input:focus,.v-modal-group select:focus,.v-modal-group textarea:focus{background:#fff;border-color:#0284c7}.v-modal-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.v-modal-grid-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.v-modal-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:16px}.btn-cancel{background:#f1f5f9;color:#475569;padding:10px 18px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700}.btn-save{background:#0284c7;box-shadow:0 4px 12px #0284c740;color:#fff;padding:10px 20px}.btn-save:hover:not(:disabled){background:#0369a1}@media (max-width:640px){.v-modal-grid-2,.v-modal-grid-3{grid-template-columns:1fr}}.v-orders-page{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;padding:28px 24px 80px}.v-orders-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.v-orders-header h1{color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.v-orders-header p{color:#64748b;font-size:14px;margin:0}.btn-refresh-orders{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:all .2s ease}.btn-refresh-orders:hover{background:#f1f5f9;border-color:#94a3b8}.v-toast{animation:slideIn .3s ease;border-radius:10px;box-shadow:0 10px 25px #00000026;font-size:13px;font-weight:700;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:2000}.v-toast.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.v-toast.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.v-orders-toolbar{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-tabs,.v-orders-toolbar{align-items:center;display:flex}.filter-tabs{background:#e2e8f0;border-radius:12px;gap:8px;overflow-x:auto;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.tab-btn.active{background:#fff;box-shadow:0 2px 6px #00000014;color:#0f172a}.tab-pill-alert{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:800;padding:1px 6px}.order-search-box{min-width:260px;position:relative}.order-search-box input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;padding:9px 34px 9px 36px;width:100%}.order-search-box input:focus{border-color:#0284c7}.search-icon{font-size:13px;left:12px}.clear-btn,.search-icon{color:#94a3b8;position:absolute;top:50%;transform:translateY(-50%)}.clear-btn{background:none;border:none;cursor:pointer;font-size:12px;right:10px}.orders-state-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;padding:48px;text-align:center}.empty-emoji{display:block;font-size:40px;margin-bottom:12px}.orders-cards-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 14px #0f172a0a;overflow:hidden;transition:border-color .2s ease}.order-card.card-status-pending{border-left:6px solid #f59e0b}.order-card.card-status-accepted{border-left:6px solid #0284c7}.order-card.card-status-delivered{border-left:6px solid #10b981}.order-card.card-status-rejected{border-left:6px solid #ef4444}.card-top-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:14px 20px}.card-order-meta,.card-top-bar{align-items:center;display:flex}.card-order-meta{gap:16px}.order-no{color:#0f172a;font-size:15px;font-weight:800}.order-time{color:#64748b;font-size:12px}.status-pill{border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.pill-pending{background:#fef3c7;color:#b45309}.pill-accepted{background:#e0f2fe;color:#0284c7}.pill-delivered{background:#dcfce7;color:#15803d}.pill-rejected{background:#fee2e2;color:#b91c1c}.card-shop-section{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:18px 20px}.shop-details-box{align-items:flex-start;display:flex;gap:14px}.shop-icon{align-items:center;background:#eff6ff;border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.shop-title{color:#0f172a;font-size:16px;font-weight:800;margin:0 0 4px}.shop-contact{color:#475569;font-size:13px;margin:0 0 6px}.shop-address,.shop-notes{color:#64748b;font-size:12px;margin:0 0 4px}.reject-reason-note{background:#fef2f2;border-radius:6px;color:#b91c1c;display:inline-block;font-size:12px;margin-top:4px;padding:4px 8px}.order-amount-box{align-items:flex-end;display:flex;flex-direction:column}.amount-label{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.amount-val{color:#0284c7;font-size:22px;font-weight:900}.amount-items{color:#94a3b8;font-size:12px}.card-items-section{background:#fff;overflow-x:auto;padding:12px 20px}.mini-items-table{border-collapse:collapse;font-size:12px;width:100%}.mini-items-table th{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:11px;font-weight:700;padding:6px 10px;text-align:left}.mini-items-table td{border-bottom:1px solid #f8fafc;padding:8px 10px}.item-name-cell{color:#1e293b;font-weight:700}.item-barcode-cell{color:#94a3b8;font-family:monospace}.card-actions-bar{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.btn-action-invoice{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:all .2s ease}.btn-action-invoice:hover{background:#f1f5f9}.status-action-btns{align-items:center;display:flex;gap:10px}.btn-action-accept{background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 8px #10b98140;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:9px 18px;transition:all .2s ease}.btn-action-accept:hover:not(:disabled){background:#059669}.btn-action-reject{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s ease}.btn-action-reject:hover:not(:disabled){background:#ef4444;color:#fff}.btn-action-deliver{background:#0284c7;border:none;border-radius:8px;box-shadow:0 2px 8px #0284c740;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:9px 18px;transition:all .2s ease}.btn-action-deliver:hover:not(:disabled){background:#0369a1}.fulfilled-badge{background:#ecfdf5;color:#047857}.fulfilled-badge,.rejected-badge{border-radius:8px;font-size:13px;font-weight:800;padding:6px 14px}.rejected-badge{background:#fef2f2;color:#b91c1c}.reject-modal-desc{color:#475569;font-size:13px;line-height:1.5;margin-bottom:16px}.btn-reject-confirm{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px}.btn-reject-confirm:hover:not(:disabled){background:#dc2626}.v-report-page{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;padding:28px 24px 80px}.v-report-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.v-back-link{background:none;border:none;color:#0284c7;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:6px;padding:0}.v-report-header h1{color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.v-report-header p{color:#64748b;font-size:14px;margin:0}.report-actions{align-items:center;display:flex;gap:10px}.btn-print{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px;transition:all .2s ease}.btn-print:hover{background:#f1f5f9;border-color:#94a3b8}.btn-excel{background:#10b981;border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-size:13px;font-weight:800;padding:10px 18px;transition:all .2s ease}.btn-excel:hover{background:#059669;transform:translateY(-1px)}.v-report-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:16px;justify-content:space-between;margin-bottom:24px;padding:12px 18px}.date-pills,.v-report-filter-bar{align-items:center;display:flex;flex-wrap:wrap}.date-pills{gap:8px}.pill-btn{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px;transition:all .2s ease}.pill-btn.active{background:#0284c7;color:#fff}.custom-date-inputs{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.custom-date-inputs input{border:1.5px solid #e2e8f0;border-radius:8px;font-size:12px;padding:6px 10px}.shop-filter-wrap{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:700;gap:8px}.shop-filter-wrap select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none;padding:7px 14px}.v-report-kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.kpi-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;display:flex;flex-direction:column;gap:4px;padding:22px 20px}.kpi-box.blue{border-top:4px solid #0284c7}.kpi-box.green{border-top:4px solid #10b981}.kpi-box.purple{border-top:4px solid #8b5cf6}.kpi-box.amber{border-top:4px solid #f59e0b}.kpi-box-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.kpi-box-val{color:#0f172a;font-size:24px;font-weight:900}.kpi-box-sub{color:#94a3b8;font-size:12px;margin-top:2px}.report-tab-selector{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:16px;padding-bottom:1px}.report-tab-selector .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:700;padding:10px 18px;position:relative;transition:all .2s ease}.report-tab-selector .tab-btn:hover{color:#0f172a}.report-tab-selector .tab-btn.active{border-bottom-color:#0284c7;color:#0284c7}.report-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a08;overflow:hidden}.report-loading{color:#64748b;padding:48px;text-align:center}.report-table{border-collapse:collapse;font-size:13px;width:100%}.report-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.report-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;vertical-align:middle}.report-table tr:hover td{background:#f8fafc}.td-empty{color:#94a3b8;padding:36px 16px;text-align:center}.font-mono{color:#64748b;font-family:monospace}.text-green{color:#10b981}.status-badge-mini{border-radius:6px;display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;text-transform:uppercase}.status-badge-mini.accepted{background:#e0f2fe;color:#0284c7}.status-badge-mini.delivered{background:#dcfce7;color:#15803d}.status-badge-mini.pending{background:#fef3c7;color:#b45309}.status-badge-mini.rejected{background:#fee2e2;color:#b91c1c}@media print{body{background:#fff}.report-tab-selector,.v-back-link,.v-report-filter-bar,.v-report-header button{display:none!important}.report-card-container{border:none;box-shadow:none}}.vendor-navbar{background:#0f172a;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #00000040;color:#f8fafc;position:sticky;top:0;z-index:1000}.vendor-nav-container{align-items:center;display:flex;gap:20px;height:68px;justify-content:space-between;margin:0 auto;max-width:1320px;padding:0 20px}.vendor-brand{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.vendor-logo{height:38px;object-fit:contain;width:auto}.vendor-brand-text{display:flex;flex-direction:column}.vendor-brand-text .brand-name{color:#fff;font-size:19px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.vendor-badge{background:#38bdf81f;border-radius:4px;color:#38bdf8;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;margin-top:2px;padding:2px 6px;text-transform:uppercase}.vendor-links{gap:6px}.vendor-links,.vendor-nav-item{align-items:center;display:flex}.vendor-nav-item{border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:600;gap:8px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.vendor-nav-item:hover{background:#ffffff14;color:#fff}.vendor-nav-item.active{background:#38bdf81f;color:#38bdf8;font-weight:700}.vendor-nav-profile{align-items:center;display:flex;gap:14px}.vendor-avatar{align-items:center;background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:50%;box-shadow:0 2px 8px #0284c759;color:#fff;display:flex;font-size:15px;font-weight:800;height:36px;justify-content:center;width:36px}.vendor-user-meta{display:flex;flex-direction:column}.vendor-name-label{color:#f1f5f9;font-size:13px;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-cat-label{color:#94a3b8;font-size:11px}.vendor-logout-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:12px;font-weight:700;padding:6px 14px;transition:all .2s ease}.vendor-logout-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.vendor-nav-mobile-profile{display:none}.vendor-hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px}.vendor-hamburger span{background:#f8fafc;border-radius:2px;height:2.5px;transition:all .25s ease;width:100%}.vendor-hamburger.open span:first-child{transform:translateY(8.5px) rotate(45deg)}.vendor-hamburger.open span:nth-child(2){opacity:0}.vendor-hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}@media (max-width:900px){.vendor-nav-profile{display:none}.vendor-hamburger{display:flex}.vendor-links{align-items:stretch;background:#0f172a;border-bottom:1px solid #ffffff1a;box-shadow:0 10px 25px #0006;display:none;flex-direction:column;gap:10px;left:0;padding:16px;position:absolute;right:0;top:68px}.vendor-links.open{display:flex}.vendor-nav-mobile-profile{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:8px;padding-top:14px}.mobile-vendor-info{display:flex;flex-direction:column}.mobile-vendor-name{color:#fff;font-size:14px;font-weight:700}.mobile-vendor-cat{color:#94a3b8;font-size:11px}}.portal-selector-page{align-items:center;background:radial-gradient(ellipse at top,#0f172a 0,#070b14 60%,#020617 100%);color:#f1f5f9;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:60px 20px}.portal-selector-container{margin:0 auto;max-width:1200px;width:100%}.portal-selector-header{margin-bottom:48px;text-align:center}.brand-badge{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:30px;display:inline-flex;gap:10px;margin-bottom:20px;padding:8px 18px}.portal-logo{height:24px;object-fit:contain;width:24px}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.portal-selector-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.portal-selector-header p{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 auto;max-width:640px}.portal-cards-grid{grid-gap:28px;align-items:stretch;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.portal-access-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f172abf;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 10px 30px -5px #00000080;display:flex;flex-direction:column;justify-content:space-between;padding:36px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.portal-access-card:hover{box-shadow:0 20px 40px -10px #000000b3;transform:translateY(-6px)}.portal-access-card.user-portal:hover{border-color:#38bdf880;box-shadow:0 20px 40px -10px #38bdf833}.portal-access-card.shop-portal.featured,.portal-access-card.shop-portal:hover{border-color:#8b5cf680;box-shadow:0 20px 40px -10px #8b5cf640}.portal-access-card.vendor-portal:hover{border-color:#22c55e80;box-shadow:0 20px 40px -10px #22c55e33}.featured-banner{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:20px;box-shadow:0 4px 12px #6366f166;color:#fff;font-size:10.5px;font-weight:800;left:50%;letter-spacing:1px;padding:4px 14px;position:absolute;top:-12px;transform:translateX(-50%)}.role-tag{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:20px;padding:4px 10px;text-transform:uppercase}.user-tag{background:#38bdf826;border:1px solid #38bdf84d;color:#38bdf8}.shop-tag{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa}.vendor-tag{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.role-avatar{align-items:center;border-radius:16px;display:flex;font-size:40px;height:68px;justify-content:center;margin-bottom:20px;width:68px}.user-avatar{background:#38bdf81f;border:1px solid #38bdf840}.shop-avatar{background:#8b5cf61f;border:1px solid #8b5cf640}.vendor-avatar{background:#22c55e1f;border:1px solid #22c55e40}.portal-access-card h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.role-description{color:#94a3b8;font-size:14px;line-height:1.5;margin-bottom:24px;min-height:64px}.portal-features-list{border-bottom:1px solid #94a3b81a;border-top:1px solid #94a3b81a;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:18px 0}.p-feat{align-items:center;color:#cbd5e1;display:flex;font-size:13px;gap:10px}.portal-actions{display:flex;flex-direction:column;gap:12px}.btn-portal-primary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:13px 20px;transition:all .25s ease;width:100%}.btn-portal-primary.user-btn{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 14px #0ea5e959;color:#fff}.btn-portal-primary.user-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0ea5e980;transform:translateY(-1px)}.btn-portal-primary.shop-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 14px #8b5cf659;color:#fff}.btn-portal-primary.shop-btn:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 6px 20px #8b5cf680;transform:translateY(-1px)}.btn-portal-primary.vendor-btn{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 14px #22c55e59;color:#fff}.btn-portal-primary.vendor-btn:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 6px 20px #22c55e80;transform:translateY(-1px)}.portal-register-text{color:#94a3b8;font-size:13px;text-align:center}.portal-register-text a{color:#38bdf8;font-weight:600;text-decoration:none;transition:color .2s}.portal-register-text a:hover{color:#7dd3fc;text-decoration:underline}.portal-selector-footer{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:48px;text-align:center}.back-home-link,.help-link{color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.back-home-link:hover,.help-link:hover{color:#fff}.divider-dot{color:#475569}@media (max-width:980px){.portal-cards-grid{grid-template-columns:1fr;margin:0 auto;max-width:480px}}