.navbar{position:sticky;top:0;width:100%;background:linear-gradient(135deg,var(--fn-primary-dark),var(--fn-primary));border-bottom:1px solid color-mix(in srgb,#ffffff 16%,var(--fn-primary-dark));z-index:5000;box-shadow:0 12px 30px color-mix(in srgb,var(--fn-primary-dark) 36%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar-container{max-width:1320px;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center;min-height:96px;gap:1.25rem}.navbar-logo{display:inline-flex;align-items:center;gap:.65rem;min-width:max-content;color:#fff;text-decoration:none;font-size:1.35rem;font-weight:900;letter-spacing:0}.logo-image{display:block;max-width:300px;height:80px;width:auto;object-fit:contain}.logo-wordmark{color:#fff;line-height:1}.logo-image+.logo-wordmark:not(.visible){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer}.nav-menu{display:flex;gap:.25rem;list-style:none;align-items:center;justify-content:flex-end;margin:0;padding:0;flex-wrap:nowrap}.nav-item{position:relative;display:flex;align-items:center}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:40px;padding:.58rem .78rem;color:#fffffff0;text-decoration:none;border-radius:999px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;font-size:.9rem;font-weight:750;line-height:1;border:1px solid transparent;background:transparent;cursor:pointer;white-space:nowrap}.nav-link:hover,.nav-link.active{background:#ffffff29;border-color:#ffffff38;color:#fff}.nav-link.active{box-shadow:inset 0 0 0 1px #ffffff2e}.register-btn{background:var(--fn-accent);color:var(--fn-brand-text);border-color:var(--fn-accent);box-shadow:0 10px 20px #0000002e}.register-btn:hover,.register-btn.active{background:#ffe06a;border-color:#ffe06a;color:var(--fn-brand-text)}.admin-login-link{color:#fff}.logout-btn:hover{color:#fff;background:#ffffff29}.theme-toggle{background:#ffffff1f}.cart-link,.bell-btn{min-width:42px}.cart-badge,.notif-badge{position:absolute;top:-2px;right:-1px;background:var(--fn-accent);color:var(--fn-brand-text);min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:900;border:2px solid var(--fn-primary-dark)}.nav-user-menu{position:relative}.nav-user-card{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .4rem .25rem .25rem;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);max-width:210px;cursor:pointer}.nav-text{font-size:.88rem;color:#fffffff0;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--fn-accent),var(--fn-accent-green));color:var(--fn-brand-text);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:.78rem;font-weight:900;flex:0 0 auto;box-shadow:0 8px 18px color-mix(in srgb,var(--fn-primary) 28%,transparent)}.nav-avatar img{width:100%;height:100%;object-fit:cover}.avatar-dropdown{position:absolute;right:0;top:56px;width:min(280px,calc(100vw - 2rem));padding:.75rem;border-radius:1rem;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);box-shadow:var(--fn-shadow);z-index:1000}.navbar,.navbar-container,.nav-menu{overflow:visible}.admin-menu,.admin-menu-wrapper{position:relative;display:inline-flex;align-items:center}.admin-menu-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:280px;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);border-radius:18px;box-shadow:0 24px 70px #00000047;padding:10px;z-index:6000;display:grid;gap:6px;pointer-events:auto}.admin-menu-dropdown a,.admin-menu-empty{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border-radius:12px;padding:12px 14px;color:var(--fn-text);text-decoration:none;font-weight:800;text-align:left;background:transparent;border:none}.admin-menu-empty{color:var(--fn-muted)}.admin-menu-dropdown a:hover,.admin-menu-dropdown a.active{background:var(--fn-surface-2);color:var(--fn-primary)}.avatar-dropdown-header{display:flex;gap:.75rem;align-items:center;padding:.4rem .35rem .8rem;border-bottom:1px solid var(--fn-border)}.dropdown-avatar{width:42px;height:42px}.avatar-dropdown-header strong,.avatar-dropdown-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-dropdown-header strong{color:var(--fn-heading);font-size:.95rem}.avatar-dropdown-header small{color:var(--fn-muted);margin-top:.15rem;font-size:.78rem;max-width:190px}.avatar-dropdown-links{display:grid;gap:.2rem;padding:.55rem 0}.avatar-dropdown-links a,.avatar-dropdown-logout{display:flex;align-items:center;gap:.45rem;min-height:40px;padding:.65rem .75rem;border-radius:.75rem;color:var(--fn-text);font-weight:800}.avatar-dropdown-links a:hover,.avatar-dropdown-links a.active,.avatar-dropdown-logout:hover{background:var(--fn-surface-2);color:var(--fn-primary)}.avatar-dropdown-logout{width:100%;border-top:1px solid var(--fn-border);background:transparent;color:var(--danger)}.nav-bell{position:relative}.notif-dropdown{position:absolute;right:0;top:52px;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);width:min(390px,calc(100vw - 2rem));max-height:460px;overflow:auto;padding:.8rem;z-index:999;border-radius:1rem;box-shadow:var(--fn-shadow)}.theme-dark .navbar{background:linear-gradient(135deg,#05240f,var(--fn-primary-dark));border-bottom-color:#ffffff24}.theme-dark .navbar .nav-link,.theme-dark .navbar .logout-btn,.theme-dark .navbar .theme-toggle,.theme-dark .navbar .menu-toggle{color:#fffffff0}.theme-dark .navbar .nav-link:hover,.theme-dark .navbar .nav-link.active,.theme-dark .navbar .theme-toggle:hover,.theme-dark .navbar .logout-btn:hover{background:#ffffff29;color:#fff}.theme-dark .navbar .nav-menu{background:transparent}.theme-dark .navbar .nav-menu.active{background:linear-gradient(180deg,#05240f,var(--fn-primary-dark))}.notif-dropdown-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:var(--fn-text)}.notif-header-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.notif-dropdown-header button,.notif-view-all{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--fn-border);background:var(--fn-surface-2);color:var(--fn-primary);border-radius:999px;padding:.42rem .58rem;font-weight:800;cursor:pointer;font-size:.76rem}.notif-item{width:100%;padding:.85rem;border:1px solid transparent;border-bottom-color:var(--fn-border);border-radius:.8rem;background:transparent;text-align:left}.notif-item:last-child{border-bottom-color:transparent}.notif-item.unread{background:color-mix(in srgb,var(--fn-primary) 11%,var(--fn-surface));border-color:color-mix(in srgb,var(--fn-primary) 18%,var(--fn-border));border-left:4px solid var(--fn-primary)}.notif-item-top{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.notif-item strong{display:block;color:var(--fn-text);font-size:.9rem;margin-bottom:.25rem}.notif-item em{color:var(--fn-primary);font-size:.72rem;font-style:normal;font-weight:800;text-transform:capitalize}.notif-item p,.notif-empty{margin:0;color:var(--fn-muted);font-size:.85rem;line-height:1.35}.notif-item small{display:inline-block;margin-top:.4rem;color:var(--fn-primary);font-weight:800}.notif-view-all{width:100%;justify-content:center;margin-top:.65rem}@media (max-width: 1120px){.navbar-container{padding:0 .8rem}.nav-link{padding:.5rem .56rem;font-size:.82rem}.nav-text{max-width:82px}}@media (max-width: 900px){.navbar-container{min-height:78px}.logo-image{height:58px;max-width:220px}.menu-toggle{display:inline-flex}.nav-menu{position:absolute;top:78px;left:.75rem;right:.75rem;background:linear-gradient(180deg,var(--fn-primary-dark),var(--fn-primary));flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.35rem;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease,opacity .2s ease;border:1px solid transparent;border-radius:0 0 1rem 1rem;box-shadow:none;opacity:0}.nav-menu.active{max-height:calc(100vh - 78px);overflow-y:auto;padding:.65rem;border-color:#fff3;box-shadow:var(--fn-shadow);opacity:1}.nav-item{width:100%;display:block}.nav-link,.logout-btn{width:100%;justify-content:flex-start;min-height:44px;padding:.78rem .9rem;border-radius:.8rem;color:#fffffff0}.nav-theme .theme-toggle{justify-content:flex-start}.cart-link,.bell-btn{min-width:0}.cart-badge,.notif-badge{top:5px;right:8px}.nav-user-card{width:100%;max-width:none;padding:.65rem .8rem;margin-top:.15rem}.avatar-dropdown{position:static;width:100%;margin:.35rem 0 .5rem;box-shadow:none}.admin-menu,.admin-menu-wrapper{width:100%;display:block}.admin-menu-dropdown{position:static;width:100%;min-width:0;margin:.35rem 0 .5rem;box-shadow:none;background:#ffffff1a;border-color:#ffffff2e}.admin-menu-dropdown a{color:#fff}.admin-menu-dropdown a:hover,.admin-menu-dropdown a.active{background:#ffffff29;color:#fff}.nav-text{max-width:calc(100vw - 7rem)}.notif-dropdown{position:static;width:100%;max-height:320px;margin:.35rem 0 .5rem;box-shadow:none;border-radius:.9rem}}.footer{background-color:var(--fn-footer-bg);color:var(--fn-footer-text);padding:3rem 1rem 1rem;margin-top:4rem;border-top:1px solid var(--fn-border)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.25rem;margin-bottom:2rem}.footer-section h4,.footer-section h5{margin-bottom:1rem;color:var(--fn-accent)}.footer-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.footer-brand img{max-width:138px;max-height:42px;width:auto;height:auto;object-fit:contain}.footer-brand h4{margin-bottom:0;color:var(--fn-accent)}.footer-section p{color:#d1d5db;margin-bottom:1rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.6rem}.footer-section a{color:var(--fn-footer-text);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.footer-section span{display:flex;align-items:center;gap:.5rem;color:#d1d5db}.footer-section a:hover{color:var(--fn-accent)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;transition:all .2s;color:var(--fn-footer-text);font-weight:900}.social-links a:hover{background-color:var(--fn-primary);color:#fff}.social-icon-text{font-size:.78rem;letter-spacing:0}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;color:#999;font-size:.9rem}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer{padding:2rem 1rem 1rem;margin-top:2rem}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section{text-align:left}.social-links{justify-content:flex-start}}.floating-cart-button{position:fixed;right:28px;bottom:28px;z-index:80;display:inline-flex;align-items:center;gap:.55rem;min-height:56px;padding:.8rem 1rem .8rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,var(--fn-primary),var(--fn-primary-dark));color:#fff;box-shadow:0 18px 36px color-mix(in srgb,var(--fn-primary-dark) 34%,transparent);font-weight:900;border:1px solid color-mix(in srgb,#ffffff 16%,transparent)}.floating-cart-button:hover{transform:translateY(-3px);box-shadow:0 22px 44px color-mix(in srgb,var(--fn-primary-dark) 42%,transparent)}.floating-cart-button strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;border-radius:999px;background:var(--fn-accent);color:var(--fn-brand-text);font-size:.8rem}.mini-cart-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.mini-cart-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03071270;pointer-events:auto}.mini-cart-drawer{position:absolute;top:0;right:0;width:min(420px,100vw);height:100%;display:flex;flex-direction:column;gap:1rem;padding:1.1rem;background:var(--fn-surface);color:var(--fn-text);border-left:1px solid var(--fn-border);box-shadow:-18px 0 42px #00000038;pointer-events:auto;animation:miniCartIn .22s ease-out}.mini-cart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--fn-border)}.mini-cart-header p{margin:0 0 .2rem;color:var(--fn-primary);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mini-cart-header h2{margin:0;font-size:1.3rem}.mini-cart-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:var(--fn-surface-2);color:var(--fn-text);border:1px solid var(--fn-border)}.mini-cart-items{display:grid;gap:.75rem;overflow-y:auto;padding-right:.2rem}.mini-cart-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.8rem;border:1px solid var(--fn-border);border-radius:.85rem;background:var(--fn-surface-2)}.mini-cart-item img{width:52px;height:52px;border-radius:.65rem;object-fit:cover}.mini-cart-item h3{margin:0 0 .2rem;font-size:.95rem}.mini-cart-item p{margin:0;color:var(--fn-muted);font-size:.85rem}.mini-cart-item strong{color:var(--fn-heading);white-space:nowrap}.mini-cart-total{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--fn-border);font-weight:900}.mini-cart-total strong{color:var(--fn-primary)}.mini-cart-actions{display:grid;gap:.65rem}.mini-cart-primary,.mini-cart-secondary{min-height:46px;border-radius:.85rem;font-weight:900}.mini-cart-primary{background:var(--fn-primary);color:#fff}.mini-cart-secondary{background:var(--fn-surface-2);color:var(--fn-text);border:1px solid var(--fn-border)}.mini-cart-continue{text-align:center;color:var(--fn-primary);font-weight:800}@keyframes miniCartIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.floating-cart-button{right:18px;bottom:18px;min-height:52px;padding:.75rem .85rem}.floating-cart-button span{display:none}.mini-cart-drawer{top:auto;bottom:0;width:100%;height:min(82vh,680px);border-left:0;border-top:1px solid var(--fn-border);border-radius:1.2rem 1.2rem 0 0;animation:miniCartUp .22s ease-out}}@keyframes miniCartUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.home-page{width:100%;background:var(--fn-bg);color:var(--fn-text)}.hero-slider{position:relative;max-width:1240px;margin:0 auto;padding:2.5rem 1rem 1rem}.hero-slide{min-height:470px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:2rem;align-items:center;padding:2.5rem;border:1px solid color-mix(in srgb,var(--fn-primary) 16%,var(--fn-border));border-radius:1.4rem;background:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--fn-accent) 24%,transparent),transparent 28%),linear-gradient(135deg,var(--fn-surface),var(--fn-surface-2));box-shadow:var(--fn-shadow);overflow:hidden}.hero-content{position:relative;z-index:1}.hero-kicker{display:inline-flex;width:fit-content;margin:0 0 1rem;padding:.4rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--fn-primary) 12%,var(--fn-surface));color:var(--fn-primary);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-content h1{max-width:680px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98;margin:0 0 1rem;color:var(--fn-heading)}.hero-content p:not(.hero-kicker){max-width:560px;font-size:1.12rem;color:var(--fn-muted);margin:0 0 2rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{min-height:46px;padding:.78rem 1.35rem;border-radius:999px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s,background .2s,color .2s;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--fn-primary);color:#fff;box-shadow:0 12px 22px color-mix(in srgb,var(--fn-primary) 24%,transparent)}.btn-primary:hover{background:var(--fn-primary-dark);color:#fff;transform:translateY(-2px)}.btn-secondary{background:var(--fn-accent);color:var(--fn-brand-text);border:1px solid color-mix(in srgb,var(--fn-accent) 55%,var(--fn-border))}.btn-secondary:hover{background:color-mix(in srgb,var(--fn-accent) 86%,#ffffff);color:var(--fn-brand-text);transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1.05rem}.hero-image{min-width:0}.placeholder-image{position:relative;min-height:360px;border-radius:1.1rem;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--fn-primary) 22%,transparent),color-mix(in srgb,var(--fn-accent) 18%,transparent)),var(--fn-surface-2);box-shadow:0 18px 36px #00000024}.placeholder-image img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.placeholder-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.18));pointer-events:none}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--fn-surface);color:var(--fn-primary);border:1px solid var(--fn-border);box-shadow:var(--fn-shadow)}.hero-arrow:hover{background:var(--fn-primary);color:#fff}.hero-arrow-left{left:1.5rem}.hero-arrow-right{right:1.5rem}.hero-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.hero-dots button{width:10px;height:10px;border-radius:999px;background:var(--fn-border)}.hero-dots button.active{width:30px;background:var(--fn-primary)}.features{max-width:1200px;margin:2rem auto;padding:3rem 1rem;text-align:center}.features h2{margin-bottom:2rem;color:var(--fn-heading)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:var(--fn-surface);padding:2rem;border-radius:1rem;border:1px solid var(--fn-border);color:var(--fn-text);transition:all .3s}.feature-card:hover{box-shadow:var(--fn-shadow);transform:translateY(-4px)}.feature-card svg{color:var(--fn-primary);margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem;color:var(--fn-heading)}.feature-card p{color:var(--fn-muted);font-size:.95rem}.cta{background:linear-gradient(135deg,var(--fn-primary-dark),var(--fn-primary));color:#fff;padding:3rem 1rem;text-align:center;margin:2rem 0 0}.cta h2{margin-bottom:.5rem;font-size:2rem;color:#fff}.cta p{margin-bottom:1.5rem;font-size:1.1rem;color:#ffffffe6}@media (max-width: 860px){.hero-slider{padding:1.25rem .75rem .75rem}.hero-slide{grid-template-columns:1fr;min-height:auto;padding:1.5rem}.placeholder-image,.placeholder-image img{min-height:240px}.hero-arrow{top:auto;bottom:1.35rem;transform:none}.hero-arrow-left{left:1.25rem}.hero-arrow-right{right:1.25rem}}@media (max-width: 520px){.hero-slide{padding:1.1rem;border-radius:1rem}.hero-content h1{font-size:2.1rem}.hero-content p:not(.hero-kicker){font-size:1rem}.hero-buttons{flex-direction:column}.btn{width:100%}.features{padding:2rem .75rem}.features-grid{gap:1rem}.feature-card{padding:1.5rem}}.products-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:var(--fn-text)}.products-header{margin-bottom:2rem}.products-header h1{margin-bottom:1.5rem;color:var(--fn-heading)}.search-form{display:flex;gap:1rem;background:var(--fn-surface);padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--fn-border);align-items:center}.search-form svg{color:var(--fn-muted)}.search-form input{flex:1;border:none;padding:0;font-size:1rem}.search-form input:focus{outline:none;box-shadow:none}.search-form button{background-color:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:.9rem;font-weight:600}.search-form button:hover{background-color:var(--primary-dark)}.products-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--fn-border)}.tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--fn-muted);cursor:pointer;font-weight:600;transition:all .2s}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.product-card{background:var(--fn-surface);border-radius:.75rem;overflow:hidden;border:1px solid var(--fn-border);color:var(--fn-text);transition:all .3s;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.product-image{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:var(--fn-surface-2)}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.out-of-stock{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.low-stock-badge{position:absolute;top:.75rem;right:.75rem;background:var(--fn-accent, #FFD23F);color:#103820;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:800;box-shadow:var(--fn-shadow)}.product-info{padding:1rem;flex:1;display:flex;flex-direction:column}.product-info h3{margin:0 0 .5rem;font-size:1rem;color:var(--fn-heading)}.description{font-size:.85rem;color:var(--fn-muted);margin-bottom:.5rem;flex:1}.category{display:inline-block;background-color:var(--fn-surface-2);color:var(--primary);padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.stock-info{margin-bottom:1rem}.in-stock{color:#22c55e;font-size:.8rem;font-weight:600}.out-of-stock-text{color:#ef4444;font-size:.8rem;font-weight:600}.low-stock-text{color:#ca8a04;font-size:.8rem;font-weight:700}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.price{font-size:1.25rem;font-weight:700;color:var(--primary)}.btn-add{flex:1;padding:.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.btn-add:hover:not(:disabled){background-color:var(--primary-dark)}.btn-add:disabled{background-color:var(--fn-border);color:var(--fn-muted);cursor:not-allowed}.loading,.empty-state{text-align:center;padding:3rem 1rem;color:var(--fn-muted)}@media (max-width: 768px){.search-form{flex-direction:column}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}@media (max-width: 480px){.products-grid{grid-template-columns:repeat(2,1fr)}}.cart-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:60vh;color:var(--fn-text)}.cart-page.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem}.cart-page.empty-cart svg{color:var(--fn-border);opacity:.5}.cart-page.empty-cart h2{color:var(--fn-heading)}.cart-page.empty-cart p{color:var(--fn-muted);margin-bottom:1rem}.cart-container{display:grid;grid-template-columns:1fr 400px;gap:2rem}.cart-container h1{grid-column:1 / -1;margin-bottom:1rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:1rem;align-items:center;background:var(--fn-surface);padding:1rem;border-radius:.5rem;border:1px solid var(--fn-border)}.item-image{width:80px;height:80px;object-fit:cover;border-radius:.25rem;background:var(--fn-surface-2)}.item-details h3{margin:0 0 .5rem;font-size:1rem}.item-price{color:var(--primary);font-weight:600}.quantity-control{display:flex;align-items:center;gap:.5rem;background:var(--fn-surface-2);border-radius:.25rem;padding:.25rem}.quantity-control button{background:none;border:none;padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fn-text);transition:color .2s}.quantity-control button:hover{color:var(--primary)}.quantity-control span{min-width:30px;text-align:center;font-weight:600}.item-subtotal{font-weight:700;color:var(--fn-heading);text-align:right;min-width:80px}.btn-remove{background:none;border:none;color:var(--danger);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-remove:hover{color:var(--primary-dark)}.cart-summary{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.5rem;padding:1.5rem;height:fit-content;position:sticky;top:80px}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;color:var(--fn-muted)}.summary-row.total{font-size:1.25rem;font-weight:700;color:var(--fn-heading);border-top:2px solid var(--fn-border);padding-top:.75rem;margin-top:.75rem}.cart-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.continue-shopping{text-align:center;color:var(--primary);text-decoration:none;font-weight:600;padding:.75rem;transition:color .2s}.continue-shopping:hover{color:var(--primary-dark)}.btn-large{width:100%}@media (max-width: 768px){.cart-container{grid-template-columns:1fr}.cart-item{grid-template-columns:60px 1fr auto}.item-image{width:60px;height:60px}.quantity-control,.item-subtotal,.btn-remove{grid-column:3}.cart-summary{position:static}}@media (max-width: 480px){.cart-item{grid-template-columns:60px 1fr;gap:.75rem}.item-details{grid-column:1 / -1}.quantity-control,.item-subtotal,.btn-remove{grid-column:auto}}.checkout-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:60vh;color:var(--fn-text)}.empty-cart-message{text-align:center;padding:3rem 1rem}.checkout-container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:2rem;align-items:start}.checkout-form{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.9rem;padding:2rem;box-shadow:0 10px 28px #0000000a}.checkout-form h1{margin-bottom:1.5rem;color:var(--fn-heading)}fieldset{border:none;padding:0;margin-bottom:1.75rem}legend{font-size:1.1rem;font-weight:800;color:var(--fn-heading);margin-bottom:1rem;padding:0}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.5rem;color:var(--fn-text)}.form-group input,.form-group textarea{width:100%;padding:.85rem .95rem;border:1px solid var(--fn-border);border-radius:.75rem;background:var(--fn-input-bg);font:inherit;color:var(--fn-input-text)}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--fn-primary) 15%,transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-info{background:var(--fn-surface-2);padding:1rem;border-radius:.75rem;margin-bottom:1rem;font-size:.9rem}.payment-info p{margin:.25rem 0;color:var(--fn-text)}.whatsapp-support-btn.checkout-whatsapp-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;border-radius:999px;padding:.7rem 1rem;background:var(--fn-primary);color:#fff;border:1px solid var(--fn-primary);font-weight:900;text-decoration:none;transition:background .2s ease,transform .2s ease}.whatsapp-support-btn.checkout-whatsapp-link:hover{background:var(--fn-primary-dark);transform:translateY(-1px)}.btn-large{width:100%;padding:1rem;font-size:1.05rem}.checkout-summary{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.9rem;padding:2rem;height:fit-content;position:sticky;top:80px;box-shadow:0 10px 28px #0000000a}.checkout-summary h2{margin-bottom:1.5rem;color:var(--fn-heading)}.summary-items{margin-bottom:1.5rem;border-bottom:1px solid var(--fn-border);padding-bottom:1rem}.summary-item{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:.95rem}.summary-totals{margin-top:1rem}.summary-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.95rem;color:var(--fn-muted)}.summary-row.total{font-size:1.2rem;font-weight:800;color:var(--fn-heading);border-top:2px solid var(--fn-border);padding-top:.75rem;margin-top:.75rem}.delivery-options{display:flex;flex-direction:column;gap:1rem}.two-column-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.radio-label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;padding:1rem;border:2px solid var(--fn-border);border-radius:.8rem;background:var(--fn-surface-2);transition:all .25s ease}.radio-label:hover,.radio-label.selected{border-color:var(--primary);background:var(--fn-surface-2)}.radio-label input[type=radio]{width:22px;height:22px;cursor:pointer;flex-shrink:0;margin-top:2px}.radio-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.radio-text strong{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:var(--fn-heading)}.radio-text small{font-size:.85rem;color:var(--fn-muted);line-height:1.35}.form-notice{background:var(--fn-surface-2);border-left:4px solid var(--info);padding:1rem;border-radius:.65rem;margin-bottom:1rem;font-size:.9rem}.form-notice p{margin:0;color:var(--fn-text)}.form-notice.warning{border-left-color:#ff9800;background:color-mix(in srgb,var(--warning) 10%,var(--fn-surface))}.form-notice.info{border-left-color:var(--primary);background:color-mix(in srgb,var(--fn-primary) 10%,var(--fn-surface))}.delivery-fee{color:var(--warning);font-weight:700;font-style:italic;text-align:right}.address-mode-tabs{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.address-mode-tabs button{border:1px solid var(--border);background:var(--fn-surface);color:var(--fn-text);padding:.75rem 1rem;border-radius:999px;font-weight:800;cursor:pointer}.address-mode-tabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}.saved-address-section,.manual-address-section{margin-bottom:1rem}.saved-address-grid{display:grid;gap:.85rem}.saved-address-card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;border:1px solid var(--border);border-radius:.9rem;padding:1rem;background:var(--fn-surface);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.saved-address-card:hover,.saved-address-card.selected{border-color:var(--primary);background:var(--fn-surface-2);transform:translateY(-1px)}.saved-address-card input{margin-top:.35rem}.saved-address-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.saved-address-title span{background:#06a87d1a;color:var(--success);border-radius:999px;padding:.22rem .55rem;font-size:.75rem;font-weight:800}.saved-address-card p{margin:.25rem 0;color:var(--fn-muted);font-size:.9rem;line-height:1.35}.landmark-line{color:var(--fn-text)!important}.google-address-placeholder small{display:block;color:var(--fn-muted);margin-top:.35rem;line-height:1.35}.checkbox-row{display:flex;align-items:center;gap:.55rem;background:var(--fn-surface-2);border:1px solid var(--fn-border);border-radius:.75rem;padding:.8rem;color:var(--fn-text);font-weight:700}.checkbox-row input{width:auto}@media (max-width: 900px){.checkout-container{grid-template-columns:1fr}.checkout-summary{position:static}.two-column-options,.form-row,.form-row.three-columns{grid-template-columns:1fr}}@media (max-width: 640px){.checkout-page{padding:1rem .75rem}.checkout-form,.checkout-summary{padding:1rem}.radio-label{padding:.9rem}.summary-row,.summary-item{align-items:flex-start}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem 1rem;color:var(--fn-text)}.auth-container{width:100%;max-width:400px}.auth-card{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #0000000d}.auth-card h1{margin-bottom:.5rem;color:var(--fn-heading);text-align:center}.auth-subtitle{text-align:center;color:var(--fn-muted);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;color:var(--fn-text)}.form-group input{width:100%}.btn-large{width:100%;padding:.75rem;margin-top:.5rem}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--fn-muted);font-size:.95rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.order-history-page{max-width:1000px;margin:0 auto;padding:2rem 1rem;min-height:60vh;color:var(--fn-text)}.order-history-page h1{margin-bottom:2rem;color:var(--fn-heading)}.not-logged-in,.empty-state{text-align:center;padding:3rem 1rem;background:var(--fn-surface-2);border-radius:.75rem;color:var(--fn-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state svg{opacity:.5}.loading{text-align:center;padding:2rem;color:var(--fn-muted)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.75rem;overflow:hidden;transition:all .3s;cursor:pointer}.order-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--fn-border);background:var(--fn-surface-2)}.order-header h3{margin:0;color:var(--fn-heading);font-size:1.1rem}.order-date{margin:0;color:var(--fn-muted);font-size:.85rem}.order-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.85rem}.status-warning{background-color:#f77f001a;color:var(--warning)}.status-info{background-color:#004e891a;color:var(--secondary)}.status-success{background-color:#06a87d1a;color:var(--success)}.status-default{background-color:var(--fn-surface-2);color:var(--fn-muted)}.order-items{padding:1.5rem;border-bottom:1px solid var(--fn-border)}.order-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}.order-item:last-child{margin-bottom:0}.order-footer{padding:1.5rem}.order-total{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--fn-heading)}.order-address{margin:0;color:var(--fn-muted);font-size:.9rem}.order-delivery-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--fn-border)}.delivery-method{margin:0 0 .5rem;color:var(--fn-text);font-size:.95rem}.delivery-fee-note{margin:.25rem 0;color:var(--warning);font-size:.85rem;font-style:italic}.pickup-note{margin:.25rem 0;color:var(--success);font-size:.85rem;font-weight:500}.order-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#0000008c}.modal-content{position:relative;z-index:2;background:var(--fn-surface);color:var(--fn-text);border-radius:.75rem;max-width:760px;width:min(94vw,760px);height:auto;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 auto;box-shadow:0 10px 30px #0000004d;overscroll-behavior:contain;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--fn-border);background:var(--fn-surface-2);position:sticky;top:0;z-index:5;flex-shrink:0}.modal-header h2{margin:0;color:var(--fn-heading)}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--fn-muted);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.order-detail-content{padding:1.5rem 1.5rem 4rem;overflow:visible}.order-code-section{margin-bottom:1.5rem;padding:1rem;background:var(--fn-surface-2);border-radius:.5rem;text-align:center}.order-code-section h3{margin:0;color:var(--primary);font-size:1.2rem}.order-items-section{margin-bottom:1.5rem}.order-items-section h4{margin-bottom:1rem;color:var(--fn-heading)}.order-items-list{margin-bottom:1rem}.order-item-detail{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid var(--fn-border)}.order-total-detail{text-align:right;font-size:1.1rem;color:var(--fn-heading)}.payment-section,.delivery-section{margin-bottom:1.5rem}.payment-section h4,.delivery-section h4{margin-bottom:1rem;color:var(--fn-heading)}.payment-details p{margin:.5rem 0;color:var(--fn-text)}.bank-info{background:var(--fn-surface-2);padding:1rem;border-radius:.5rem;margin-top:1rem}.delivery-fee-notice{color:var(--warning);font-style:italic;margin-top:.5rem}.receipt-upload-section{border-top:1px solid var(--fn-border);padding-top:1.5rem}.receipt-upload-section h4{margin-bottom:1rem;color:var(--fn-heading)}.receipt-status{color:var(--success);font-weight:600}.receipt-upload-help{color:var(--fn-muted);font-size:.9rem;margin:-.25rem 0 .5rem}.file-selected{color:var(--success);font-size:.9rem;margin-top:.25rem}.order-identity-section{margin-bottom:1.5rem;padding:1rem;background:var(--fn-surface-2);border-radius:.5rem}.order-code-display h3{margin:0 0 1rem;color:var(--primary);font-size:1.3rem;text-align:center}.order-meta p{margin:.5rem 0;color:var(--fn-text)}.status-section{margin-bottom:1.5rem}.status-section h4{margin-bottom:.75rem;color:var(--fn-heading)}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.9rem;text-align:center}.payment-status.pending-payment,.payment-status.pending_payment{background-color:#f77f001a;color:var(--warning)}.payment-status.receipt-submitted,.payment-status.receipt_submitted{background-color:#004e891a;color:var(--secondary)}.payment-status.payment-confirmed,.payment-status.payment_confirmed{background-color:#06a87d1a;color:var(--success)}.payment-status.payment-rejected,.payment-status.payment_rejected{background-color:#f443361a;color:#f44336}.order-status.order-placed,.order-status.order_placed{background-color:#f77f001a;color:var(--warning)}.order-status.processing{background-color:#004e891a;color:var(--secondary)}.order-status.ready-for-pickup,.order-status.ready_for_pickup,.order-status.out-for-delivery,.order-status.out_for_delivery{background-color:#3f51b51a;color:#3f51b5}.order-status.picked-up,.order-status.picked_up,.order-status.delivered{background-color:#06a87d1a;color:var(--success)}.order-status.cancelled{background-color:#f443361a;color:#f44336}.timeline-section{margin-bottom:1.5rem}.timeline-section h4{margin-bottom:1rem;color:var(--dark)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--border)}.timeline-step{position:relative;margin-bottom:1.5rem;padding-left:1rem}.timeline-step:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-2.5rem;top:.25rem;width:1rem;height:1rem;border-radius:50%;background:var(--fn-border);border:3px solid var(--fn-surface);box-shadow:0 0 0 2px var(--fn-border)}.timeline-step.completed .timeline-dot{background:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-step.completed .timeline-label{color:var(--success);font-weight:600}.timeline-step.pending .timeline-label{color:var(--fn-muted)}.timeline-label{font-size:.95rem;display:block}.payment-instruction-section{margin-bottom:1.5rem;padding:1rem;background:var(--fn-surface-2);border-radius:.5rem}.payment-instruction-section h4{margin-bottom:1rem;color:var(--fn-heading)}.payment-message{margin:0;padding:.75rem;border-radius:.5rem;font-weight:500}.payment-message.confirmed{background:#06a87d1a;color:var(--success)}.payment-message.submitted{background:#004e891a;color:var(--secondary)}.payment-message.rejected{background:#f443361a;color:#f44336}.payment-pending .bank-details{margin-bottom:1rem}.payment-pending .bank-info{background:var(--fn-surface);padding:1rem;border-radius:.5rem;margin-top:.5rem;border:1px solid var(--fn-border)}.payment-pending input[type=file]{width:100%;padding:.75rem;border:1px dashed var(--fn-border);border-radius:.5rem;background:var(--fn-input-bg);color:var(--fn-input-text)}.payment-pending .btn,.delivery-confirmation-section .btn{width:100%;min-height:44px;margin-top:.5rem}.delivery-info-section{margin-bottom:1.5rem}.delivery-info-section h4{margin-bottom:1rem;color:var(--fn-heading)}.delivery-details p{margin:.5rem 0;color:var(--fn-text)}.items-total-section{border-top:1px solid var(--fn-border);padding-top:1.5rem}.items-total-section h4{margin-bottom:1rem;color:var(--fn-heading)}.delivery-confirmation-section{background:linear-gradient(135deg,#06a87d0d,#4caf500d);border:1px solid rgba(6,168,125,.3);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.delivery-confirmation-section h4{margin:0 0 1rem;color:var(--fn-heading)}.confirmation-instruction{background:#06a87d1a;border-left:4px solid var(--success);padding:.75rem 1rem;border-radius:.5rem;color:var(--fn-text);margin:0 0 1rem}.delivery-confirmation-section .form-group,.payment-pending .form-group{margin-bottom:1rem}.delivery-confirmation-section label,.payment-pending label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--fn-heading)}.delivery-confirmation-section input{width:100%;padding:.75rem;border:1px solid var(--fn-border);border-radius:.5rem;font-size:1rem;text-align:center;letter-spacing:.2rem;font-weight:700}.code-format-hint{font-size:.85rem;color:var(--fn-muted);margin-top:.25rem;margin-bottom:0}.delivery-confirmed-banner{background:#06a87d1a;border:1px solid rgba(6,168,125,.3);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.delivery-confirmed-banner p{margin:0;color:var(--success);font-weight:600}@media (max-width: 768px){.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-status{align-self:flex-start}.order-detail-modal{padding:0;align-items:stretch;justify-content:stretch}.modal-content{width:100vw;max-width:none;height:100vh;max-height:100vh;border-radius:0}.modal-header,.order-detail-content{padding:1rem}.modal-header{align-items:flex-start;gap:.75rem}.modal-header-actions{width:100%;justify-content:flex-start}.order-item-detail{flex-direction:column;align-items:flex-start;gap:.25rem}}.admin-page{color:var(--fn-text)}.admin-tools-section{margin-top:2rem}.admin-section-header{margin-bottom:1rem}.admin-section-header h2{margin:0;color:var(--fn-heading);font-size:1.35rem}.admin-section-header p{margin:.35rem 0 0;color:var(--fn-muted)}.admin-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:stretch;margin-top:1.2rem}.admin-tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:start;min-width:0;min-height:132px;padding:1.1rem;border:1px solid var(--fn-border);border-radius:1rem;background:var(--fn-surface);color:var(--fn-text);text-decoration:none;overflow:hidden;box-shadow:var(--fn-shadow);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.admin-tool-card:hover{transform:translateY(-2px);border-color:var(--fn-primary);background:var(--fn-surface-2)}.admin-tool-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--fn-primary) 12%,transparent);color:var(--fn-primary);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.admin-tool-content{min-width:0}.admin-tool-content h3,.admin-tool-content p{margin:0;overflow-wrap:anywhere;word-break:normal}.admin-tool-content h3{color:var(--fn-heading);font-size:1rem;line-height:1.25;margin-bottom:.3rem}.admin-tool-content p{color:var(--fn-muted);line-height:1.45;font-size:.92rem}.admin-tool-arrow{color:var(--fn-primary);font-size:1.25rem;font-weight:900;line-height:1}.admin-tools-empty{margin-top:1rem;padding:1rem;border:1px solid var(--fn-border);border-radius:1rem;background:var(--fn-surface);color:var(--fn-muted);font-weight:800}@media (min-width: 1180px){.admin-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.admin-tools-grid{grid-template-columns:1fr}.admin-tool-card{min-height:0}}.admin-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.admin-page h1{margin-bottom:2rem;color:var(--dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--fn-surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card svg{color:var(--primary);flex-shrink:0}.stat-label{margin:0;color:var(--text-light);font-size:.9rem}.stat-value{margin:0;font-size:1.75rem;font-weight:700;color:var(--dark)}.dashboard-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.dashboard-nav .nav-link{background:var(--fn-surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;text-align:center;text-decoration:none;color:var(--dark);font-weight:600;transition:all .3s}.dashboard-nav .nav-link:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:.75rem 1rem;background:var(--fn-surface);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.tab.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.orders-table,.stock-table,.payments-table{background:var(--fn-surface);border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}table{width:100%;border-collapse:collapse}th{background-color:var(--light);padding:1rem;text-align:left;font-weight:700;color:var(--dark);border-bottom:2px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text)}tbody tr:hover{background-color:var(--light)}.status-select,.edit-input{padding:.5rem;border:1px solid var(--border);border-radius:.25rem;font-size:.9rem}.btn-view,.btn-edit,.btn-save,.btn-cancel,.btn-approve,.btn-reject,.btn-view-receipt{padding:.5rem 1rem;margin:0 .25rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.btn-view,.btn-view-receipt{background-color:var(--secondary);color:#fff}.btn-edit{background-color:var(--warning);color:#fff}.btn-save{background-color:var(--success);color:#fff}.btn-cancel{background-color:var(--border);color:var(--text)}.btn-approve{background-color:var(--success);color:#fff}.btn-reject{background-color:var(--danger);color:#fff}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--fn-surface);border-radius:1rem;max-width:90vw;max-height:90vh;overflow:auto;position:relative}.modal-content img{width:100%;height:auto;display:block}.modal-close{position:absolute;top:1rem;right:1rem;background-color:var(--dark);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.empty-state,.loading{text-align:center;padding:2rem;color:var(--text-light);background:var(--light);border-radius:.75rem}@media (max-width: 768px){table{font-size:.85rem}th,td{padding:.75rem .5rem}.btn-view,.btn-edit,.btn-save,.btn-cancel,.btn-approve,.btn-reject{padding:.4rem .8rem;font-size:.75rem}}.order-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;cursor:pointer}.order-details-modal{background:var(--fn-surface);border-radius:1rem;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;z-index:1001;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border);background-color:var(--light);position:sticky;top:0}.close-btn{background-color:transparent;border:none;font-size:2rem;cursor:pointer;color:var(--text-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:var(--border);color:var(--dark)}.order-detail-content{padding:2rem 1.5rem}.admin-order-section{background-color:var(--fn-surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.admin-order-section h4{margin:0 0 1rem;color:var(--dark);font-size:1.1rem;border-bottom:2px solid var(--primary);padding-bottom:.5rem}.admin-order-section p{margin:.5rem 0;color:var(--text)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:1 / -1}.info-item strong{color:var(--dark);font-weight:700;margin-bottom:.25rem;font-size:.9rem}.info-item span{color:var(--text);font-size:.95rem;word-break:break-word}.items-table{width:100%;border-collapse:collapse;margin:1rem 0}.items-table th{background-color:var(--light);padding:.75rem;text-align:left;font-weight:700;border-bottom:2px solid var(--border);color:var(--dark)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{margin:0}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--primary-dark)}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.tabs .tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-light);cursor:pointer;font-weight:600;transition:all .2s}.tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary)}.action-buttons{display:flex;gap:.5rem}.btn-delete{background-color:var(--danger);color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.btn-delete:hover{background-color:#dc2626}.status{padding:.25rem .75rem;border-radius:.25rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.status.active{background-color:#dcfce7;color:#166534}.status.inactive{background-color:#fef2f2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.stock-modal-overlay{background:#050f09ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--fn-surface);border-radius:1rem;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;width:100%}.stock-modal{max-width:760px;max-height:min(88vh,760px);border:1px solid color-mix(in srgb,var(--fn-primary) 18%,var(--fn-border));border-radius:1.15rem;overflow:hidden;box-shadow:0 24px 70px #00000047}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.stock-modal-header{align-items:flex-start;gap:1rem;background:linear-gradient(135deg,var(--fn-surface),var(--fn-surface-2));border-bottom-color:var(--fn-border)}.stock-modal-header p{margin:.3rem 0 0;color:var(--fn-muted);font-size:.92rem}.modal-header h2{margin:0;color:var(--dark)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);padding:.5rem;border-radius:.25rem;transition:all .2s}.modal-close:hover{background-color:var(--light)}.modal-body{padding:1.5rem}.stock-modal-body{max-height:calc(88vh - 170px);overflow-y:auto;padding:1.35rem 1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border)}.stock-modal-footer{align-items:center;justify-content:space-between;background:var(--fn-surface);border-top-color:var(--fn-border)}.stock-modal-footer .btn-primary,.stock-modal-footer .btn-cancel{min-height:44px;padding:.75rem 1.1rem;border-radius:.7rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stock-modal-grid{gap:1.05rem 1.15rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;font-weight:600;color:var(--dark)}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;transition:all .2s}.stock-image-field{margin-top:.15rem}.stock-image-upload{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center;border:1px dashed color-mix(in srgb,var(--fn-primary) 35%,var(--fn-border));border-radius:1rem;padding:1rem;background:color-mix(in srgb,var(--fn-primary) 7%,var(--fn-surface))}.stock-image-preview{width:150px;aspect-ratio:4 / 3;border-radius:.85rem;overflow:hidden;background:var(--fn-surface);border:1px solid var(--fn-border);display:flex;align-items:center;justify-content:center;color:var(--fn-muted);text-align:center;font-size:.86rem;padding:.75rem}.stock-image-copy strong{color:var(--fn-heading)}.stock-image-copy p{margin:.35rem 0 .75rem;color:var(--fn-muted);line-height:1.45;font-size:.9rem}.stock-image-actions{display:flex;gap:.6rem;flex-wrap:wrap}.stock-file-button,.stock-remove-image{min-height:40px;border-radius:.65rem;border:1px solid var(--fn-border);padding:.62rem .85rem;font-weight:800;cursor:pointer}.stock-file-button{background:var(--fn-primary);color:#fff;display:inline-flex;align-items:center}.stock-remove-image{background:var(--fn-surface);color:var(--fn-text)}.stock-toggle{display:inline-flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border:1px solid var(--fn-border);border-radius:.85rem;background:var(--fn-surface-2);color:var(--fn-text);font-weight:800;cursor:pointer}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fn-primary) 18%,transparent)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.items-table td{padding:.75rem;border-bottom:1px solid var(--border);color:var(--text)}.items-table tbody tr:hover{background-color:var(--fn-surface-2)}.order-total{text-align:right;padding:1rem 0;border-top:2px solid var(--border);color:var(--dark);font-size:1.1rem}.status-control-group{display:flex;flex-direction:column;gap:.75rem}.status-control-group label{font-weight:600;color:var(--dark)}.status-control-group .status-select{padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;cursor:pointer}.delivery-code-badge{background-color:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:1rem;display:inline-block}.code-generating{background-color:var(--warning);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;display:inline-block;animation:pulse 1.5s infinite}.code-none{color:var(--text-light);font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.delivery-code-display{text-align:center;margin:1rem 0}.delivery-code-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark, #006b4d));color:#fff;padding:2rem;border-radius:1rem;font-size:2rem;font-weight:700;letter-spacing:.3rem;font-family:Courier New,monospace;box-shadow:0 4px 12px #00000026;margin:1rem 0}.delivery-code-info{color:var(--success);font-size:.9rem;margin:.5rem 0}.delivery-code-instruction{background-color:color-mix(in srgb,var(--warning) 12%,var(--fn-surface));border-left:4px solid var(--warning);padding:1rem;border-radius:.5rem;color:var(--dark);margin:1rem 0;font-size:.95rem}.delivery-code-note{background-color:#f0f0f0;padding:1rem;border-radius:.5rem;color:var(--text-light);text-align:center;margin:1rem 0}.delivery-confirmed-section{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:.5rem;padding:1rem;margin-top:1rem}.confirmed-message{color:#2e7d32;margin:0;font-weight:600}.theme-dark .admin-page{background:var(--fn-bg);color:var(--fn-text)}.theme-dark .admin-page h1,.theme-dark .admin-page h2,.theme-dark .admin-page h3,.theme-dark .admin-page h4,.theme-dark .stat-value,.theme-dark .modal-header h2,.theme-dark .admin-order-section h4,.theme-dark .info-item strong,.theme-dark .order-total,.theme-dark .status-control-group label,.theme-dark .delivery-code-instruction{color:var(--fn-heading)}.theme-dark .stat-card,.theme-dark .dashboard-nav .nav-link,.theme-dark .tab,.theme-dark .orders-table,.theme-dark .stock-table,.theme-dark .payments-table,.theme-dark .modal,.theme-dark .modal-content,.theme-dark .order-details-modal,.theme-dark .admin-order-section,.theme-dark .payment-pending .bank-info,.theme-dark .delivery-confirmed-section{background:var(--fn-surface);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark th,.theme-dark .modal-header,.theme-dark .empty-state,.theme-dark .loading,.theme-dark .admin-order-section,.theme-dark .delivery-code-note,.theme-dark .delivery-code-instruction{background:var(--fn-surface-2);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark td,.theme-dark .admin-order-section p,.theme-dark .info-item span,.theme-dark .items-table td,.theme-dark .form-group label{color:var(--fn-text);border-color:var(--fn-border)}.theme-dark .stat-label,.theme-dark .tabs .tab,.theme-dark .code-none{color:var(--fn-muted)}.theme-dark tbody tr:hover,.theme-dark .items-table tbody tr:hover,.theme-dark .modal-close:hover,.theme-dark .close-btn:hover{background:var(--fn-surface-2)}.theme-dark .form-group input,.theme-dark .form-group textarea,.theme-dark .form-group select,.theme-dark .status-select,.theme-dark .edit-input{background:var(--fn-input-bg);color:var(--fn-input-text);border-color:var(--fn-border)}.theme-dark .stock-modal-footer,.theme-dark .stock-image-preview,.theme-dark .stock-remove-image{background:var(--fn-surface);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark .stock-image-upload,.theme-dark .stock-toggle{background:var(--fn-surface-2);color:var(--fn-text);border-color:var(--fn-border)}@media (max-width: 768px){.order-details-modal{max-width:100%;max-height:100vh;border-radius:0}.order-detail-content{padding:1.5rem 1rem}.info-grid{grid-template-columns:1fr}.delivery-code-box{font-size:1.5rem;padding:1.5rem}}@media (max-width: 720px){.stock-modal{max-height:92vh;border-radius:.9rem}.stock-modal-body{max-height:calc(92vh - 180px);padding:1rem}.stock-modal-grid,.form-grid,.stock-image-upload{grid-template-columns:1fr}.stock-image-preview{width:100%}.stock-modal-footer{flex-direction:column-reverse;align-items:stretch}}.stock-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.stock-modal{width:min(760px,94vw);max-height:90vh;overflow-y:auto;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);border-radius:24px;box-shadow:0 24px 80px #00000059}.stock-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--fn-border);background:linear-gradient(135deg,color-mix(in srgb,var(--fn-primary) 12%,transparent),color-mix(in srgb,var(--fn-accent) 8%,transparent))}.stock-modal-header h2{margin:0;color:var(--fn-heading);font-size:1.75rem;line-height:1.15}.stock-modal-header p{margin:6px 0 0;color:var(--fn-muted)}.stock-modal-close{width:40px;height:40px;border-radius:999px;border:1px solid var(--fn-border);background:var(--fn-surface);color:var(--fn-text);cursor:pointer;font-size:1.4rem;line-height:1;flex:0 0 auto}.stock-modal-form{padding:24px 28px 28px}.stock-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stock-form-field{display:flex;flex-direction:column;gap:8px}.stock-form-field-wide{grid-column:1 / -1}.stock-form-field label{font-weight:800;color:var(--fn-heading)}.stock-form-field input,.stock-form-field textarea,.stock-form-field select{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--fn-border);background:var(--fn-input-bg);color:var(--fn-input-text);padding:0 14px;font:inherit}.stock-form-field textarea{padding-top:12px;resize:vertical}.stock-toggle{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--fn-border);border-radius:12px;background:var(--fn-surface-2);color:var(--fn-text);font-weight:900}.stock-toggle input{width:18px;height:18px;accent-color:var(--fn-primary)}.stock-image-upload{margin-top:20px;border:1.5px dashed var(--fn-border);border-radius:18px;padding:20px;background:var(--fn-surface-2)}.stock-image-upload-title{font-weight:900;color:var(--fn-heading);margin-bottom:6px}.stock-image-upload-help{color:var(--fn-muted);margin:0 0 14px}.stock-image-upload-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.stock-image-preview{width:180px;height:130px;border-radius:16px;overflow:hidden;border:1px solid var(--fn-border);background:var(--fn-surface);display:flex;align-items:center;justify-content:center;color:var(--fn-muted);text-align:center;padding:12px}.stock-image-preview img{width:100%;height:100%;object-fit:cover}.stock-image-actions{display:flex;gap:12px;flex-wrap:wrap}.stock-file-button,.stock-remove-image,.stock-primary-button,.stock-secondary-button{min-height:46px;border-radius:12px;padding:0 22px;font-weight:900;cursor:pointer;border:1px solid var(--fn-border)}.stock-file-button,.stock-primary-button{background:var(--fn-primary);color:#fff;border-color:var(--fn-primary)}.stock-file-button input{display:none}.stock-remove-image,.stock-secondary-button{background:var(--fn-surface);color:var(--fn-text)}.stock-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--fn-border)}.stock-table-thumb{width:64px;height:50px;border-radius:12px;border:1px solid var(--fn-border);background:var(--fn-surface-2);color:var(--fn-muted);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.72rem;font-weight:800;text-align:center}.stock-table-thumb img{width:100%;height:100%;object-fit:cover;display:block}.stock-filter-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1rem}.stock-filter-tabs button{border:1px solid var(--fn-border);border-radius:999px;background:var(--fn-surface);color:var(--fn-text);padding:.55rem .9rem;font-weight:800;cursor:pointer}.stock-filter-tabs button.active{background:var(--fn-primary);border-color:var(--fn-primary);color:#fff}.modal-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.invoice-link-button{text-decoration:none;display:inline-flex;align-items:center}.order-whatsapp-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--fn-primary);color:#fff}.order-whatsapp-btn:hover{background:var(--fn-primary-dark)}.admin-receipt-inline,.receipt-preview-block{display:flex;flex-direction:column;gap:.85rem;align-items:flex-start;margin-top:1rem}.receipt-preview-image{width:min(100%,420px);max-height:520px;object-fit:contain;border:1px solid var(--fn-border);border-radius:.75rem;background:var(--fn-surface-2)}.receipt-placeholder{width:100%;padding:1rem;border:1px dashed var(--fn-border);border-radius:.75rem;background:var(--fn-surface-2);color:var(--fn-text)}.receipt-placeholder h3{margin:0 0 .4rem;color:var(--fn-heading)}.receipt-placeholder p{color:var(--fn-muted)}.admin-receipt-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-receipt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094}.admin-receipt-content{position:relative;width:min(720px,94vw);max-height:90vh;overflow:auto;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);border-radius:1rem;box-shadow:var(--fn-shadow)}.admin-receipt-header,.admin-receipt-body{padding:1.25rem}.admin-receipt-header{border-bottom:1px solid var(--fn-border)}.receipt-meta-card{padding:1rem;border:1px solid var(--fn-border);border-radius:.75rem;background:var(--fn-surface-2)}.admin-rejection-field{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;color:var(--fn-heading);font-weight:800}.admin-rejection-field textarea{width:100%;border:1px solid var(--fn-border);border-radius:.75rem;background:var(--fn-input-bg);color:var(--fn-input-text);padding:.85rem;resize:vertical}.admin-rejection-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.payment-audit-list{display:grid;gap:.75rem}.payment-audit-card{padding:.9rem;border:1px solid var(--fn-border);border-radius:.75rem;background:var(--fn-surface-2);color:var(--fn-text)}.payment-audit-card p{margin:.35rem 0;color:var(--fn-muted)}.stock-row-low td{background:color-mix(in srgb,var(--fn-accent, #FFD23F) 12%,transparent)}.stock-row-out td{background:#ef44441a}.stock-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .65rem;font-size:.78rem;font-weight:900}.stock-badge.low{background:var(--fn-accent, #FFD23F);color:#103820}.stock-badge.out{background:#ef444429;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.theme-dark .stock-modal,.theme-dark .stock-modal-close,.theme-dark .stock-image-preview,.theme-dark .stock-table-thumb,.theme-dark .stock-remove-image,.theme-dark .stock-secondary-button{background:var(--fn-surface);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark .stock-image-upload,.theme-dark .stock-toggle{background:var(--fn-surface-2);color:var(--fn-text)}@media (max-width: 700px){.stock-modal-backdrop{align-items:flex-end;padding:12px}.stock-modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.stock-modal-header,.stock-modal-form{padding-left:18px;padding-right:18px}.stock-form-grid{grid-template-columns:1fr}.stock-image-preview{width:100%}.stock-image-actions,.stock-modal-footer{flex-direction:column;align-items:stretch}.stock-modal-footer{flex-direction:column-reverse}.stock-modal-footer button,.stock-file-button,.stock-remove-image{width:100%;text-align:center}}.admin-customers-page{max-width:1280px;margin:0 auto;padding:2rem 1rem 4rem;color:var(--fn-text)}.customers-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.customers-header h1{display:flex;align-items:center;gap:.65rem;margin:0 0 .35rem;font-size:2rem}.customers-header p{margin:0;color:var(--fn-muted)}.customers-refresh,.customers-table button{border:0;background:var(--fn-primary);color:#fff;border-radius:.7rem;padding:.7rem .9rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.customers-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.customers-summary>div{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:1.1rem;box-shadow:0 8px 24px #0000000a}.customers-summary strong{display:block;font-size:1.7rem;color:var(--fn-heading)}.customers-summary span{color:var(--fn-muted);font-weight:700}.customers-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.customers-search{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.85rem;padding:0 .85rem}.customers-search input{width:100%;border:0;outline:0;padding:.85rem 0;font-size:1rem}.customers-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.customers-table-wrap{overflow-x:auto;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem}.customers-table{width:100%;border-collapse:collapse;min-width:780px}.customers-table th,.customers-table td{padding:.9rem;border-bottom:1px solid var(--fn-border);text-align:left;vertical-align:top}.customers-table th{background:var(--fn-surface-2);color:#9a3412;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.customers-table td span{display:block;color:#6b7280;margin-top:.2rem}.customer-details-card{position:sticky;top:86px;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:1.2rem;box-shadow:0 12px 30px #00000014}.close-details{position:absolute;top:.7rem;right:.8rem;border:0;background:var(--fn-surface-2);color:var(--fn-text);border-radius:999px;width:28px;height:28px;cursor:pointer;font-size:1.1rem}.customer-avatar-big{width:72px;height:72px;border-radius:50%;background:var(--fn-primary);color:#fff;display:grid;place-items:center;font-size:1.4rem;font-weight:900;margin-bottom:.8rem}.customer-details-card h2{margin:0 0 .6rem}.customer-details-card p{display:flex;gap:.45rem;align-items:flex-start;color:var(--fn-text)}.customer-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}.customer-metrics div{background:var(--fn-surface-2);border-radius:.85rem;padding:.85rem}.customer-metrics strong,.customer-metrics span{display:block}.customer-orders-mini h3{margin-bottom:.7rem}.mini-order-row{display:flex;justify-content:space-between;gap:.7rem;border-top:1px solid var(--fn-border);padding:.65rem 0}.customers-empty{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:2rem;text-align:center;color:var(--fn-muted)}@media (max-width: 900px){.customers-header,.customers-toolbar{flex-direction:column}.customers-summary,.customers-layout{grid-template-columns:1fr}.customer-details-card{position:static}}.audit-page{color:var(--fn-text)}.audit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.audit-header h1{margin:0;color:var(--fn-heading)}.audit-header p{margin:.35rem 0 0;color:var(--fn-muted)}.audit-refresh{min-height:44px;border:1px solid var(--fn-primary);border-radius:12px;background:var(--fn-primary);color:#fff;display:inline-flex;align-items:center;gap:.5rem;padding:0 1rem;font-weight:800;cursor:pointer}.audit-refresh:disabled{opacity:.7;cursor:not-allowed}.audit-filters{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.audit-search{min-height:44px;flex:1 1 260px;border:1px solid var(--fn-border);border-radius:12px;background:var(--fn-input-bg);color:var(--fn-input-text);display:flex;align-items:center;gap:.6rem;padding:0 .85rem}.audit-search input,.audit-filters select{border:0;outline:0;background:transparent;color:var(--fn-input-text);font:inherit}.audit-search input{width:100%}.audit-filters select{min-height:44px;min-width:180px;border:1px solid var(--fn-border);border-radius:12px;background:var(--fn-input-bg);padding:0 .85rem}.audit-table-wrap{overflow-x:auto;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:16px;box-shadow:var(--fn-shadow)}.audit-table{width:100%;border-collapse:collapse;min-width:860px}.audit-table th,.audit-table td{padding:1rem;border-bottom:1px solid var(--fn-border);color:var(--fn-text);vertical-align:top}.audit-table th{background:var(--fn-surface-2);color:var(--fn-heading);text-align:left;font-weight:900}.audit-table strong,.audit-table small{display:block}.audit-table small{margin-top:.2rem;color:var(--fn-muted)}.audit-action{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:color-mix(in srgb,var(--fn-primary) 12%,transparent);color:var(--fn-primary);padding:0 .75rem;font-weight:900;white-space:nowrap}.audit-empty{text-align:center;color:var(--fn-muted);padding:2rem}@media (max-width: 700px){.audit-header{flex-direction:column}.audit-refresh,.audit-filters select{width:100%;justify-content:center}}.admin-users-page{color:var(--fn-text)}.admin-users-header,.admin-users-actions,.admin-user-row-actions,.admin-user-modal-header,.admin-user-modal-footer{display:flex;gap:.85rem}.admin-users-header{align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.admin-users-header h1,.admin-user-modal-header h2{margin:0;color:var(--fn-heading)}.admin-users-header p,.admin-user-modal-header p{margin:.35rem 0 0;color:var(--fn-muted)}.admin-users-warning{margin:0 0 1rem;padding:.85rem 1rem;border:1px solid var(--fn-border);border-radius:12px;background:var(--fn-surface-2);color:var(--fn-muted);font-weight:700}.admin-users-actions{flex-wrap:wrap;justify-content:flex-end}.admin-users-primary,.admin-users-secondary,.admin-user-row-actions button{min-height:42px;border-radius:12px;border:1px solid var(--fn-border);padding:0 .95rem;font-weight:900;cursor:pointer}.admin-users-primary{background:var(--fn-primary);border-color:var(--fn-primary);color:#fff}.admin-users-secondary,.admin-user-row-actions button{background:var(--fn-surface);color:var(--fn-text)}.admin-user-row-actions button.danger{color:#b91c1c}.admin-user-row-actions button:disabled{opacity:.55;cursor:not-allowed}.admin-users-table-wrap{overflow-x:auto;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:16px;box-shadow:var(--fn-shadow)}.admin-users-table{min-width:880px;width:100%;border-collapse:collapse}.admin-users-table th,.admin-users-table td{padding:1rem;border-bottom:1px solid var(--fn-border);color:var(--fn-text);text-align:left}.admin-users-table th{background:var(--fn-surface-2);color:var(--fn-heading)}.admin-user-status{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 .75rem;font-weight:900}.admin-user-status.active{background:color-mix(in srgb,var(--fn-primary) 14%,transparent);color:var(--fn-primary)}.admin-user-status.inactive{background:#b91c1c1f;color:#b91c1c}.admin-users-empty{text-align:center;color:var(--fn-muted);padding:2rem}.admin-user-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7000;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.admin-user-modal{width:min(1000px,92vw);max-height:88vh;overflow:hidden;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);border-radius:20px;box-shadow:0 24px 80px #00000059;display:flex;flex-direction:column}.admin-user-modal-header{align-items:flex-start;justify-content:space-between;padding:1.35rem 1.6rem;border-bottom:1px solid var(--fn-border);background:var(--fn-surface-2);flex:0 0 auto}.admin-user-modal-header button{width:40px;height:40px;border-radius:999px;border:1px solid var(--fn-border);background:var(--fn-surface);color:var(--fn-text);cursor:pointer}.admin-user-form{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.admin-user-modal-body{overflow-y:auto;padding:1.35rem 1.6rem;min-height:0}.admin-form-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.25fr);gap:1.1rem;align-items:start}.admin-form-column{display:grid;gap:1rem}.admin-form-card{display:grid;gap:.95rem;padding:1.15rem;border:1px solid var(--fn-border);border-radius:18px;background:var(--fn-surface)}.admin-form-card h3{margin:0;color:var(--fn-heading);font-size:1rem}.admin-user-form label{display:flex;flex-direction:column;gap:.45rem;color:var(--fn-heading);font-weight:900}.admin-user-form input,.admin-user-form select,.permission-search input{min-height:44px;border-radius:12px;border:1px solid var(--fn-border);background:var(--fn-input-bg);color:var(--fn-input-text);padding:0 .85rem}.admin-user-toggle{flex-direction:row!important;align-items:center;justify-content:space-between;min-height:46px;padding:.75rem .85rem;border:1px solid var(--fn-border);border-radius:12px;background:var(--fn-surface-2)}.admin-user-toggle input{width:18px;height:18px}.admin-user-check{flex-direction:row!important;align-items:center}.permissions-section{min-height:0}.permissions-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.permissions-heading p{margin:.25rem 0 0;color:var(--fn-muted);font-weight:700}.permission-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.permission-actions button{min-height:34px;border:1px solid var(--fn-border);border-radius:999px;background:var(--fn-surface-2);color:var(--fn-primary);padding:0 .75rem;font-weight:900;cursor:pointer}.permission-search{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem;color:var(--fn-muted)!important;font-weight:700!important}.permission-search input{width:100%;padding-left:.75rem}.permissions-list{max-height:360px;overflow-y:auto;display:grid;gap:.8rem;padding-right:.25rem}.permissions-group{padding:.85rem;border:1px solid var(--fn-border);border-radius:14px;background:var(--fn-surface-2)}.permissions-group h4{margin:0 0 .65rem;color:var(--fn-heading)}.permission-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.65rem!important;min-height:34px;color:var(--fn-text)!important;font-weight:750!important}.permission-row input{width:18px;height:18px;min-height:18px;flex:0 0 auto;accent-color:var(--fn-primary)}.permission-row span{color:var(--fn-text)}.admin-inline-error{margin:-.25rem 0 0;color:#b91c1c;font-weight:800}.admin-password-card{max-width:520px}.admin-user-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--fn-border);padding:1rem 1.6rem;background:var(--fn-surface);flex:0 0 auto}.admin-user-modal-footer button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 700px){.admin-users-header,.admin-users-actions,.admin-user-row-actions,.admin-user-modal-footer{flex-direction:column}.admin-users-primary,.admin-users-secondary,.admin-user-row-actions button{width:100%}.admin-user-modal-backdrop{align-items:flex-end;padding:.75rem}.admin-user-modal{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.admin-form-grid{grid-template-columns:1fr}.admin-user-modal-header,.admin-user-modal-body,.admin-user-modal-footer{padding-left:1rem;padding-right:1rem}.permissions-heading,.admin-user-modal-footer{flex-direction:column}.permission-actions{justify-content:flex-start}.permissions-list{max-height:300px}}.info-page{max-width:900px;margin:0 auto;padding:2rem 1rem;min-height:60vh;color:var(--fn-text)}.info-container{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.75rem;padding:2rem}.info-container h1{margin-bottom:1rem;color:var(--fn-heading)}.content{color:var(--fn-text);line-height:1.8}.content h2{margin-top:2rem;margin-bottom:1rem;color:var(--fn-heading);border-bottom:2px solid var(--primary);padding-bottom:.5rem}.content h2:first-of-type{margin-top:0}.content p{margin-bottom:1rem}.content ul{margin:1rem 0 1rem 2rem}.content li{margin-bottom:.5rem}.content a{color:var(--primary);text-decoration:none;font-weight:600}.content a:hover{text-decoration:underline}@media (max-width: 768px){.info-container{padding:1.5rem}.content h2{margin-top:1.5rem}}.contact-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:60vh;color:var(--fn-text)}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{margin-bottom:.5rem;color:var(--fn-heading)}.contact-header p{color:var(--fn-muted);font-size:1.1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;gap:1rem;align-items:flex-start}.info-item svg{color:var(--primary);flex-shrink:0;margin-top:.25rem}.info-item h3{margin:0 0 .5rem;color:var(--fn-heading)}.info-item p{margin:0;color:var(--fn-muted)}.info-item a{color:var(--primary);text-decoration:none;font-weight:600}.info-item a:hover{text-decoration:underline}.contact-social-section{border-top:1px solid var(--fn-border);padding-top:1rem}.contact-social-section h3{margin:0 0 .75rem;color:var(--fn-heading)}.contact-whatsapp-card{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:fit-content;padding:.85rem 1.1rem;border-radius:999px;background:var(--fn-primary);color:#fff;border:1px solid var(--fn-primary);font-weight:900;text-decoration:none;box-shadow:0 12px 28px color-mix(in srgb,var(--fn-primary) 22%,transparent);transition:transform .2s ease,background .2s ease}.contact-whatsapp-card:hover{background:var(--fn-primary-dark);transform:translateY(-1px)}.social-icons{display:grid;gap:.7rem}.social-link{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;color:var(--fn-text);background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:999px;padding:.62rem .9rem;font-weight:800;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.social-link:hover{border-color:var(--fn-primary);background:var(--fn-surface-2);color:var(--fn-primary);transform:translateY(-1px)}.social-icon-text{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--fn-primary);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:0}.contact-form{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:.75rem;padding:1.5rem}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--fn-text)}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid var(--fn-border);background:var(--fn-input-bg);color:var(--fn-input-text);border-radius:.5rem;font-family:inherit;font-size:1rem}.contact-form textarea{resize:vertical}.contact-form .btn{display:flex;align-items:center;gap:.5rem;justify-content:center}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}.contact-form{order:-1}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem 1rem}.not-found-content{text-align:center}.not-found-code{font-size:5rem;font-weight:700;color:var(--primary);margin:0;line-height:1}.not-found-content h2{color:var(--dark);margin-bottom:1rem}.not-found-content p{color:var(--text-light);margin-bottom:2rem;font-size:1.05rem}.profile-page{max-width:1180px;margin:0 auto;padding:2.5rem 1rem 4rem;color:var(--fn-text)}.profile-loading{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:2rem;text-align:center;color:var(--fn-muted)}.profile-hero{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,var(--fn-surface-2),var(--fn-surface) 58%);border:1px solid color-mix(in srgb,var(--fn-primary) 18%,var(--fn-border));border-radius:1.25rem;padding:1.5rem;box-shadow:0 16px 40px #0000000d;margin-bottom:1.5rem}.profile-avatar-large{width:86px;height:86px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.4rem;font-weight:800;flex:0 0 auto;box-shadow:0 12px 24px color-mix(in srgb,var(--fn-primary) 25%,transparent)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-hero-text .eyebrow{margin:0 0 .25rem;color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-hero-text h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.profile-hero-text p{margin:.35rem 0 0;color:var(--fn-muted)}.profile-phone{display:flex;align-items:center;gap:.4rem}.profile-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.25rem;margin-bottom:1.25rem}.profile-column{display:grid;gap:1.25rem;align-content:start}.profile-panel{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:1.25rem;box-shadow:0 10px 30px #0000000a}.section-heading{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.section-heading svg{color:var(--primary);margin-top:.2rem}.section-heading h2{margin:0;font-size:1.25rem}.section-heading p{margin:.25rem 0 0;color:var(--fn-muted);font-size:.9rem}.premium-form{display:grid;gap:1rem}.premium-form label{display:grid;gap:.4rem;font-weight:700;color:var(--fn-heading);font-size:.9rem}.premium-form label span{color:var(--fn-text)}.premium-form input,.premium-form textarea{width:100%;padding:.85rem .95rem;border:1px solid var(--fn-border);border-radius:.75rem;background:var(--fn-input-bg);color:var(--fn-input-text);font:inherit;transition:border-color .2s,box-shadow .2s}.premium-form textarea{resize:vertical;min-height:92px}.premium-form input:focus,.premium-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--fn-primary) 15%,transparent)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-row.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-action,.secondary-action,.address-actions button{border:none;border-radius:.75rem;padding:.85rem 1rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:#fff;box-shadow:0 10px 20px color-mix(in srgb,var(--fn-primary) 24%,transparent)}.primary-action:hover,.address-actions button:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.secondary-action{background:var(--fn-surface-2);color:var(--fn-text)}.avatar-upload-box{display:grid;gap:.85rem;border:1px solid color-mix(in srgb,var(--fn-primary) 18%,var(--fn-border));border-radius:1rem;padding:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--fn-primary) 8%,var(--fn-surface)),var(--fn-surface-2))}.avatar-preview-card{display:flex;align-items:center;gap:.85rem}.avatar-preview-card strong{color:var(--fn-heading)}.avatar-preview-card p{margin:.2rem 0 0;color:var(--fn-muted);font-size:.88rem;line-height:1.4}.avatar-preview-image{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:var(--fn-primary);border:3px solid color-mix(in srgb,var(--fn-accent-green, #a7d948) 55%,#fff);box-shadow:0 10px 22px color-mix(in srgb,var(--fn-primary) 20%,transparent);display:flex;align-items:center;justify-content:center}.avatar-preview-image img{width:100%;height:100%;object-fit:cover}.avatar-preview-placeholder{color:#fff;font-weight:900;font-size:1.05rem}.avatar-file-input{display:grid;gap:.45rem}.avatar-file-input input{border-style:dashed;cursor:pointer;background:var(--fn-input-bg)}.avatar-upload-actions{display:flex;justify-content:flex-start}.avatar-upload-actions .primary-action{width:auto;min-width:160px}.security-panel{border-color:color-mix(in srgb,var(--fn-primary) 18%,var(--fn-border));background:linear-gradient(180deg,var(--fn-surface) 0%,var(--fn-surface-2) 100%)}.address-list{display:grid;gap:.85rem}.address-card{border:1px solid var(--fn-border);border-radius:.9rem;padding:1rem;background:var(--fn-surface)}.address-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.default-badge{display:inline-flex;align-items:center;gap:.25rem;background:#06a87d1a;color:var(--success);border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:800}.address-recipient,.address-text,.address-landmark{margin:.35rem 0;color:var(--fn-muted);font-size:.92rem;line-height:1.4}.address-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.address-actions button{background:var(--fn-surface-2);color:var(--fn-text);padding:.55rem .75rem;font-size:.85rem}.address-actions .danger-action{display:inline-flex;align-items:center;gap:.35rem;background:#f443361a;color:#c62828}.empty-address-state{display:flex;align-items:center;gap:.75rem;background:var(--fn-surface-2);border-radius:.85rem;padding:1rem;color:var(--fn-muted)}.empty-address-state p{margin:0}.google-address-note{background:var(--fn-surface-2);border:1px solid color-mix(in srgb,var(--fn-primary) 18%,var(--fn-border));border-radius:.75rem;padding:.85rem 1rem;color:var(--fn-text);margin-bottom:1rem}.checkbox-label{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:.6rem}.checkbox-label input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}@media (max-width: 900px){.profile-grid,.form-row,.form-row.three-columns{grid-template-columns:1fr}}@media (max-width: 640px){.profile-page{padding:1.25rem .75rem 3rem}.profile-hero{align-items:flex-start;flex-direction:column}.profile-panel{padding:1rem}.form-actions{flex-direction:column}.avatar-preview-card{align-items:flex-start}.primary-action,.secondary-action,.avatar-upload-actions .primary-action{width:100%}}.inbox-page{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem;color:var(--fn-text)}.inbox-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.inbox-header h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .4rem;font-size:2rem;color:var(--fn-heading)}.inbox-header p{margin:0;color:var(--fn-muted)}.inbox-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:.7rem;padding:.75rem 1rem;font-weight:800;cursor:pointer}.btn-primary{background:var(--fn-primary);color:#fff}.btn-secondary{background:var(--fn-surface-2);color:var(--fn-primary);border:1px solid var(--fn-border)}.inbox-filters{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1.25rem}.inbox-filters button{border:1px solid var(--fn-border);background:var(--fn-surface);color:var(--fn-text);border-radius:999px;padding:.65rem .95rem;font-weight:800;cursor:pointer}.inbox-filters button.active{background:var(--fn-primary);color:#fff;border-color:var(--fn-primary)}.inbox-list{display:grid;gap:1rem}.inbox-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:1rem;box-shadow:0 8px 24px #0000000a}.inbox-card.unread{border-left:5px solid var(--fn-primary);background:var(--fn-surface-2)}.inbox-main{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:inherit}.inbox-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.5rem}.inbox-card h3{margin:0;color:var(--fn-heading);font-size:1.1rem}.inbox-card-top span{background:color-mix(in srgb,var(--fn-primary) 12%,var(--fn-surface));color:var(--fn-primary);border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:800;white-space:nowrap}.inbox-card p{margin:0 0 .75rem;color:var(--fn-text);line-height:1.5}.inbox-meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--fn-muted)}.inbox-meta strong{color:var(--fn-primary)}.inbox-card-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.inbox-card-actions button{border:1px solid var(--fn-border);background:var(--fn-surface);color:var(--fn-text);border-radius:.65rem;padding:.6rem .75rem;font-weight:800;cursor:pointer;white-space:nowrap}.inbox-card-actions .delete-btn{display:inline-flex;align-items:center;gap:.35rem;color:#b91c1c;border-color:#b91c1c40;background:color-mix(in srgb,#b91c1c 12%,var(--fn-surface))}.inbox-empty{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:1rem;padding:2.5rem 1rem;text-align:center;color:var(--fn-muted)}@media (max-width: 720px){.inbox-header,.inbox-card{grid-template-columns:1fr;display:grid}.inbox-actions,.inbox-card-actions{width:100%}.inbox-card-actions{flex-direction:row;flex-wrap:wrap}}.invoice-card{width:min(940px,100%);margin:0 auto;background:var(--fn-surface);color:var(--fn-text);border:1px solid var(--fn-border);border-radius:18px;box-shadow:var(--fn-shadow);overflow:hidden}.invoice-header{display:flex;justify-content:space-between;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--fn-primary) 12%,transparent),color-mix(in srgb,var(--fn-accent) 14%,transparent));border-bottom:1px solid var(--fn-border)}.invoice-brand,.invoice-info-grid{display:grid;grid-template-columns:auto 1fr;gap:1rem}.invoice-logo{width:58px;height:58px;border-radius:16px;background:var(--fn-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.invoice-brand h1,.invoice-title-block h2,.invoice-info-grid h3{margin:0;color:var(--fn-heading)}.invoice-brand p,.invoice-title-block p,.invoice-business-details p,.invoice-info-grid p,.invoice-footer p{margin:.25rem 0}.invoice-title-block{text-align:right}.invoice-business-details,.invoice-info-grid,.invoice-items-section,.invoice-totals,.invoice-payment-details,.invoice-footer{padding:1.5rem 2rem}.invoice-business-details{display:flex;gap:1rem;flex-wrap:wrap;color:var(--fn-muted);border-bottom:1px solid var(--fn-border)}.invoice-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--fn-border)}.invoice-info-grid>div{min-width:0}.invoice-info-grid p{color:var(--fn-text);overflow-wrap:anywhere}.invoice-info-grid span{display:inline-block;min-width:118px;color:var(--fn-muted)}.invoice-items-table{width:100%;border-collapse:collapse}.invoice-items-table th,.invoice-items-table td{padding:.85rem;border-bottom:1px solid var(--fn-border);color:var(--fn-text);text-align:left}.invoice-items-table th{background:var(--fn-surface-2);color:var(--fn-heading)}.invoice-totals{max-width:420px;margin-left:auto}.invoice-totals div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--fn-border)}.invoice-grand-total{color:var(--fn-heading);font-size:1.12rem}.invoice-payment-details{max-width:420px;margin-left:auto;border-top:1px solid var(--fn-border)}.invoice-payment-details h3{margin:0 0 .6rem;color:var(--fn-heading)}.invoice-payment-details p{margin:.3rem 0;color:var(--fn-text)}.invoice-footer{background:var(--fn-surface-2);border-top:1px solid var(--fn-border);text-align:center}@media (max-width: 700px){.invoice-header,.invoice-info-grid{grid-template-columns:1fr;flex-direction:column}.invoice-title-block{text-align:left}.invoice-business-details,.invoice-info-grid,.invoice-items-section,.invoice-totals,.invoice-payment-details,.invoice-footer,.invoice-header{padding:1rem}}@media print{body{background:#fff!important;color:#000!important}.navbar,.footer,footer,.floating-cart-button,.floating-cart-btn,.invoice-actions,.no-print{display:none!important}.invoice-page,.invoice-card{box-shadow:none!important;border:none!important;margin:0!important;width:100%!important;max-width:none!important;background:#fff!important;color:#000!important}.invoice-card *{color:#000!important;background:transparent!important}.invoice-items-table th,.invoice-items-table td,.invoice-totals div{border-color:#bbb!important}}.invoice-page{max-width:1040px;margin:0 auto;padding:2rem 1rem 3rem;color:var(--fn-text)}.invoice-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.invoice-actions button,.invoice-state a{min-height:42px;border-radius:12px;border:1px solid var(--fn-border);background:var(--fn-surface);color:var(--fn-text);padding:0 1rem;font-weight:900;text-decoration:none;cursor:pointer}.invoice-actions .invoice-primary-action,.invoice-actions .invoice-whatsapp-btn{background:var(--fn-primary);border-color:var(--fn-primary);color:#fff}.invoice-actions .invoice-whatsapp-btn:hover,.invoice-actions .invoice-primary-action:hover{background:var(--fn-primary-dark);border-color:var(--fn-primary-dark)}.invoice-state{background:var(--fn-surface);border:1px solid var(--fn-border);border-radius:16px;padding:2rem;text-align:center;color:var(--fn-muted)}@media (max-width: 640px){.invoice-actions{flex-direction:column}.invoice-actions button{width:100%}}.order-detail-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;display:block!important;padding:0!important;overflow:hidden!important}.order-detail-modal .modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;background:#0000008c!important;pointer-events:auto!important}.order-detail-modal .modal-content{position:fixed!important;z-index:2!important;top:24px!important;bottom:24px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:min(94vw,760px)!important;max-width:760px!important;height:auto!important;max-height:none!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;background:var(--fn-surface)!important;color:var(--fn-text)!important;border:1px solid var(--fn-border)!important;border-radius:12px!important;box-shadow:0 18px 45px #00000052!important;margin:0!important;overscroll-behavior:contain!important}.order-detail-modal .modal-header{position:sticky!important;top:0!important;z-index:5!important;background:var(--fn-surface-2)!important;color:var(--fn-heading)!important;border-bottom:1px solid var(--fn-border)!important}.order-detail-modal .order-detail-content{padding-bottom:96px!important;min-height:125vh!important}@media (max-width: 768px){.order-detail-modal .modal-content{top:0!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100vw!important;max-width:none!important;border-radius:0!important}}*{margin:0;padding:0;box-sizing:border-box}:root,.theme-light,:root.theme-light,:root[data-theme=light]{--fn-bg: #F8FAF7;--fn-surface: #ffffff;--fn-surface-2: #F2FAF3;--fn-text: #103820;--fn-heading: #103820;--fn-muted: #64748b;--fn-border: #DDE8DD;--fn-input-bg: #ffffff;--fn-input-text: #111827;--fn-input-placeholder: #94a3b8;--fn-primary: #087A34;--fn-primary-dark: #065F2A;--fn-accent: #FFD23F;--fn-accent-green: #A7D948;--fn-brand-text: #103820;--fn-footer-bg: #151515;--fn-footer-text: #f9fafb;--fn-shadow: 0 12px 30px rgba(16, 56, 32, .09);--primary: var(--fn-primary);--primary-dark: var(--fn-primary-dark);--secondary: #004E89;--success: #06A77D;--danger: #D62839;--warning: #F77F00;--light: var(--fn-surface-2);--dark: var(--fn-text);--border: var(--fn-border);--text: var(--fn-text);--text-light: var(--fn-muted);color-scheme:light}:root.theme-dark,.theme-dark,:root[data-theme=dark]{--fn-bg: #07120B;--fn-surface: #101A14;--fn-surface-2: #17291E;--fn-text: #f8fafc;--fn-heading: #ffffff;--fn-muted: #cbd5e1;--fn-border: #284434;--fn-input-bg: #111827;--fn-input-text: #f8fafc;--fn-input-placeholder: #94a3b8;--fn-primary: #2BBE63;--fn-primary-dark: #22A652;--fn-accent: #FFD23F;--fn-accent-green: #A7D948;--fn-brand-text: #F8FAFC;--fn-footer-bg: #05070a;--fn-footer-text: #f8fafc;--fn-shadow: 0 12px 30px rgba(0, 0, 0, .45);color-scheme:dark}html,body{height:100%}html,body,#root{background:var(--fn-bg);color:var(--fn-text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--fn-bg);color:var(--fn-text);transition:background .2s ease,color .2s ease}#root{height:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--fn-heading)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{line-height:1.6;color:inherit}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s;color:inherit}p,span,label,small,li,td,th,div{color:inherit}input,textarea,select{font-family:inherit;font-size:1rem;border:1px solid var(--fn-border);border-radius:.5rem;padding:.75rem;width:100%;background:var(--fn-input-bg);color:var(--fn-input-text);transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--fn-input-placeholder)}input:disabled,textarea:disabled,select:disabled{opacity:.7;cursor:not-allowed}option{background:var(--fn-input-bg);color:var(--fn-input-text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--fn-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fn-primary) 18%,transparent)}table,thead,tbody,tr,td,th{color:var(--fn-text);border-color:var(--fn-border)}thead,th{background:var(--fn-surface-2);color:var(--fn-heading)}tbody tr{background:var(--fn-surface)}tbody tr:hover{background:color-mix(in srgb,var(--fn-surface-2) 75%,transparent)}.theme-dark .card,.theme-dark .stat-card,.theme-dark .dashboard-card,.theme-dark .product-card,.theme-dark .order-card,.theme-dark .cart-item,.theme-dark .cart-summary,.theme-dark .checkout-summary,.theme-dark .checkout-form,.theme-dark .profile-panel,.theme-dark .profile-card,.theme-dark .address-card,.theme-dark .inbox-card,.theme-dark .broadcast-card,.theme-dark .customer-details-card,.theme-dark .modal-content,.theme-dark .modal,.theme-dark .admin-card,.theme-dark .admin-page,.theme-dark .table-container,.theme-dark .saved-address-card,.theme-dark .payment-info,.theme-dark .form-notice,.theme-dark .auth-card,.theme-dark .contact-card,.theme-dark .info-card,.theme-dark .feature-card,.theme-dark .value-card,.theme-dark .product-filters,.theme-dark .order-details,.theme-dark .receipt-upload-section,.theme-dark .delivery-code-section,.theme-dark .navbar,.theme-dark .nav-menu,.theme-dark .notif-dropdown,.theme-dark .dropdown-menu,.theme-dark .mobile-menu{background:var(--fn-surface);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark .nav-link,.theme-dark .logout-btn,.theme-dark .theme-toggle,.theme-dark .menu-toggle{color:var(--fn-text)}.theme-dark .nav-link:hover,.theme-dark .nav-link.active,.theme-dark .theme-toggle:hover,.theme-dark .logout-btn:hover{color:var(--fn-primary);background:var(--fn-surface-2)}.theme-dark .notif-item,.theme-dark .notif-button{background:var(--fn-surface);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark .notif-item.unread,.theme-dark .inbox-card.unread{background:var(--fn-surface-2);border-left:4px solid var(--fn-primary)}.theme-dark .notif-item strong,.theme-dark .inbox-card h3,.theme-dark .product-card h3,.theme-dark .order-card h3,.theme-dark .stat-value,.theme-dark .stat-label{color:var(--fn-heading)}.theme-dark .notif-item p,.theme-dark .inbox-card p,.theme-dark .product-card p,.theme-dark .order-card p,.theme-dark .broadcast-message{color:var(--fn-text)}.theme-dark .notif-empty,.theme-dark .inbox-meta,.theme-dark .text-muted,.theme-dark .muted,.theme-dark .empty-state,.theme-dark .empty-message{color:var(--fn-muted)}.theme-dark input,.theme-dark textarea,.theme-dark select,.theme-dark .form-input{background:var(--fn-input-bg);color:var(--fn-input-text);border-color:var(--fn-border)}.theme-dark input::placeholder,.theme-dark textarea::placeholder{color:var(--fn-input-placeholder)}.theme-dark table,.theme-dark thead,.theme-dark tbody,.theme-dark tr,.theme-dark td,.theme-dark th{color:var(--fn-text);border-color:var(--fn-border)}.theme-dark th,.theme-dark thead{background:var(--fn-surface-2);color:var(--fn-heading)}.theme-dark .checkout-summary,.theme-dark .summary-row,.theme-dark .payment-info,.theme-dark fieldset,.theme-dark .form-notice,.theme-dark .saved-address-card{background:var(--fn-surface);color:var(--fn-text);border-color:var(--fn-border)}.theme-dark .footer,.theme-dark footer{background:var(--fn-footer-bg);color:var(--fn-footer-text)}.theme-dark .footer h3,.theme-dark .footer h4,.theme-dark .footer h5,.theme-dark footer h3,.theme-dark footer h4,.theme-dark footer h5,.theme-dark .footer-title{color:var(--fn-primary)}.theme-dark .footer a,.theme-dark footer a,.theme-dark .footer p,.theme-dark footer p{color:var(--fn-footer-text)}.theme-dark .btn,.theme-dark .btn-secondary{border-color:var(--fn-border)}.theme-dark .btn-primary{background:var(--fn-primary);color:#fff}.theme-dark .btn-danger{color:#fecaca;background:#b91c1c2e;border-color:#f8717159}@media (max-width: 640px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}