*{user-select:none;-webkit-user-drag:none},.btn-primary,[class*=btn-]{--btn-bg:var(--primary);--btn-bg-hover:var(--primary-dark);--btn-shadow:rgba(21, 128, 61, 0.1)}@font-face{font-family:Orbitron;src:url("static/Orbitron-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("static/SpaceGrotesk-Light.woff2") format("woff2");font-weight:300;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("static/SpaceGrotesk-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("static/SpaceGrotesk-Medium.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("static/SpaceGrotesk-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("static/SpaceGrotesk-Bold.woff2") format("woff2");font-weight:700;font-display:swap}:root{--primary:#22b573;--primary-dark:#1e9f65;--primary-light:#dcfce7;--danger:#dc2626;--danger-dark:#991b1b;--danger-light:#fef2f2;--dark:#0f172a;--light:#f8fafc}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.category-card,.shimmer{position:relative;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dark ::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#22b573;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1e9f65}html{scroll-behavior:smooth}body{font-family:"Space Grotesk",sans-serif!important;background-color:#fff;color:#1f2937}img{-webkit-user-drag:none;user-drag:none;user-select:none}.lazy-box{width:8rem;aspect-ratio:9/16;border-radius:.375rem;background-color:#d1d5db;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}#close-icon,#hamburger-icon{transition:transform .3s ease-in-out,opacity .3s ease-in-out}#close-icon{opacity:0;transform:rotate(-90deg)}#mobile-menu-button.is-open #hamburger-icon{opacity:0;transform:rotate(90deg)}#mobile-menu-button.is-open #close-icon{opacity:1;transform:rotate(0)}.logo{font-family:Orbitron,sans-serif}.nav-link{position:relative}.nav-link::after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;background:var(--primary);transition:.3s;transform:translateX(-50%)}.nav-link:hover::after{width:100%}.gradient-text{background-image:linear-gradient(90deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;color:transparent}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:var(--primary)}[class*=btn-]{background-color:var(--btn-bg);color:#fff;transition:.5s}.status-completed,.tab-button.active,.tab-button:hover{color:var(--primary)}[class*=btn-]:hover{background-color:var(--btn-bg-hover);box-shadow:0 0 0 2px var(--btn-bg),0 0 0 4px #fff,0 0 0 6px var(--btn-shadow)}.form-input:disabled,[class*=btn-]:disabled,select:disabled{cursor:not-allowed;opacity:.5}.btn-danger{--btn-bg:var(--danger);--btn-bg-hover:var(--danger-dark);--btn-shadow:rgba(220, 38, 38, 0.1)}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em}.form-input{border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem .75rem;width:100%;transition:.5s}.form-input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px rgba(21,128,61,.1)}.mobile-menu{backdrop-filter:blur(20px);background:rgba(255,255,255,.98)}.dropdown-menu,.glass-effect,.product-card{backdrop-filter:blur(10px)}.dropdown-menu{transition:opacity .5s,transform .5s;transform:translateY(-10px);opacity:0;transform-origin:top;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1)}.dropdown-menu.is-open{transform:translateY(0);opacity:1}.modal-overlay{transition:opacity .3s;display:flex;justify-content:center;align-items:center;min-height:100vh}.modal-content{position:relative;transform:translate(0,0) scale(.7);transition:transform .3s,opacity .3s}.modal-content.active{transform:translate(0,0) scale(1)}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.shimmer{background:linear-gradient(to right,#f0f0f0 8%,#e0e0e0 18%,#f0f0f0 33%);background-size:800px 104px;animation:1s linear infinite shimmer}.transaction-card{border-left:4px solid var(--primary);transition:.3s cubic-bezier(.4, 0, .2, 1)}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.status-completed{background-color:var(--primary-light)}.status-pending{color:#d97706;background-color:#fef3c7}.status-failed{color:#dc2626;background-color:#fee2e2}.filter-active{background-color:var(--primary);color:#fff}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(var(--primary-rgb),.3)}50%{box-shadow:0 0 30px rgba(var(--primary-rgb),.6)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.product-card{transition:.4s cubic-bezier(.4, 0, .2, 1);background:#fff;border:1px solid #e5e7eb}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.15);border-color:var(--primary)}.glass-effect{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:linear-gradient(135deg,var(--primary),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-card::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 .5s}.category-card:hover::before{left:100%}.flash-sale-timer{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}@media (max-width:767px){.hero-carousel h1{font-size:2rem}.mobile-hidden{display:none}}.tab-button.active{border-bottom:2px solid var(--primary)}.tab-button{padding-bottom:4px;transition:.2s}