:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fff;--border-subtle:#e2e8f0;--border-focus:#4f46e5;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-secondary:#0284c7;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 14px -1px #0000000f, 0 2px 6px -1px #00000008;--shadow-lg:0 16px 36px -4px #00000014, 0 4px 12px -2px #0000000a;--shadow-glow:0 0 24px #4f46e51f;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 10%,#4f46e50a 0%,#0000 45%),radial-gradient(circle at 90% 20%,#0284c70a 0%,#0000 40%),radial-gradient(circle at 50% 80%,#10b98108 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}input,select,textarea{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);background:#fff;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000005}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #4f46e526}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card-hover{transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card-hover:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:#cbd5e1;transform:translateY(-4px)}.btn-primary{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #4f46e540}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.btn-google{color:#1e293b;border-radius:var(--radius-sm);background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:12px;width:100%;padding:11px 20px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000000f}.btn-google:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.btn-danger{color:#e11d48;border-radius:var(--radius-sm);background:#fff1f2;border:1px solid #fecdd3;padding:8px 14px;font-weight:500;transition:all .2s}.btn-danger:hover{background:#ffe4e6;border-color:#fda4af}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-admin{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-student{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe}.badge-instock{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-outofstock{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.container{max-width:1280px;margin:0 auto;padding:0 20px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;color:var(--text-primary);background:#fff;animation:.25s cubic-bezier(.16,1,.3,1) modalScale;overflow-y:auto;box-shadow:0 25px 60px -12px #0f172a40,0 0 1px #0000001a}.modal-header{border-bottom:1px solid var(--border-subtle);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.close-btn{color:var(--text-secondary);border-radius:var(--radius-full);background:#f1f5f9;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.close-btn:hover{color:var(--text-primary);background:#e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #4f46e566}50%{box-shadow:0 0 0 8px #4f46e500}}.animate-float{animation:4s ease-in-out infinite floatSlow}.animate-pulse-glow{animation:2.5s infinite pulseGlow}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.category-pills-bar{scrollbar-width:none}.category-pills-bar::-webkit-scrollbar{display:none}.mobile-bottom-nav{display:none}@media (width<=1024px){.hero-grid{grid-template-columns:1fr!important;gap:28px!important}}@media (width<=768px){.container{padding:0 14px}.navbar-desktop-search,.navbar-desktop-actions{display:none!important}.navbar-mobile-actions{display:flex!important}.navbar-mobile-search-row{display:block!important}.navbar-subtext{display:none!important}.hero-title{font-size:clamp(1.8rem,6vw,2.3rem)!important}.hero-desc{font-size:.92rem!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}@media (width<=640px){body{padding-bottom:70px!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:950;background:#fffffff5;justify-content:space-around;align-items:center;height:60px;padding:0 6px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f;display:flex!important}.mobile-nav-btn{color:#64748b;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;padding:4px 0;font-size:.68rem;font-weight:500;display:flex}.mobile-nav-btn.active{color:#4f46e5;font-weight:700}.mobile-cart-badge{color:#fff;background:#f43f5e;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:6px;right:18px;box-shadow:0 2px 6px #f43f5e66}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{border-bottom:none!important;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;animation:.25s cubic-bezier(.16,1,.3,1) slideUpMobile!important}.modal-header{padding:16px 18px!important}.modal-body{padding:16px!important}.product-modal-grid{grid-template-columns:1fr!important;gap:16px!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.hero-stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.hero-stats-grid .glass-card{padding:12px 10px!important}.hero-stats-grid span{font-size:1.5rem!important}.product-card h3{font-size:.88rem!important;line-height:1.3!important}.product-card p{-webkit-line-clamp:1!important;font-size:.75rem!important}.product-card .btn-primary{padding:6px 10px!important;font-size:.78rem!important}.product-details-container{grid-template-columns:1fr!important;gap:20px!important}.product-details-container>div:first-child{position:static!important}}@media (width<=480px){.product-grid{gap:10px!important}.product-card .glass-card{border-radius:10px!important}.cart-drawer-panel{width:100vw!important;max-width:100vw!important}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}