@import"https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@306&display=swap";.all{background-image:linear-gradient(to right,#ff0,red)}.fontLogin{font-family:Assistant,sans-serif;font-optical-sizing:auto;font-weight:10px;font-style:normal}.bg{color:#040d64;height:100vh}.centerTxtBox{margin:0 auto;width:400px}.centerImage{display:block;margin:0 auto;width:200px;height:auto}.centerButton{margin:20px auto 0;display:block;max-width:400px;width:100%}.fitImage{object-fit:cover}.coolinput{display:flex;flex-direction:column;width:100%;position:static;max-width:400px;margin:0 auto}.coolinput label.text{font-size:.75rem;color:#fff;font-weight:700;position:relative;top:.5rem;margin:0 0 0 7px;padding:0 3px;background:#0020734d;width:fit-content}.coolinput input[type=text].input{padding:11px 10px;font-size:.75rem;border:2px #818CF8 solid;border-radius:5px;background:#e8e8e8}.coolinput input[type=text].input:focus{outline:none}.coolinput input[type=password].input{padding:11px 10px;font-size:.75rem;border:2px #818CF8 solid;border-radius:5px;background:#e8e8e8}.coolinput input[type=password].input:focus{outline:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.all{background:linear-gradient(45deg,#ff6b35,#f7931e,#ffd23f,#ff6b35);background-size:400% 400%;animation:gradientShift 8s ease infinite;position:relative;overflow:hidden;height:100vh;max-height:100vh}.all:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}@media (max-width: 768px){.container-fluid.all{padding:15px 10px;min-height:100vh!important;height:auto!important;overflow-y:auto!important}.glassmorphism-card{margin:0 10px;padding:1rem}.login-card-container{max-height:none!important;overflow:visible!important}.mb-3{margin-bottom:1rem!important}input,button{font-size:16px!important}.login-card-container>div{min-height:auto!important;height:auto!important}button{padding:10px 12px!important;font-size:.9rem!important}.mb-2,.mb-3,.text-center{margin-bottom:0!important}.glassmorphism-container{min-height:550px!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-bottom:2rem!important;box-sizing:border-box!important;margin-top:1.5rem!important}.login-card-container .glassmorphism-container{min-height:550px!important}.glassmorphism-content{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important}}@media (min-width: 769px){.container-fluid.all{height:100vh;max-height:100vh;padding:0}.login-card-container{max-width:400px!important;margin:0 auto!important}}@media (min-width: 1200px){.login-card-container{max-width:380px!important}}input:focus{background:#fffffff2!important;transform:translateY(-2px)!important;box-shadow:0 12px 35px #00000026!important}button:hover:not(:disabled){box-shadow:0 15px 40px #28a74566!important}button:active:not(:disabled){transform:translateY(1px)!important}button:disabled{position:relative}button:disabled:after{content:"";position:absolute;top:50%;left:20px;width:16px;height:16px;margin-top:-8px;border:2px solid transparent;border-top:2px solid rgba(255,255,255,.6);border-radius:50%;animation:spin 1s linear infinite}.Toastify__toast-container{width:420px!important;padding:0 15px!important}.Toastify__toast{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 20px 60px #0003!important;margin-bottom:15px!important;padding:16px 20px!important;position:relative!important;overflow:hidden!important;animation:toastSlideIn .5s cubic-bezier(.25,.46,.45,.94)!important}.Toastify__toast--success{background:linear-gradient(135deg,#28a7451a,#20c9971a)!important;border-left:4px solid #28a745!important}.Toastify__toast--error{background:linear-gradient(135deg,#e74c3c1a,#ff6b7a1a)!important;border-left:4px solid #e74c3c!important}.Toastify__toast-body{color:#2c3e50!important;font-weight:600!important;font-size:.95rem!important;font-family:Assistant,sans-serif!important;line-height:1.4!important;padding:0!important;margin:0!important}.Toastify__progress-bar{background:linear-gradient(135deg,#28a745,#20c997)!important;height:4px!important;border-radius:0 0 15px 15px!important;animation-duration:3s!important;animation-timing-function:linear!important;animation-fill-mode:forwards!important}.Toastify__progress-bar--error{background:linear-gradient(135deg,#e74c3c,#ff6b7a)!important}.Toastify__close-button{color:#6c757d!important;opacity:.7!important;align-self:flex-start!important;margin-top:2px!important;transition:all .2s ease!important}.Toastify__close-button:hover{color:#495057!important;opacity:1!important;background:#0000001a!important;border-radius:50%!important}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.Toastify__toast-icon{margin-right:12px!important;width:24px!important;height:24px!important}@media (max-width: 768px){.Toastify__toast-container{width:95%!important;padding:0 10px!important;left:50%!important;transform:translate(-50%)!important}.Toastify__toast{margin-bottom:10px!important;padding:14px 16px!important}.Toastify__toast-body{font-size:.9rem!important}}@keyframes taglineGlow{0%{box-shadow:0 8px 32px #0000001a,inset 0 2px 8px #fff3,0 0 20px #ffffff4d}to{box-shadow:0 12px 40px #00000026,inset 0 3px 12px #ffffff4d,0 0 30px #ffffff80}}.Toastify__toast-container{z-index:999999!important}.Toastify__toast{animation:slideIn .3s ease-in-out;min-height:auto!important;cursor:pointer!important}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--info,.Toastify__toast--warning{animation:slideIn .3s ease-in-out,slideOut .3s ease-in-out 2.7s forwards}.Toastify__progress-bar{background:linear-gradient(135deg,#28a745,#20c997)!important;height:4px!important}.Toastify__close-button{opacity:1!important;color:#999!important}.sidebar{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#04253d;overflow-x:hidden;transition:.5s;padding-top:60px}.main{transition:margin-left .5s;padding:10px;background-color:#f0f0f0;height:100vh;overflow-y:auto}.cardBorder{border-radius:25px}.recharts-responsive-container{height:400px;width:500px}.custom-toast-container .Toastify__toast{width:auto!important;height:300px!important;text-align:center}.icon{width:100px;height:auto}.sidebar-modern{height:100vh!important;position:fixed!important;z-index:1000!important;top:0!important;left:0!important;overflow-x:hidden!important;transition:all .5s cubic-bezier(.25,.46,.45,.94)!important}.main{transition:all .5s cubic-bezier(.25,.46,.45,.94)!important;background:transparent!important;height:100vh!important;overflow-y:auto!important;position:relative!important}.nav-link{border-radius:12px!important;margin:5px 0!important;padding:12px 16px!important;transition:all .3s ease!important;font-weight:600!important}.nav-link:hover{background:#ffffff26!important;transform:translate(5px)!important;color:#fff!important}.nav-link.active{background:#fff3!important;box-shadow:0 4px 15px #0000001a!important}.dropdown-toggle{border-radius:12px!important;padding:10px!important;transition:all .3s ease!important}.dropdown-toggle:hover{background:#ffffff26!important}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;padding:20px 0}.Toastify__toast{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 20px 60px #0003!important;color:#2c3e50!important;font-weight:600!important;font-size:.95rem!important;animation:slideInRight .5s ease!important}.Toastify__progress-bar{animation-duration:3s!important;animation-timing-function:linear!important;animation-fill-mode:forwards!important}@media (max-width: 767.98px){.icon{width:60px;height:auto}.sidebar-modern{height:100vh!important}.main{margin-left:0!important;padding:15px!important}.card-grid{grid-template-columns:1fr;gap:15px;padding:15px 0}.col-lg-4>div,.col-6>div{height:300px!important;min-height:300px!important;max-height:300px!important}.col-lg-4>div>div:last-child,.col-6>div>div:last-child{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important}}@media (min-width: 768px) and (max-width: 1199.98px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.card-grid{grid-template-columns:repeat(3,1fr);gap:30px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.sidebar-divider{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);margin:20px 0}.sidebar-nav{list-style:none;padding:0;margin:0;flex:1}.sidebar-nav li{margin-bottom:10px}.sidebar-nav-link{display:flex;align-items:center;gap:15px;padding:16px 18px;color:#fff;text-decoration:none;border-radius:15px;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-weight:700;font-size:.98rem;background:#ffffff14;border:2px solid transparent;position:relative;overflow:hidden}.sidebar-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.sidebar-nav-link:hover:before{left:100%}.sidebar-nav-link:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:translate(8px) scale(1.02);color:#fff;border-color:#fff6;box-shadow:0 8px 25px #0003,0 0 20px #ffffff4d}.sidebar-nav li:nth-child(1) .sidebar-nav-link:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 8px 25px #ff6b6b66}.sidebar-nav li:nth-child(2) .sidebar-nav-link:hover{background:linear-gradient(135deg,#4ecdc4,#44a6c0);box-shadow:0 8px 25px #4ecdc466}.sidebar-nav li:nth-child(3) .sidebar-nav-link:hover{background:linear-gradient(135deg,#f7b731,#f79f1f);box-shadow:0 8px 25px #f7b73166}.sidebar-nav-link.active{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff80;box-shadow:0 8px 25px #0003,inset 0 1px #ffffff4d}.sidebar-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-user{margin-top:auto;padding-top:20px}.sidebar-user-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:12px 14px;border-radius:15px;transition:all .3s ease;background:#ffffff14;border:2px solid rgba(255,255,255,.2)}.sidebar-user-link:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;color:#fff;transform:scale(1.02);box-shadow:0 6px 20px #0003}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0003;transition:all .3s ease}.sidebar-user-link:hover .sidebar-user-avatar{border-color:#fff;box-shadow:0 6px 20px #ffffff4d}.sidebar-user-name{color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hide-on-desktop{display:none}@media (max-width: 767.98px){.hide-on-desktop{display:block!important}.epalengke-sidebar{z-index:2000}}.modern-navbar-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#ffeb3b,#ff5722);display:block;position:relative;padding:20px 20px 20px 0;left:0;transition:padding-left .5s cubic-bezier(.25,.46,.45,.94)}.modern-navbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid rgba(255,255,255,.3);padding:0;position:relative;width:100%;z-index:1000;box-shadow:0 8px 32px #1f268766;min-height:80px}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto;width:100%;min-height:60px}.sidebar-toggle-btn{background:#fff3;border:none;border-radius:10px;padding:10px 12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:10px}.sidebar-toggle-btn:hover{background:#ffffff4d;transform:scale(1.1)}.navbar-brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.navbar-logo{width:50px;height:50px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.brand-subtitle{font-size:.9rem;color:#fffc;font-weight:500}.navbar-menu{display:flex;gap:10px}.nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:.95rem}.nav-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.nav-item.active{background:linear-gradient(135deg,#ffd54f,#ff7043);border-color:#ffd54f99;box-shadow:0 8px 25px #ffb74d66}.nav-icon{font-size:1.2rem}.navbar-actions{display:flex;align-items:center;gap:15px}.profile-btn{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-weight:500;transition:all .3s ease;cursor:pointer}.profile-btn:hover{background:#fff3;transform:translateY(-1px)}.profile-avatar{width:35px;height:35px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.profile-name{font-size:.95rem}.modern-dropdown{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:15px;box-shadow:0 20px 40px #00000026;padding:8px;margin-top:8px}.modern-dropdown .dropdown-item{border-radius:8px;padding:10px 15px;font-weight:500;transition:all .2s ease}.modern-dropdown .dropdown-item:hover{background:#677eea1a;color:#667eea}.mobile-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px;color:#fff;transition:all .3s ease}.mobile-toggle:hover{background:#fff3}.mobile-menu{display:none;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.2);padding:20px;position:absolute;top:100%;left:0;right:0;transform:translateY(-100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.active{display:block;transform:translateY(0);opacity:1}.mobile-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:15px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;font-weight:500;margin-bottom:10px;transition:all .3s ease;font-size:1rem}.mobile-nav-item:hover,.mobile-nav-item.active{background:linear-gradient(135deg,#ffd54f,#ff7043);transform:translate(5px)}.modern-main-content{background:#f0f0f0;min-height:calc(100vh - 80px);border-radius:25px 25px 0 0;margin-top:-25px;position:relative;z-index:1}.store-section{margin-bottom:2.5rem;padding:1rem 0;position:relative;overflow:hidden}.store-section-header{position:relative;text-align:center;padding:1.2rem 1rem;margin-bottom:1.5rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #0000001a;overflow:hidden;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.store-section-header:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.store-section-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s}.store-section-header:hover:before{left:100%}.section-title{font-size:2.2rem;font-weight:800;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 8px rgba(0,0,0,.3);position:relative;z-index:2;animation:titleFloat 3s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-subtitle{font-size:1rem;margin-top:.3rem;opacity:.9;font-weight:500;letter-spacing:.8px;position:relative;z-index:2}.section-icon{font-size:2.8rem;margin-bottom:.5rem;animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.groceries-section .store-section-header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:3px solid rgba(79,172,254,.3)}.groceries-section .store-section-header:after{content:"🛒";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;animation:floatRight 4s ease-in-out infinite}.poultry-section .store-section-header{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;border:3px solid rgba(255,154,158,.3)}.poultry-section .store-section-header:after{content:"🐔";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;animation:floatRight 3.5s ease-in-out infinite}.meat-section .store-section-header{background:linear-gradient(135deg,#fc466b,#3f5efb);color:#fff;border:3px solid rgba(252,70,107,.3)}.meat-section .store-section-header:after{content:"🥩";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;animation:floatRight 4.2s ease-in-out infinite}.seafood-section .store-section-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:3px solid rgba(102,126,234,.3)}.seafood-section .store-section-header:after{content:"🐟";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;animation:floatRight 3.8s ease-in-out infinite}.vegetables-section .store-section-header{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:3px solid rgba(17,153,142,.3)}.vegetables-section .store-section-header:after{content:"🥬";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;animation:floatRight 4.5s ease-in-out infinite}.fruits-section .store-section-header{background:linear-gradient(135deg,#ff9a9e,#fecfef 50% 100%);color:#fff;border:3px solid rgba(255,154,158,.3)}.fruits-section .store-section-header:after{content:"🍎";position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.1;animation:floatRight 3.2s ease-in-out infinite}@keyframes floatRight{0%,to{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(-10px) rotate(5deg);opacity:.15}50%{transform:translateY(-5px) rotate(-3deg);opacity:.1}75%{transform:translateY(-15px) rotate(2deg);opacity:.12}}.section-decoration{position:absolute;width:100px;height:100px;border-radius:50%;opacity:.1;animation:decorationFloat 6s ease-in-out infinite}.section-decoration:nth-child(1){top:20%;left:10%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);animation-delay:0s}.section-decoration:nth-child(2){top:60%;right:15%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent);animation-delay:2s}@keyframes decorationFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-20px) scale(1.1)}66%{transform:translateY(10px) scale(.9)}}.store-count-badge{position:absolute;top:.8rem;right:.8rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem .8rem;border-radius:15px;font-weight:600;font-size:.8rem;border:1px solid rgba(255,255,255,.3);animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.sidebar{display:none}.main{background-color:#f0f0f0;overflow-y:auto}.carousel-container{scrollbar-width:thin;scrollbar-color:rgba(255,155,158,.5) transparent;cursor:grab;transition:cursor .2s ease;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.carousel-container:active{cursor:grabbing}.carousel-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.carousel-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffd54f,#ff7043);border-radius:10px;border:2px solid transparent;background-clip:content-box}.carousel-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffcc02,#f4511e);background-clip:content-box}.carousel-container.dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.card{border-radius:15px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:linear-gradient(145deg,#fff,#f8f9fa)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026!important}.carousel-container.dragging .card{pointer-events:none}.carousel-container.dragging .card:hover{transform:none;box-shadow:0 8px 25px #0000001a!important}@media (max-width: 768px){.main{padding:5px;height:auto;min-height:100vh}.carousel-container .col-4{display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:15px}.carousel-container .row{flex-direction:column;align-items:center}.carousel-container .col-8{text-align:center;width:100%}.carousel-container .card{min-width:280px!important;max-width:280px!important;margin:0 auto}.carousel-container .card-body{padding:20px 15px!important}.carousel-container .btn{font-size:14px;padding:8px 16px}.carousel-container .col-4>div{margin:0 auto}.carousel-container h4{font-size:1.1rem;text-align:center;margin-bottom:20px!important}.carousel-container{padding:10px 2px!important}.col-lg-12 h1{text-align:center;font-size:1.5rem;margin-bottom:10px}.carousel-container::-webkit-scrollbar{height:6px}.carousel-container .col-4.d-flex{min-height:100px;padding:10px}.carousel-container .col-4>div{margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important}.carousel-container .col-4 img{display:block;margin:0 auto}.carousel-container{padding:10px 0!important;margin:0 5px}.carousel-container .d-flex{padding:0 8px!important;gap:12px!important}.carousel-container .card{margin:0!important}.carousel-container>.d-flex>div{margin:0 6px!important;flex-shrink:0}.main{padding:5px 0!important}.container-fluid{padding-left:8px!important;padding-right:8px!important}.col-lg-12 h1{padding:0 12px}.navbar-content{padding:1rem}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.8rem}.navbar-logo{width:40px;height:40px}.desktop-menu{display:none}.mobile-toggle{display:block!important}.profile-name{display:none}.modern-main-content{margin-top:-15px;border-radius:15px 15px 0 0}}.categories-header{text-align:center;margin-bottom:2rem;animation:fadeInDown .8s ease-out}.categories-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 4px 10px rgba(102,126,234,.3)}.categories-subtitle{font-size:1.1rem;color:#666;font-weight:400}.category-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:0;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000014;border:2px solid transparent;overflow:hidden;position:relative;animation:fadeInUp .6s ease-out backwards}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s}.category-card:hover:before{left:100%}.category-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #667eea33;border-color:#667eea}.category-card-body{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.category-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.5rem;transition:all .4s ease;box-shadow:0 10px 25px #667eea4d}.category-card:hover .category-icon{transform:rotate(360deg) scale(1.1);box-shadow:0 15px 35px #667eea80}.category-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;transition:color .3s ease}.category-card:hover .category-name{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-description{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1rem;flex-grow:1}.category-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #667eea4d;width:100%}.category-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.category-btn:active{transform:translateY(0)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.category-card:nth-child(1){animation-delay:.1s}.category-card:nth-child(2){animation-delay:.2s}.category-card:nth-child(3){animation-delay:.3s}.category-card:nth-child(4){animation-delay:.4s}.category-card:nth-child(5){animation-delay:.5s}.category-card:nth-child(6){animation-delay:.6s}.category-card:nth-child(7){animation-delay:.7s}.category-card:nth-child(8){animation-delay:.8s}.category-card:nth-child(9){animation-delay:.9s}@media (max-width: 768px){.categories-title{font-size:2rem}.category-card-body{padding:1.5rem}.category-icon{width:60px;height:60px}.category-name{font-size:1.3rem}.category-description{font-size:.9rem}}.category-section{margin-bottom:3rem;animation:fadeInUp .6s ease-out}.category-header-banner{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden}.category-header-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s infinite ease-in-out}.category-header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.category-icon-large{width:80px;height:80px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0003}.category-section-title{font-size:2rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.category-section-subtitle{font-size:1rem;color:#ffffffe6;margin:.5rem 0 0;line-height:1.5}.category-description-wrapper{flex:1}.show-more-btn{background:none;border:none;color:#fff;font-weight:700;cursor:pointer;text-decoration:underline;padding:0;margin-left:5px;font-size:.95rem;transition:all .3s ease;display:inline}.show-more-btn:hover{opacity:.8;transform:translate(2px)}.category-store-count{position:relative;z-index:1;margin-top:1rem;text-align:center;display:flex;justify-content:center}.category-store-count span{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 20px;border-radius:20px;font-size:.95rem;font-weight:600;box-shadow:0 4px 15px #0000001a;display:inline-block}.carousel-container{position:relative}.carousel-container::-webkit-scrollbar{height:8px}.carousel-container::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}.carousel-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.carousel-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.carousel-container.dragging{scroll-behavior:auto!important}.carousel-container .card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea33!important}.carousel-container .card .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,10px) rotate(5deg)}50%{transform:translateY(20px) rotate(0)}75%{transform:translate(-10px,10px) rotate(-5deg)}}@media (max-width: 768px){.category-header-banner{padding:1.5rem}.category-header-content{flex-direction:column;text-align:center}.category-icon-large{width:60px;height:60px}.category-section-title{font-size:1.5rem}.category-section-subtitle{font-size:.9rem}.carousel-container .card{min-width:280px!important;max-width:280px!important}}.permit-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #00000026;transition:all .3s ease}.permit-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}.__react_modal_image__modal_container{background:#000000e6!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.__react_modal_image__modal_content{box-shadow:0 20px 60px #00000080!important;border-radius:12px;overflow:hidden}.__react_modal_image__icon_menu{position:absolute!important;top:20px!important;right:20px!important;background:#fff!important;border-radius:50%!important;padding:0!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 20px #0000004d!important;transition:all .3s ease!important;z-index:10001!important}.__react_modal_image__icon_menu:hover{transform:scale(1.1);box-shadow:0 6px 25px #00000080!important;background:#f5f5f5!important}.__react_modal_image__icon_menu a{color:#1e293b!important;font-size:32px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.__react_modal_image__close_button{width:48px!important;height:48px!important}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:15px}.loader-text{margin:0;color:#666;font-size:14px;font-weight:500;animation:fadeInOut 1.5s ease-in-out infinite}.spinner-loader{border:4px solid rgba(0,0,0,.1);border-top-color:#4caf50;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:24px;height:24px;border-width:3px}.spinner-medium{width:48px;height:48px;border-width:4px}.spinner-large{width:64px;height:64px;border-width:5px}.dots-loader{display:flex;gap:10px;align-items:center}.dot{width:12px;height:12px;background-color:#4caf50;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.pulse-loader{width:60px;height:60px;border-radius:50%;border:3px solid #4CAF50;position:relative;animation:pulse 1.5s ease-in-out infinite}.pulse-inner{width:100%;height:100%;background-color:#4caf50;border-radius:50%;animation:pulseInner 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes pulseInner{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:.8}}.skeleton-loader-container{display:flex;flex-direction:column;gap:12px;width:100%;padding:10px}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fullpage-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.fullpage-loader.with-overlay{background-color:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fullpage-loader-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a}.fullpage-loader-text{margin:0;color:#333;font-size:16px;font-weight:600}.inline-loader{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-right-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.progress-loader{width:100%;max-width:400px;display:flex;align-items:center;gap:15px}.progress-bar-bg{flex:1;height:8px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background-color:#4caf50;border-radius:10px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 1.5s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-percentage{min-width:45px;text-align:right;color:#666;font-weight:600;font-size:14px}.card-skeleton-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.card-skeleton{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-skeleton-image{width:100%;height:180px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.card-skeleton-content{padding:20px;display:flex;flex-direction:column;gap:12px}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.fullpage-loader-content{padding:30px 20px}.card-skeleton-container{grid-template-columns:1fr}.progress-loader{max-width:100%}}.Toastify__toast-container{z-index:9999!important}.Toastify__toast{animation:slideIn .3s ease-in-out;min-height:auto!important;cursor:pointer!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 10px 40px #0003!important;border-radius:12px!important;color:#2c3e50!important;opacity:1!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}.Toastify__toast--success{animation:slideIn .3s ease-in-out,slideOut .3s ease-in-out 2.7s forwards;background:#fff!important;border-left:4px solid #28a745!important;opacity:1!important}.Toastify__toast--error{animation:slideIn .3s ease-in-out,slideOut .3s ease-in-out 2.7s forwards;background:#fff!important;border-left:4px solid #dc3545!important;opacity:1!important}.Toastify__toast--info{animation:slideIn .3s ease-in-out,slideOut .3s ease-in-out 2.7s forwards;background:#fff!important;border-left:4px solid #17a2b8!important;opacity:1!important}.Toastify__toast--warning{animation:slideIn .3s ease-in-out,slideOut .3s ease-in-out 2.7s forwards;background:#fff!important;border-left:4px solid #ffc107!important;opacity:1!important}.Toastify__toast-body{color:#2c3e50!important;font-weight:600!important;font-size:.9rem!important;background:transparent!important}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.Toastify__progress-bar{background:linear-gradient(135deg,#667eea,#764ba2)!important;height:4px!important;opacity:1!important;animation-duration:3s!important;animation-timing-function:linear!important;animation-fill-mode:forwards!important}.Toastify__close-button{opacity:1!important;color:#6c757d!important;font-size:18px!important;font-weight:700!important;background:#0000000d!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.Toastify__close-button:hover{color:#495057!important;background:#0000001a!important}.epalengke-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem 1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.epalengke-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffd23f,#ff6b35,#f7931e,#ff6b35,#ffd23f);background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:0}.epalengke-background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.epalengke-content{position:relative;z-index:1;max-width:1000px;width:100%}.epalengke-header{text-align:center;margin-bottom:3rem;animation:slideInDown .6s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.epalengke-title{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:.5rem;letter-spacing:-.5px}.epalengke-subtitle{font-size:1.1rem;color:#ffffffe6;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2)}.epalengke-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.epalengke-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 40px #00000026;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}.epalengke-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0003;border-color:#ffffff80}.epalengke-card.selected{background:#fffffffa;box-shadow:0 30px 60px #00000040;transform:scale(1.02)}.card-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:1.5rem;box-shadow:0 8px 20px #0000001a;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-title{font-size:1.5rem;font-weight:800;color:#2c3e50;margin-bottom:.5rem;letter-spacing:-.3px}.card-description{color:#666;font-size:.95rem;font-weight:500;margin-bottom:1.5rem;line-height:1.5}.card-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.feature-badge{font-size:.85rem;color:#555;font-weight:600;padding:.4rem .8rem;background:#00000008;border-radius:8px;transition:all .2s ease}.feature-badge:hover{background:#0000000f;transform:translate(4px)}.card-button{width:100%;padding:1rem;font-size:1rem;font-weight:700;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000026;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;overflow:hidden}.card-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.card-button:active{transform:translateY(0);box-shadow:0 4px 15px #00000026}.card-shine{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);pointer-events:none;animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.selected-info{text-align:center;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0000001a;animation:slideInUp .5s ease-out}.selected-info p{font-size:1.1rem;color:#2c3e50;font-weight:600}.selected-info strong{color:#667eea;font-weight:800}@media (max-width: 768px){.epalengke-container{padding:1rem}.epalengke-title{font-size:1.8rem}.epalengke-subtitle{font-size:1rem}.epalengke-cards{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.epalengke-card{padding:1.5rem}.card-icon{width:70px;height:70px;font-size:2.5rem}.card-title{font-size:1.3rem}.card-description{font-size:.9rem}.card-button{padding:.9rem;font-size:.95rem}}@media (prefers-color-scheme: dark){.epalengke-card{background:#ffffffeb}.card-title{color:#1a202c}.card-description{color:#4a5568}}.registration-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}@media (max-width: 768px){.form-row{flex-direction:column}}.form-group{flex:1}.form-group label{display:block;color:#fff;font-weight:700;font-size:.85rem;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-input{width:100%;padding:12px 16px;font-size:.9rem;border:none;border-radius:12px;background:#ffffffe6;box-shadow:0 6px 20px #0000001a;transition:all .3s ease;outline:none}.form-input:focus{transform:translateY(-1px);box-shadow:0 8px 25px #00000026}.form-input.input-error{border:2px solid #e74c3c;box-shadow:0 6px 20px #e74c3c33}.password-input-wrapper{position:relative}.password-input{padding-right:45px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6c757d;font-size:1.1rem;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{background:#0000001a;color:#495057}.create-account-btn{width:100%;padding:15px;font-size:1rem;font-weight:700;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;box-shadow:0 6px 20px #0003;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:1rem}.create-account-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.create-account-btn.disabled{background:linear-gradient(135deg,#6c757d,#adb5bd);cursor:not-allowed;opacity:.6}.otp-icon{display:inline-block;padding:20px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;margin-bottom:20px;box-shadow:0 10px 30px #4caf504d;animation:logoFloat 3s ease-in-out infinite}.otp-icon span{font-size:2.5rem;color:#fff}.otp-description{color:#ffffffe6;font-size:.9rem;margin:0 0 10px;line-height:1.4}.mobile-number{color:#ffd622;font-size:1rem;font-weight:700;margin:0 auto;text-shadow:0 2px 4px rgba(0,0,0,.3);background:#ffd6221a;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,214,34,.3);display:inline-block}.otp-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.otp-input{width:50px;height:50px;font-size:1.2rem;font-weight:700;text-align:center;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffffe6;outline:none;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.otp-input:focus{border-color:#4caf50;box-shadow:0 0 15px #4caf504d;transform:scale(1.05)}.otp-input.input-error{border-color:#e74c3c;box-shadow:0 6px 20px #e74c3c33}@media (max-width: 768px){.otp-input{width:45px;height:45px}}.otp-error{text-align:center;margin-bottom:20px}.verify-otp-btn{width:100%;padding:15px;font-size:1rem;font-weight:700;border:none;border-radius:12px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;cursor:pointer;box-shadow:0 6px 20px #0003;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:15px}.verify-otp-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.verify-otp-btn.disabled{background:linear-gradient(135deg,#6c757d,#adb5bd);cursor:not-allowed;opacity:.6}.resend-otp{display:flex;align-items:center;justify-content:center;gap:8px;color:#fffc;font-size:.85rem}.resend-btn{background:none;border:none;color:#ffd622;cursor:pointer;font-weight:700;font-size:.85rem;text-decoration:underline;transition:all .3s ease;padding:2px 4px}.resend-btn:hover:not(.disabled){color:#ffed4e;text-shadow:0 0 8px rgba(255,214,34,.5)}.resend-btn.disabled{color:#6c757d;text-decoration:none;cursor:not-allowed}.error-message{color:#e74c3c;font-size:.75rem;margin-top:4px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);display:flex;align-items:center;gap:4px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{overflow-x:hidden;width:100%;max-width:100vw}.register-business-container{min-height:100vh;background:transparent;width:100%;max-width:100vw;overflow-x:hidden;position:relative;left:0;padding:20px 20px 20px 0;transition:padding-left .5s cubic-bezier(.25,.46,.45,.94)}.register-business-container:before{display:none}.register-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;margin-bottom:30px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;gap:15px;animation:slideInUp .6s ease;border:1px solid rgba(255,255,255,.3);position:relative}.sidebar-toggle-btn{background:linear-gradient(135deg,#ff5722,#ff9800);border:none;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #ff57224d}.header-content{width:100%;text-align:center}.register-content{position:relative;z-index:1;width:100%;max-width:100%;padding:0;display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .8s ease}.register-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:2rem;box-shadow:0 20px 60px #00000026,0 0 40px #667eea1a;width:100%;max-width:100%;animation:slideUp .6s cubic-bezier(.25,.46,.45,.94);border:2px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.register-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-container{margin-bottom:1.25rem;overflow-x:hidden;overflow-y:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch;margin-left:-25px;margin-top:10px}.progress-steps{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;position:relative;min-width:350px;padding:0 5px;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 70px;width:70px;position:relative;z-index:2}.progress-step:not(:last-child):before{content:"";position:absolute;top:16px;left:35px;width:70px;height:2px;background:#e0e0e0;z-index:0}.progress-step.completed:not(:last-child):before{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.progress-step.active:not(:last-child):before{background:linear-gradient(90deg,#667eea 50%,#e0e0e0 50%)}.step-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#999;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:3;box-shadow:0 4px 12px #0000001a}.progress-step.active .step-circle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 6px 20px #667eea66;transform:scale(1.15);animation:pulseCircle 2s ease-in-out infinite}@keyframes pulseCircle{0%,to{box-shadow:0 6px 20px #667eea66}50%{box-shadow:0 6px 20px #667eea66,0 0 0 8px #667eea33}}.progress-step.completed .step-circle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:scale(1.05)}.step-title{font-size:.7rem;font-weight:700;color:#666;text-align:center;white-space:normal;max-width:65px;line-height:1.1}.progress-step.active .step-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.progress-step.completed .step-title{color:#764ba2;font-weight:700}.progress-container::-webkit-scrollbar{height:3px}.progress-container::-webkit-scrollbar-track{background:#0000000d}.progress-container::-webkit-scrollbar-thumb{background:#00b14f4d;border-radius:2px}.step-header{text-align:center;margin-bottom:2rem;position:relative}.step-icon{display:inline-flex;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:1rem;box-shadow:0 10px 30px #667eea4d,0 0 20px #764ba233;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-header h2{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.step-header p{font-size:1rem;color:#666;padding:0 1rem;font-weight:500}.form-container{margin-bottom:1.15rem}.form-step{animation:fadeIn .4s ease}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;font-weight:700;font-size:.95rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;font-size:.95rem;border:2px solid transparent;border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;outline:none;box-shadow:0 4px 12px #0000000d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea26,0 8px 24px #667eea33;transform:translateY(-2px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group textarea{resize:vertical;min-height:100px}.char-count{display:block;font-size:.73rem;color:#999;margin-top:3px;text-align:right}.error-message{display:block;color:#e74c3c;font-size:.73rem;margin-top:3px;font-weight:500}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#999;z-index:1}.input-with-icon input{padding-left:40px}.form-row{display:grid;grid-template-columns:1fr;gap:.95rem}.readonly-input{background:#e9ecef!important;cursor:not-allowed;color:#6c757d}.info-box{display:flex;align-items:flex-start;gap:10px;padding:11px;background:#e8f5e9;border-left:3px solid #00B14F;border-radius:7px;margin-top:1rem}.info-box svg{font-size:1.2rem;color:#00b14f;flex-shrink:0;margin-top:1px}.info-box p{margin:0;font-size:.8rem;color:#2e7d32;line-height:1.4}.info-box.warning{background:#fff3cd;border-left-color:#ffc107}.info-box.warning svg{color:#ffc107}.info-box.warning p{color:#856404}.upload-section{display:flex;flex-direction:column;gap:1.15rem}.file-upload{position:relative}.file-upload input[type=file]{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.35rem;border:2px dashed #e0e0e0;border-radius:10px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;min-height:105px}.file-upload-label:hover{border-color:#00b14f;background:#e8f5e9}.file-upload.error .file-upload-label{border-color:#e74c3c}.file-upload-label svg{font-size:2.1rem;color:#00b14f;margin-bottom:6px}.file-upload-label span{font-weight:600;color:#333;margin-bottom:3px;font-size:.85rem}.file-upload-label small{font-size:.75rem;color:#999}.file-preview{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.file-preview img{max-width:160px;max-height:120px;border-radius:7px;object-fit:cover;box-shadow:0 3px 10px #00000014}.file-name{font-size:.8rem;color:#333;font-weight:500;text-align:center;word-break:break-word}.upload-buttons-container{display:flex;gap:.75rem;width:100%;flex-wrap:wrap}.upload-button-wrapper{flex:1;min-width:45%}.btn-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.75rem 1.25rem;border:3px dashed rgba(102,126,234,.3);border-radius:16px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:120px;width:100%;gap:.75rem;position:relative;overflow:hidden}.btn-upload:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.btn-upload:hover:before{left:100%}.btn-upload:hover{border-color:#667eea;background:#667eea0d;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.btn-upload.camera{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.btn-upload.camera:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.btn-upload svg{font-size:2.5rem;color:#667eea;transition:transform .3s ease}.btn-upload:hover svg{transform:scale(1.1)}.btn-upload span{font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.95rem}.file-preview-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;border-radius:16px;box-shadow:0 8px 24px #667eea26}.file-preview-card img{max-width:200px;max-height:160px;border-radius:12px;object-fit:cover;box-shadow:0 6px 20px #00000026;transition:transform .3s ease}.file-preview-card img:hover{transform:scale(1.05)}.file-preview-card .file-name{font-size:.95rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-align:center;word-break:break-word}.btn-change-file{padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.9rem;box-shadow:0 4px 12px #667eea4d}.btn-change-file:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-change-file:active{transform:translateY(0)}.form-navigation{display:flex;flex-direction:column-reverse;justify-content:space-between;gap:.7rem;padding-top:1.15rem;border-top:1px solid #e0e0e0}.btn-secondary,.btn-primary,.btn-submit{padding:16px 32px;font-size:1rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;position:relative;overflow:hidden}.btn-secondary{background:#ffffffe6;color:#667eea;border:2px solid #667eea;box-shadow:0 4px 12px #667eea26}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.btn-secondary:active{transform:translateY(0)}.btn-primary,.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea66;position:relative}.btn-primary:before,.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before,.btn-submit:hover:before{left:100%}.btn-primary:hover,.btn-submit:hover{transform:translateY(-3px);box-shadow:0 12px 32px #667eea80}.btn-primary:active,.btn-submit:active{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.btn-submit:disabled{background:linear-gradient(135deg,#ccc,#aaa);cursor:not-allowed;box-shadow:none;opacity:.6}.btn-submit:disabled:hover{transform:none}.info-sidebar{display:flex;flex-direction:column;gap:1.15rem}.info-card{background:#fff;border-radius:14px;padding:1.05rem;box-shadow:0 8px 25px #00000014}.info-card h3{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.info-card ul{list-style:none;padding:0;margin:0}.info-card ul li{padding:5px 0;font-size:.85rem;color:#555;display:flex;align-items:center;gap:6px}.info-card p{margin:.4rem 0;font-size:.85rem;color:#555;line-height:1.5}.info-card strong{color:#00b14f}@media (min-width: 769px){.register-business-container:before{height:400px}.register-header{padding:2rem;max-width:1400px;margin:0 auto 2rem;flex-direction:row;align-items:center;gap:20px}.header-buttons{width:auto;order:0}.header-content{flex:1;text-align:left}.header-content h1{font-size:2rem;justify-content:flex-start}.header-content h1 svg{font-size:inherit}.header-content p{font-size:1rem}.back-button{padding:10px 20px;font-size:.95rem}.header-content h1{font-size:2.5rem}.header-content p{font-size:1.1rem}.register-content{max-width:1400px;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr 320px;gap:30px}.register-card{padding:2.5rem;border-radius:24px}.progress-container{overflow-x:visible}.progress-steps{max-width:700px;min-width:auto;padding:0 25px;margin:0 auto;justify-content:space-between}.progress-step{flex:1;width:auto}.progress-step:not(:last-child):before{top:25px;left:calc(50% + 25px);width:calc(100% - 50px);height:3px}.step-circle{width:50px;height:50px;font-size:1.5rem;border:4px solid #e0e0e0}.progress-step.active .step-circle,.progress-step.completed .step-circle{border:4px solid #00B14F}.step-title{font-size:.85rem;white-space:nowrap;max-width:none}.form-row{grid-template-columns:1fr 1fr;gap:1rem}.form-navigation{flex-direction:row}.btn-secondary,.btn-primary,.btn-submit{width:auto;padding:14px 32px;font-size:1rem}.btn-primary,.btn-submit{margin-left:auto}}.react-select__control{border:1px solid #e0e0e0!important;border-radius:8px!important;padding:4px 2px!important;font-size:.95rem!important;transition:all .3s ease!important;box-shadow:none!important;min-height:45px!important}.react-select__control:hover{border-color:#00b14f!important}.react-select__control--is-focused{border-color:#00b14f!important;box-shadow:0 0 0 3px #00b14f1a!important}.react-select__placeholder{color:#999!important;font-size:.95rem!important}.react-select__single-value{color:#333!important;font-size:.95rem!important}.react-select__menu{border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;z-index:100!important}.react-select__menu-list{padding:4px!important}.react-select__option{padding:10px 12px!important;cursor:pointer!important;font-size:.95rem!important;border-radius:6px!important;margin:2px 0!important}.react-select__option--is-focused{background-color:#e8f5e9!important;color:#333!important}.react-select__option--is-selected{background-color:#00b14f!important;color:#fff!important}.react-select__indicator-separator{background-color:#e0e0e0!important}.react-select__dropdown-indicator{color:#999!important}.react-select__dropdown-indicator:hover{color:#00b14f!important}.react-select__clear-indicator{color:#999!important}.react-select__clear-indicator:hover{color:#e74c3c!important}.react-select-error .react-select__control{border-color:#e74c3c!important}.react-select-error .react-select__control:hover,.react-select-error .react-select__control--is-focused{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c1a!important}.loader-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px}.loader-content{text-align:center;animation:fadeIn .5s ease-in}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}.loader-content h2{color:#fff;font-size:1.5rem;margin-bottom:8px;font-weight:600}.loader-content p{color:#ffffffe6;font-size:.95rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradientShift{0%,to{background-position:0% 0%}50%{background-position:0% 100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.manage-business-container{font-family:Assistant,sans-serif;min-height:100vh;padding:20px;position:relative;z-index:1;transition:margin-left .5s cubic-bezier(.25,.46,.45,.94)}.sidebar-toggle-btn{background:linear-gradient(135deg,#ff5722,#ff9800);border:none;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #ff57224d;margin-right:15px}.sidebar-toggle-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #ff572280}.manage-business-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;margin-bottom:30px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;gap:15px;animation:slideInUp .6s ease;border:1px solid rgba(255,255,255,.3);position:relative}.header-buttons{display:flex;gap:10px;justify-content:flex-end;width:100%}.btn-back{background:linear-gradient(135deg,#ff5722,#ff9800);border:none;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #ff57224d}.btn-back:hover{transform:translate(-5px) scale(1.05);box-shadow:0 6px 20px #ff572266}.header-content{width:100%;text-align:left}.header-content h1{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ff5722,#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.header-content h1 svg{color:#ff5722;-webkit-text-fill-color:#ff5722;font-size:1.8rem}.header-content p{margin:8px 0 0;color:#666;font-size:.9rem;font-weight:500}.manage-business-content{animation:fadeIn .8s ease}.business-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;animation:slideInUp .7s ease}.business-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:0;box-shadow:0 15px 40px #0000001a;border:1px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;animation:slideInUp .6s ease;animation-fill-mode:both}.business-card:nth-child(1){animation-delay:.1s}.business-card:nth-child(2){animation-delay:.2s}.business-card:nth-child(3){animation-delay:.3s}.business-card:nth-child(4){animation-delay:.4s}.business-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 60px #0003;border-color:#ff572280}.card-header{background:linear-gradient(135deg,#ff5722,#ff9800,#ffeb3b);padding:25px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.business-icon{width:60px;height:60px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 20px #00000026;position:relative;z-index:1}.status-badge{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:25px;font-weight:700;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;position:relative;z-index:1}.status-badge svg{font-size:1.2rem}.card-body{padding:25px}.card-body h3{font-size:1.5rem;font-weight:800;color:#2c3e50;margin:0 0 12px;line-height:1.3}.business-description{color:#7f8c8d;font-size:.95rem;line-height:1.6;margin:0 0 20px;font-weight:500}.business-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;gap:10px;color:#555;font-size:.9rem;font-weight:600}.info-row svg{color:#ff5722;font-size:1.3rem}.card-footer{padding:20px 25px;background:#ff57220d;border-top:1px solid rgba(255,87,34,.1)}.btn-view-details{width:100%;padding:14px 24px;background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #ff57224d}.btn-view-details:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff572266}.btn-view-details svg{font-size:1.3rem}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;animation:fadeIn .5s ease}.loader{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #ff5722;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container p{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.empty-state{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 20px 60px #00000026;border:1px solid rgba(255,255,255,.3);animation:slideInUp .6s ease}.empty-state svg{font-size:6rem;color:#ff5722;opacity:.3;margin-bottom:20px}.empty-state h2{font-size:2rem;font-weight:800;color:#2c3e50;margin:0 0 12px}.empty-state p{color:#7f8c8d;font-size:1.1rem;font-weight:500;margin:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0000004d;animation:slideInUp .4s ease}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ff57224d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ff572280}.modal-header{background:linear-gradient(135deg,#ff5722,#ff9800,#ffeb3b);padding:30px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.modal-header h2{color:#fff;font-size:1.8rem;font-weight:800;margin:0;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.btn-close-modal{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:1.8rem;position:relative;z-index:1}.btn-close-modal:hover{background:#fff6;transform:rotate(90deg) scale(1.1)}.modal-body{padding:35px}.detail-section{margin-bottom:35px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:1.3rem;font-weight:800;color:#2c3e50;margin:0 0 20px;display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid rgba(255,87,34,.2)}.detail-section h3 svg{color:#ff5722;font-size:1.5rem}.status-badge-large{display:inline-flex;align-items:center;gap:12px;padding:15px 25px;border-radius:30px;font-weight:800;font-size:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #0000001a}.status-badge-large svg{font-size:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{background:#ff57220d;padding:18px;border-radius:12px;border-left:4px solid #ff5722}.detail-item label{display:block;font-size:.85rem;font-weight:700;color:#ff5722;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-item p{margin:0;font-size:1rem;font-weight:600;color:#2c3e50;word-break:break-word}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.document-card{background:#ff57220d;border-radius:15px;padding:15px;text-align:center;border:2px solid rgba(255,87,34,.1);transition:all .3s ease}.document-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff572226;border-color:#ff57224d}.document-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:12px;box-shadow:0 4px 15px #0000001a}.document-card p{font-size:.95rem;font-weight:700;color:#2c3e50;margin:0 0 12px}.btn-view-doc{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px #ff57224d}.btn-view-doc:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff572266}@media (max-width: 767.98px){.manage-business-container{padding:15px}.business-grid{grid-template-columns:1fr;gap:20px}}@media (min-width: 768px){.manage-business-header{flex-direction:row;align-items:center;gap:20px;padding:25px}.header-buttons{width:auto;order:0}.header-content{flex:1;text-align:left}.header-content h1{font-size:2rem;justify-content:flex-start}.header-content h1 svg{font-size:inherit}.header-content p{font-size:1rem}.card-body h3{font-size:1.3rem}.modal-content{max-width:100%;margin:0}.modal-body{padding:25px}.detail-grid{grid-template-columns:1fr;gap:15px}.documents-grid{grid-template-columns:1fr}.status-badge-large{font-size:1rem;padding:12px 20px}}@media (min-width: 768px) and (max-width: 1199.98px){.business-grid,.documents-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.business-grid{grid-template-columns:repeat(3,1fr)}}.fontDashboard{font-family:Assistant,sans-serif;font-optical-sizing:auto;font-weight:10px;font-style:normal}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(2deg)}50%{transform:translateY(-10px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(1deg)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sidebar-modern{height:100vh!important;position:fixed!important;z-index:1000!important;top:0!important;left:0!important;overflow-x:hidden!important;overflow-y:auto!important;transition:all .3s ease!important}.main{transition:all .3s ease!important;background:transparent!important;min-height:100vh!important;overflow-y:auto!important;position:relative!important}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.main::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.main::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-link{border-radius:8px!important;margin:2px 0!important;padding:8px 12px!important;transition:all .3s ease!important;font-weight:500!important;cursor:pointer!important;color:#bdc3c7!important}.nav-link:hover{background:#34495ecc!important;color:#fff!important}.nav-link.active{background:#34495e!important;color:#fff!important;font-weight:600!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.table{border-collapse:collapse!important;width:100%!important}.table thead tr{background:#f8f9fa!important}.table tbody tr:hover{background:#f8f9fa!important;transition:background .2s ease!important}@media (min-width: 768px){.hide-on-desktop{display:none!important}}@media (max-width: 767.98px){.sidebar-modern{height:100vh!important}.main{margin-left:0!important;padding:15px!important}.col-md-3,.col-md-4,.col-md-8{padding:0 10px!important}}.shop-now-container{max-width:1400px;margin:0 auto;padding:0;background:linear-gradient(to bottom,#f8f9fa,#fff);min-height:100vh;scroll-behavior:smooth}.store-header{background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border-radius:0 0 24px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.store-banner{height:250px;background-size:cover;background-position:center;position:relative}.store-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0009)}.store-info{padding:2rem 3rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.store-details{flex:1}.store-name{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.store-description{color:#666;font-size:1.1rem;margin:0 0 1rem}.store-meta{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.store-rating{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-weight:600;font-size:1rem}.store-rating svg{width:20px;height:20px}.store-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.cart-badge{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;box-shadow:0 4px 12px #667eea66}.cart-badge:hover{transform:scale(1.1)}.cart-badge svg{width:28px;height:28px}.cart-count{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white}.category-filter{display:flex;gap:1rem;padding:0 3rem;margin-bottom:2rem;flex-wrap:wrap}.category-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:25px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea66}.products-section{padding:0 3rem 3rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-card{background:#fff;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;cursor:pointer;position:relative;border:1px solid rgba(0,0,0,.04)}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #667eea40}.product-card:hover:before{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeInUp .6s ease-out forwards}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:nth-child(4){animation-delay:.4s}.product-card:nth-child(5){animation-delay:.5s}.product-card:nth-child(6){animation-delay:.6s}.product-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden;background:#f3f4f6}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.quick-view-btn{background:#fff;color:#1a1a1a;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-view-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.product-info{padding:1rem}.product-name{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem}.product-unit{color:#9ca3af;font-size:.875rem;margin:0 0 1rem}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.product-price{display:flex;flex-direction:column}.price-amount{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-to-cart-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.add-to-cart-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-to-cart-btn:hover:before{width:300px;height:300px}.add-to-cart-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}transition: all .3s ease; box-shadow: 0 4px 12px rgba(102,126,234,.3); } .add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.add-to-cart-btn svg{width:18px;height:18px}.product-stock{font-size:.875rem;color:#10b981;font-weight:500}.product-stock .low-stock{color:#f59e0b}.shop-now-container .sidebar{display:block}.shop-now-container .sidebar::-webkit-scrollbar{width:8px}.shop-now-container .sidebar::-webkit-scrollbar-track{background:#ffffff1a}.shop-now-container .sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.shop-now-container .sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.shop-now-container .sidebar-close-btn{display:none}.shop-now-container .mobile-menu-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #ff8c4280}.shop-now-container .mobile-menu-btn,.shop-now-container .sidebar-overlay{display:none!important}@media (max-width: 768px){.shop-now-container .mobile-menu-btn{display:block!important}.shop-now-container .sidebar-close-btn{display:flex!important}.shop-now-container .sidebar-close-btn:hover{background:#ffffff80;transform:rotate(90deg)}.shop-now-container .main-content{padding-top:70px}.shop-now-container .sidebar{position:fixed!important;width:100%!important;transform:translate(-100%);left:0;top:0;z-index:1000}.shop-now-container .sidebar.open{transform:translate(0)}.shop-now-container .sidebar-overlay{display:block!important}.store-info{flex-direction:column;padding:1.5rem}.store-name{font-size:2rem}.products-section,.category-filter{padding:0 1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-image-wrapper{height:220px}}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.store-banner{height:180px}.category-filter{margin-bottom:1.5rem}}� � .Toastify__toast-container{z-index:9999!important}.Toastify__toast{animation-play-state:running!important;pointer-events:auto!important}.Toastify__progress-bar,.Toastify__progress-bar--controlled{animation-name:Toastify__trackProgress!important;animation-duration:3s!important;animation-timing-function:linear!important;animation-fill-mode:forwards!important;animation-play-state:running!important}.checkout-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.checkout-header{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto 30px;padding:0 10px}.checkout-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.back-btn{background:#fff3;border:none;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn svg{width:24px;height:24px;color:#fff}.back-btn:hover{background:#ffffff4d;transform:translate(-4px)}.checkout-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 450px;gap:24px}.checkout-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 40px #0000001a;margin-bottom:20px}.checkout-card h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 20px}.cart-items-list{margin-bottom:20px}.cart-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f3f4f6}.cart-item:last-child{border-bottom:none}.item-info h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 6px}.item-quantity{font-size:.9rem;color:#6b7280;margin:0 0 4px}.item-notes{font-size:.85rem;color:#9ca3af;font-style:italic;margin:0}.item-price{font-size:1.2rem;font-weight:700;color:#667eea}.order-total{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #e5e7eb;font-size:1.1rem;font-weight:600;color:#1f2937}.total-amount{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:60px}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;padding:18px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:#667eea;background:#667eea0d}.payment-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 12px #667eea33}.payment-option input[type=radio]{margin-right:14px;width:20px;height:20px;accent-color:#667eea}.payment-content{display:flex;align-items:center;gap:14px;flex:1}.payment-icon{font-size:2rem}.payment-content strong{display:block;font-size:1rem;color:#1f2937;margin-bottom:2px}.payment-content p{margin:0;font-size:.85rem;color:#6b7280}.map-card{position:sticky;top:20px}.map-instruction{font-size:.9rem;color:#6b7280;margin:0 0 16px}.map-container{width:100%;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.map-coords{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;font-size:.85rem;color:#6b7280;text-align:center;font-family:Courier New,monospace}.place-order-btn{width:100%;padding:18px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #667eea66;display:flex;align-items:center;justify-content:space-between}.place-order-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea80}.place-order-btn:active{transform:translateY(0)}.order-total-mobile{font-size:1.3rem}.checkout-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.checkout-loader p{color:#fff;font-size:1.1rem;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.map-card{position:relative;top:0}}@media (max-width: 768px){.checkout-container{padding:15px}.checkout-header h1{font-size:1.5rem}.checkout-card{padding:20px}.checkout-card h2{font-size:1.25rem}.map-container{height:300px}.total-amount{font-size:1.5rem}.place-order-btn{font-size:1.1rem;padding:16px 24px}}