:root{--bg-primary-color: #1a1a2e;--bg-secondary-color: #7b4397;--bg-accent-color: #dc81a2;--bg-light-purple: #c77dff}*,html,body{scrollbar-width:thin;scrollbar-color:var(--bg-light-purple) transparent}::-webkit-scrollbar,html::-webkit-scrollbar,body::-webkit-scrollbar{width:5px;height:5px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bg-light-purple),var(--bg-accent-color));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bg-accent-color),var(--bg-secondary-color))}::-webkit-scrollbar-corner{background:transparent}@supports (overflow: overlay){.modal-body,#productModal .product-modal-body,.modal-dialog-scrollable .modal-body,.table-responsive{overflow-y:overlay}}html,body{overflow-x:clip;max-width:100%}.hero,.hero-about,.hero-contact{overflow:hidden}header{position:-webkit-sticky;position:sticky;top:0;z-index:1030}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:var(--bg-light-purple);box-shadow:none;outline:none}.form-check-input:checked{background-color:var(--bg-secondary-color);border-color:var(--bg-secondary-color)}.password-field{position:relative}.password-field .form-control{padding-right:2.9rem}.password-toggle{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;color:#8a8a99;display:flex;align-items:center}.password-toggle:hover{color:var(--bg-secondary-color)}.order-success{padding:1.5rem .5rem .75rem;max-width:480px;margin:0 auto}.order-success-check{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#fff;background:linear-gradient(135deg,var(--bg-light-purple) 0%,var(--bg-accent-color) 100%);box-shadow:0 10px 25px #c77dff73;animation:successPop .4s ease}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.order-success-title{font-weight:700;color:#1a1a2e;margin-bottom:.25rem}.order-success-number{color:var(--bg-secondary-color);font-weight:600;margin-bottom:.75rem}.order-success-text{color:#6c757d;margin-bottom:1.5rem}.order-success-actions{display:flex;flex-direction:column;align-items:center;gap:.25rem}.order-success-actions .btn-primary{background:linear-gradient(135deg,var(--bg-light-purple) 0%,var(--bg-accent-color) 100%);border:none;color:#fff;font-weight:600;min-width:230px}.order-success-actions .btn-link{color:#6c757d;text-decoration:none}.nav-user-toggle{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;cursor:pointer}.nav-user-name{font-weight:600}.nav-user-caret{font-size:.7rem;opacity:.85;transition:transform .2s}.nav-item.dropdown.show .nav-user-caret{transform:rotate(180deg)}.nav-user-toggle .nav-user-avatar{font-size:1rem}.navbar .dropdown-menu{border:none;box-shadow:0 8px 24px #00000026}.navbar .dropdown-menu .dropdown-item{cursor:pointer}.category-filter{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:0 auto 2.5rem;max-width:1000px}.category-chip{border:2px solid var(--bg-light-purple);background:#fff;color:var(--bg-secondary-color);padding:.45rem 1.1rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.category-chip:hover{background:#c77dff1f}.category-chip.active{background:linear-gradient(90deg,var(--bg-light-purple),var(--bg-accent-color));color:#fff;border-color:transparent}#productModal{padding:1rem}#productModal .product-modal-content{display:flex;flex-direction:column;margin:0;width:92%;max-width:760px;max-height:92vh;overflow:hidden;border-radius:18px;box-shadow:0 30px 70px #1a0a2e73}#productModal .product-modal-header{flex-shrink:0;padding:1.15rem 1.6rem}#productModal .product-modal-header h2{font-size:1.3rem;letter-spacing:.3px}#productModal .product-modal-body{overflow-y:auto;padding:1.75rem}#productModal .modal-product-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.75rem;align-items:start}@media (max-width: 576px){#productModal .modal-product-grid{grid-template-columns:1fr}}#productModal .modal-product-image{height:300px;object-fit:contain;background:#f7f3fb;padding:.85rem;border:1px solid #ece1f6;border-radius:14px;box-shadow:0 8px 22px #7b43971f}#productModal .modal-product-code{display:inline-block;background:#c77dff24;color:var(--bg-secondary-color);font-weight:700;font-size:.7rem;letter-spacing:.7px;text-transform:uppercase;padding:.3rem .7rem;border-radius:50px;margin-bottom:.85rem}#productModal .modal-product-title{font-size:1.55rem;font-weight:700;color:#1a1a2e;line-height:1.25;margin-bottom:.5rem}#productModal .modal-product-price{font-size:1.45rem;font-weight:700;color:var(--bg-secondary-color);margin-bottom:1rem}#productModal .modal-description{color:#6c757d;line-height:1.7;margin-bottom:0}#productModal .modal-footer{border-top:1px solid #eef0f3;margin-top:1.5rem;padding-top:1.25rem;display:flex;justify-content:flex-end;gap:.75rem}#productModal .modal-footer .btn{min-width:150px;border-radius:50px;padding:.6rem 1.4rem;font-weight:600}#productModal .modal-footer .btn-primary{flex:0 0 auto;margin:0}#productModal .modal-footer .btn-secondary{background:#fff;border:1.5px solid var(--bg-light-purple);color:var(--bg-secondary-color)}#productModal .modal-footer .btn-secondary:hover{background:#c77dff1f;color:var(--bg-secondary-color)}@media (max-width: 480px){#productModal .modal-footer{flex-direction:column-reverse}#productModal .modal-footer .btn{width:100%}}@media (min-width: 769px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:start}}.category-block{margin-bottom:3rem}.category-heading{font-size:1.6rem;font-weight:700;color:var(--bg-primary-color);margin:0 0 1.5rem;padding-bottom:.6rem;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--bg-light-purple),var(--bg-accent-color)) 1;display:inline-block}.product-image-wrapper{position:relative}.product-status-badge{position:absolute;top:10px;left:10px;z-index:2;font-size:.72rem;font-weight:700;padding:.28rem .6rem;border-radius:6px;color:#fff;letter-spacing:.3px}.product-status-oos{background:#d63031}@media (max-width: 576px){.category-filter{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.category-heading{font-size:1.3rem}}@media (max-width: 480px){.hero-home .hero-home-title{font-size:1.7rem;line-height:1.25}.hero-home .hero-home-subtitle{font-size:1rem}.hero-about .hero-about-title,.hero-contact .hero-contact-title{font-size:1.9rem;line-height:1.2}.products-section .section-title{font-size:1.6rem}.hero-content{padding-inline:.5rem}}.user-login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(255,184,220,.35) 0%,transparent 55%),radial-gradient(ellipse at 15% 25%,rgba(255,200,120,.2) 0%,transparent 45%),radial-gradient(ellipse at 85% 25%,rgba(255,200,120,.2) 0%,transparent 45%),linear-gradient(180deg,#2a1746,#4a2470,#7b4397 70%,#9a5fb5)}.user-login-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.user-login-decor span{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd296e6;box-shadow:0 0 12px 3px #ffc87899;animation:userGlow 4s ease-in-out infinite}.user-login-decor span:nth-child(odd){background:#ffffffd9;box-shadow:0 0 10px 2px #ffffff80}.user-login-decor span:nth-child(1){left:8%;top:16%}.user-login-decor span:nth-child(2){left:20%;top:60%}.user-login-decor span:nth-child(3){left:14%;top:38%}.user-login-decor span:nth-child(4){left:30%;top:22%}.user-login-decor span:nth-child(5){left:40%;top:70%}.user-login-decor span:nth-child(6){left:52%;top:14%}.user-login-decor span:nth-child(7){left:62%;top:56%}.user-login-decor span:nth-child(8){left:72%;top:26%}.user-login-decor span:nth-child(9){left:84%;top:64%}.user-login-decor span:nth-child(10){left:90%;top:34%}.user-login-decor span:nth-child(11){left:6%;top:80%}.user-login-decor span:nth-child(12){left:26%;top:86%}.user-login-decor span:nth-child(13){left:46%;top:40%}.user-login-decor span:nth-child(14){left:66%;top:82%}.user-login-decor span:nth-child(15){left:78%;top:8%}.user-login-decor span:nth-child(16){left:94%;top:78%}.user-login-decor span:nth-child(17){left:36%;top:50%}.user-login-decor span:nth-child(18){left:58%;top:34%}@keyframes userGlow{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.user-login-card{position:relative;z-index:2;background:#fff;border-radius:18px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 25px 60px #00000059}.user-login-brand{text-align:center;font-weight:700;font-size:1.15rem;color:var(--bg-secondary-color);margin-bottom:1rem}.user-login-card h1{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.4rem;color:#1a1a2e}.user-login-card .subtitle{text-align:center;color:#6c757d;font-size:.92rem;margin-bottom:1.5rem}.user-login-card .btn-primary{background:linear-gradient(135deg,var(--bg-light-purple) 0%,var(--bg-accent-color) 100%);border:none;color:#fff;font-weight:600}.user-login-card .btn-link{color:var(--bg-secondary-color);text-decoration:none;font-size:.9rem}.admin-shell{min-height:100vh;background:#f4f5fa;font-family:Poppins,sans-serif;color:#1a1a2e}.admin-topbar{background:linear-gradient(135deg,var(--bg-primary-color) 0%,var(--bg-secondary-color) 100%);color:#fff;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 4px 15px #00000026}.admin-topbar .admin-brand{font-weight:700;font-size:1.15rem}.admin-topbar .admin-brand span{opacity:.8;font-weight:400;font-size:.85rem}.admin-nav{display:flex;gap:.4rem;flex-wrap:wrap}.admin-nav a{color:#fff;text-decoration:none;padding:.4rem .9rem;border-radius:8px;font-size:.9rem;font-weight:500;opacity:.85}.admin-nav a:hover{background:#ffffff1f;opacity:1}.admin-nav a.active{background:#fff3;opacity:1}.admin-content{padding:1.5rem;width:100%}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary-color) 0%,var(--bg-secondary-color) 100%);padding:1.5rem}.admin-login-card{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 50px #00000040}.admin-login-card h1{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.3rem}.admin-login-card .subtitle{text-align:center;color:#6c757d;margin-bottom:1.5rem;font-size:.9rem}.admin-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 14px #0000000f;margin-bottom:1.25rem}.admin-stat{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 14px #0000000f;text-align:center}.admin-stat .num{font-size:2rem;font-weight:700;color:var(--bg-secondary-color)}.admin-stat .label{color:#6c757d;font-size:.85rem}.admin-product-modal .modal-dialog{max-height:calc(100vh - 3.5rem)}.admin-product-modal form{display:contents}.admin-product-modal .modal-body{overflow-y:auto}.admin-product-modal .modal-footer{position:sticky;bottom:0;background:#fff}.admin-shell .btn-primary,.admin-product-modal .btn-primary{background:linear-gradient(135deg,var(--bg-light-purple) 0%,var(--bg-accent-color) 100%);border:none;color:#fff;font-weight:600}.admin-shell .btn-primary:hover,.admin-product-modal .btn-primary:hover{filter:brightness(1.05);color:#fff}.status-badge{display:inline-block;padding:.3rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.2px;white-space:nowrap;line-height:1.2}.status-received{background:linear-gradient(135deg,var(--bg-light-purple) 0%,var(--bg-accent-color) 100%);color:#fff}.status-shipped{background:#f6c343;color:#4a3600}.status-delivered{background:#2e9e4f;color:#fff}.order-status-cell{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.order-status-select{max-width:150px}.admin-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#f0f0f0}.admin-table-status{display:flex;gap:.75rem;align-items:center}.order-items{display:flex;flex-direction:column;gap:.5rem}.order-item-row{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #eee;border-radius:8px;padding:.4rem .6rem}.order-item-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#f0f0f0;flex:0 0 auto}.order-item-info{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.order-item-name{font-weight:600;font-size:.9rem;line-height:1.2}.order-item-meta{font-size:.78rem;color:#6c757d}.order-item-code{font-family:monospace;background:#f0ecf7;color:var(--bg-secondary-color);padding:.05rem .35rem;border-radius:4px;font-weight:600}.order-item-total{font-weight:600;font-size:.9rem;white-space:nowrap}.page-with-navbar-offset{padding-top:.5rem}