:root{--bg:#050508;--bg-soft:#0c0c12;--panel:rgba(20,20,30,.75);--panel-strong:#13131c;--line:rgba(168,85,247,.28);--purple:#a855f7;--purple-strong:#7c3aed;--purple-dark:#581c87;--purple-soft:rgba(168,85,247,.12);--text:#f5f3ff;--muted:#a89fc8;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--glass-blur:10px;--radius:18px;--font-display:"Arial Black","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(168,85,247,.22),transparent),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(124,58,237,.12),transparent),radial-gradient(ellipse 40% 30% at 10% 90%,rgba(88,28,135,.15),transparent),#050508;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:rgba(168,85,247,.4)}.container{width:min(1240px,calc(100% - 32px));margin:0 auto}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);box-shadow:0 20px 60px rgba(80,25,130,.15),inset 0 1px 0 hsla(0,0%,100%,.04)}.glow-purple{box-shadow:0 0 40px rgba(168,85,247,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;cursor:pointer;transition:all .22s ease;font-weight:700;font-size:.95rem;padding:12px 20px;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple-strong));color:#fff;box-shadow:0 12px 32px rgba(168,85,247,.35),inset 0 1px 0 hsla(0,0%,100%,.15)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(168,85,247,.45)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:hsla(0,0%,100%,.03);border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.5)}.btn-danger{background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.35);color:#fecaca}.btn-danger:hover{background:hsla(0,91%,71%,.2)}header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(5,5,10,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(168,85,247,.15)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}.logo{font-family:var(--font-display);font-weight:900;letter-spacing:2px;color:#fff;font-size:1.15rem;white-space:nowrap}.logo span{color:var(--purple);text-shadow:0 0 18px rgba(168,85,247,.7)}.nav-links{display:flex;align-items:center;gap:6px;color:var(--muted)}.nav-links a,.nav-links button.link{padding:10px 14px;border-radius:10px;transition:all .18s ease;font-weight:600;font-size:.92rem;background:none;border:none;cursor:pointer;color:var(--muted)}.nav-links a:hover,.nav-links button.link:hover{color:#fff;background:rgba(168,85,247,.1)}.nav-links .admin-link{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(124,58,237,.15));border:1px solid rgba(168,85,247,.4);color:#e9d5ff}.nav-links .admin-link:hover{background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(124,58,237,.3));color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .btn{padding:10px 16px;font-size:.88rem}.cart-btn{position:relative}.cart-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,var(--purple),var(--purple-strong));color:#fff;font-size:.68rem;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px;box-shadow:0 0 10px rgba(168,85,247,.6)}.mobile-toggle{display:none}.hero-section{position:relative;min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;overflow:hidden}.video-banner-container{max-width:1440px;margin:0 auto;border-radius:12px;overflow:hidden;aspect-ratio:21/9}.hero-video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(124,58,237,.35),transparent),linear-gradient(180deg,rgba(5,5,8,.82),rgba(5,5,8,.55) 50%,rgba(5,5,8,.92));z-index:1}.hero-fallback{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(124,58,237,.35),transparent),linear-gradient(180deg,rgba(5,5,8,.9),rgba(5,5,8,.6) 50%,rgba(5,5,8,.95));border-bottom:1px solid rgba(168,85,247,.25)}.hero-fallback-inner{text-align:center;padding:40px 24px;width:min(900px,100%)}.banner-carousel{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#0d0d15;width:100%;max-width:100%}.banner-track{display:flex;transition:transform .6s ease;width:100%}.banner-slide{flex:0 0 100%;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;background:#0d0d15}.banner-slide img{width:100%;height:auto;object-fit:contain;display:block;max-height:420px}.banner-placeholder{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(124,58,237,.25),transparent),#0d0d15;color:var(--muted);text-align:center;padding:40px 20px}.banner-placeholder strong{font-family:var(--font-display);font-size:1.4rem;color:#fff;letter-spacing:1px}.banner-placeholder span{font-size:.85rem}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(168,85,247,.4);background:rgba(5,5,10,.7);color:#fff;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.banner-arrow:hover{background:rgba(168,85,247,.3);border-color:rgba(168,85,247,.7)}.banner-prev{left:12px}.banner-next{right:12px}.banner-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5}.banner-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(168,85,247,.5);background:hsla(0,0%,100%,.2);cursor:pointer;padding:0;transition:all .2s ease}.banner-dot.active{background:var(--purple);border-color:var(--purple);box-shadow:0 0 10px rgba(168,85,247,.6)}.hero-content{position:relative;z-index:2;text-align:center;padding:60px 24px;width:min(900px,100%);animation:heroFadeIn 1s ease both}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.4);color:#e9d5ff;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;box-shadow:0 0 24px rgba(168,85,247,.2)}.hero-title{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,5.2rem);font-weight:900;line-height:1.02;letter-spacing:-2px;margin-bottom:16px}.hero-title .text-glow{color:var(--purple);text-shadow:0 0 30px rgba(168,85,247,.8),0 0 60px rgba(168,85,247,.4)}.hero-subtitle{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);max-width:620px;margin:0 auto 36px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.hero-actions .btn{padding:15px 28px;font-size:1rem}.hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:40px}.hero-stat{text-align:center}.hero-stat strong{display:block;font-size:1.5rem;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stat span{color:var(--muted);font-size:.85rem}.section{padding:48px 0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.category-card{display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:16px;background:hsla(0,0%,100%,.03);border:1px solid rgba(168,85,247,.2);text-decoration:none;color:#fff;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden}.category-card:hover{background:rgba(168,85,247,.12)!important;border-color:rgba(168,85,247,.5)!important;transform:translateY(-4px);box-shadow:0 12px 30px rgba(168,85,247,.2)}.category-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.category-card-icon{font-size:2rem}.category-card-badge{padding:4px 10px;border-radius:999px;background:rgba(168,85,247,.15);color:#e9d5ff;font-size:.72rem;font-weight:700;letter-spacing:.05em}.category-card-name{font-size:1.05rem;font-weight:800;margin:0 0 8px;line-height:1.3}.category-card-desc{color:var(--muted);font-size:.88rem;margin:0;line-height:1.5}.category-card-link{display:flex;align-items:center;gap:6px;color:var(--purple);font-weight:700;font-size:.88rem;margin-top:20px}@media (max-width:1024px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.category-grid{grid-template-columns:1fr}}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px;flex-wrap:wrap}.section-head h2{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;letter-spacing:-.5px}.section-head .muted{font-size:.95rem}.muted{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.product-card{padding:18px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(90,28,140,.3)}.product-image{position:relative;overflow:hidden;width:100%;height:200px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:16px;background:#0d0d15}.product-image img{width:100%;height:200px;object-fit:contain;object-position:center;border-radius:12px}@media (max-width:1024px){.product-image,.product-image img{height:180px}}@media (max-width:640px){.product-image,.product-image img{height:160px}}.popular-badge{position:absolute;top:10px;right:10px;z-index:3;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;box-shadow:0 4px 16px rgba(239,68,68,.4)}.product-card h3{margin:0 0 8px;font-size:1.2rem;font-weight:800}.product-card p{color:var(--muted);margin:0 0 16px;font-size:.93rem;line-height:1.5;flex-grow:1}.product-meta{display:flex;gap:10px;margin-bottom:16px}.price-box{flex:1 1;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;padding:10px 12px;text-align:center}.price-box small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.price-box strong{font-size:1.1rem;color:#fff}.product-card .actions{display:grid;grid-gap:8px;gap:8px}.input,.select,.textarea{width:100%;background:hsla(0,0%,100%,.04);border:1px solid rgba(168,85,247,.28);color:var(--text);border-radius:12px;padding:13px 14px;margin-top:6px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.15)}.textarea{min-height:120px;resize:vertical}.label{display:block;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:2px}.form-grid{grid-gap:16px}.form-grid,.two-col{display:grid;gap:16px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px}.admin-card,.checkout-card,.form-card{padding:26px}.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:start}.qr-box{background:hsla(0,0%,100%,.02);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}.qr-box img{max-width:240px;width:100%;margin:0 auto 14px;border-radius:14px}.notice{padding:13px 16px;border-radius:12px;font-size:.92rem;font-weight:600}.success-notice{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);color:#a7f3d0}.error-notice{background:hsla(0,91%,71%,.1);border:1px solid hsla(0,91%,71%,.35);color:#fecaca}.warning-notice{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.3);color:#fde68a}.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start;padding:24px 0 40px}.admin-sidebar{position:-webkit-sticky;position:sticky;top:100px;padding:18px}.admin-sidebar .admin-user{padding:12px 14px;border-bottom:1px solid hsla(0,0%,100%,.07);margin-bottom:14px}.admin-sidebar nav{display:grid;grid-gap:6px;gap:6px}.admin-sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:.9rem;transition:all .18s ease}.admin-sidebar nav a:hover{background:rgba(168,85,247,.12);color:#fff}.admin-sidebar nav a.active{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(124,58,237,.15));color:#e9d5ff;border:1px solid rgba(168,85,247,.35)}.admin-drawer-toggle{display:none}.admin-drawer-overlay{display:none;position:fixed;inset:0;background:rgba(5,5,10,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150}.admin-drawer{display:none;position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);height:100vh;overflow-y:auto;background:rgba(10,10,18,.98);border-radius:0 18px 18px 0;border:1px solid rgba(168,85,247,.25);box-shadow:20px 0 60px rgba(0,0,0,.6);padding:18px;z-index:160;transform:translateX(-100%);transition:transform .28s ease}.admin-drawer.open{transform:translateX(0)}.admin-drawer nav{display:grid;grid-gap:6px;gap:6px}.admin-drawer nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:.9rem;transition:all .18s ease}.admin-drawer nav a:hover{background:rgba(168,85,247,.12);color:#fff}.admin-drawer nav a.active{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(124,58,237,.15));color:#e9d5ff;border:1px solid rgba(168,85,247,.35)}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.stat-card{padding:22px}.stat-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.stat-card h3{margin:8px 0 0;font-size:1.7rem;font-weight:800}.table-wrap{overflow-x:auto;margin-top:16px}.table{width:100%;border-collapse:collapse;min-width:680px}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid hsla(0,0%,100%,.07);vertical-align:middle}.table th{color:var(--muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.table td{font-size:.92rem}.table tr:hover td{background:rgba(168,85,247,.04)}.badge{display:inline-block;padding:5px 11px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.badge.pending,.badge.under_review{background:rgba(251,191,36,.1);color:#fcd34d;border-color:rgba(251,191,36,.3)}.badge.approved{background:rgba(52,211,153,.1);color:#a7f3d0;border-color:rgba(52,211,153,.3)}.badge.rejected{background:hsla(0,91%,71%,.1);color:#fecaca;border-color:hsla(0,91%,71%,.3)}.badge.completed,.badge.delivered{background:rgba(96,165,250,.1);color:#bfdbfe;border-color:rgba(96,165,250,.3)}.badge.active{background:rgba(52,211,153,.1);color:#a7f3d0;border-color:rgba(52,211,153,.3)}.badge.inactive{background:rgba(148,163,184,.08);color:#94a3b8;border-color:rgba(148,163,184,.25)}.badge.admin{background:rgba(168,85,247,.15);color:#e9d5ff;border-color:rgba(168,85,247,.4)}.badge.customer{background:hsla(0,0%,100%,.06);color:#cbd5e1;border-color:hsla(0,0%,100%,.15)}.modal-overlay{background:rgba(5,5,10,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);padding:16px;margin-bottom:20px}.modal,.modal-overlay{height:auto;overflow:visible}.modal{width:100%;max-height:none;padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.modal-head h3{margin:0;font-size:1.35rem}.announcement-image{width:100%;height:auto;object-fit:contain;display:block;border-radius:12px}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{margin:0 0 10px;font-size:1.4rem}.empty-state p{color:var(--muted);margin-bottom:24px}.auth-card{max-width:520px;margin:48px auto;padding:34px}.auth-card h1{font-size:1.8rem;margin-bottom:6px}.auth-subtitle{color:var(--muted);margin-bottom:28px}.divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.8rem;margin:20px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.1)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .22s ease;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:var(--text)}.oauth-btn:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.4);transform:translateY(-1px)}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:.9rem;flex-wrap:wrap;gap:10px}.auth-links a{color:var(--purple);font-weight:700}.auth-links a:hover{text-decoration:underline}footer{border-top:1px solid rgba(168,85,247,.12);padding:44px 0 32px;margin-top:60px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.05))}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:32px;gap:32px}.footer-brand .logo{font-size:1.25rem}.footer-links{display:grid;grid-gap:10px;gap:10px}.footer-links a{color:var(--muted);transition:color .18s ease;font-size:.92rem}.footer-links a:hover{color:var(--purple)}.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.06);color:var(--muted);font-size:.82rem;text-align:center}.spinner{width:22px;height:22px;border:3px solid rgba(168,85,247,.3);border-top:3px solid var(--purple);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{display:grid;place-items:center;min-height:50vh}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-drawer-toggle{display:inline-flex;margin-bottom:18px}.admin-drawer-overlay{display:block;pointer-events:none;opacity:0;transition:opacity .25s ease}.admin-drawer-overlay.open{pointer-events:auto;opacity:1}.admin-drawer{display:block}.checkout-layout{grid-template-columns:1fr}.hero-section{min-height:82vh}.banner-slide img{max-height:320px}}@media (max-width:768px){.nav-links{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;background:rgba(8,8,14,.98);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.6);gap:4px}.nav-links.open{display:flex}.nav-links a,.nav-links button.link{padding:13px 14px}.mobile-toggle{display:inline-flex}.nav-actions .profile-label{display:none}.admin-grid,.footer-inner,.product-grid,.two-col{grid-template-columns:1fr}.footer-inner{gap:24px}.section{padding:32px 0}.hero-section{min-height:auto;padding:20px 0}.hero-content{padding:60px 16px}}@media (max-width:480px){.container{width:min(100% - 20px,1240px)}.nav{min-height:68px}.logo{font-size:1rem;letter-spacing:1px}.nav-actions .btn{padding:9px 12px;font-size:.8rem}.hero-actions{flex-direction:column;width:100%}.btn,.hero-actions .btn{width:100%}.admin-card,.checkout-card,.form-card,.modal{padding:18px}.banner-slide img{max-height:220px}.banner-arrow{width:34px;height:34px}.banner-prev{left:8px}.banner-next{right:8px}}@media (min-width:1024px){body{padding-left:260px}.mobile-header-bar{display:none!important}}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:rgba(10,10,18,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(168,85,247,.2);z-index:120;display:flex;flex-direction:column;padding:24px 16px;overflow-y:auto;transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar-brand{padding:0 8px 20px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex-grow:1}.nav-section-title{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;padding:8px}.sidebar-nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:var(--muted);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;background:transparent;border:1px solid transparent;cursor:pointer;width:100%;text-align:left}.sidebar-nav-link:hover{background:rgba(168,85,247,.12);color:#fff}.sidebar-nav-link.active{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(124,58,237,.15));color:#e9d5ff;border-color:rgba(168,85,247,.35);box-shadow:0 4px 16px rgba(168,85,247,.15)}.sidebar-nav-link.admin{color:#f472b6}.sidebar-nav-link.admin.active{background:rgba(244,114,182,.15);border-color:rgba(244,114,182,.4);color:#fbcfe8}.sidebar-nav-link.logout-btn:hover{background:hsla(0,91%,71%,.12);color:#fecaca}.sidebar-cart-box{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.25);text-decoration:none;transition:all .2s ease}.sidebar-cart-box:hover{background:rgba(168,85,247,.16);border-color:rgba(168,85,247,.45)}.mobile-header-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(10,10,18,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(168,85,247,.2);position:-webkit-sticky;position:sticky;top:0;z-index:110}.cart-icon-btn,.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:pointer;text-decoration:none}.sidebar-backdrop{position:fixed;inset:0;background:rgba(5,5,10,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:115}@media (max-width:1023px){.app-sidebar{transform:translateX(-100%);width:min(280px,85vw);box-shadow:20px 0 60px rgba(0,0,0,.8)}.app-sidebar.open{transform:translateX(0)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(5,5,10,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(168,85,247,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}.header-left,.header-right{display:flex;align-items:center;flex-shrink:0}.header-right{gap:8px}.header-right .btn{padding:8px 12px;font-size:.85rem;border-radius:10px}.header-right .profile-label{font-size:.85rem;font-weight:700}@media (max-width:768px){.header-inner{min-height:56px;gap:8px}.header-right{gap:4px}.header-right .btn{padding:7px 9px;font-size:.8rem}.header-right .profile-label{display:none}}@media (max-width:480px){.header-inner{min-height:52px}.header-right .btn{padding:6px 8px}}