:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--pink:#ff4fa3;--pink-dark:#e0388a;--pink-light:#fff3f9;--pink-border:#ff4fa34d;--panel-bg:#ffd9ea;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--panel-bg:#1b1c23;--pink-light:#2b1d27;--pink-border:#ff4fa34d;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{background-image:url(https://i.pinimg.com/736x/28/93/29/2893294b25fc851754f000ce9de9682d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}main{text-align:left;box-sizing:border-box;background:var(--panel-bg);width:100%;max-width:1400px;box-shadow:var(--shadow);border-radius:20px;flex-grow:1;margin:24px auto 40px;padding:32px 40px 48px}@media (width<=1024px){main{border-radius:14px;margin:16px auto 24px;padding:20px 20px 32px}}.navbar{border-bottom:1px solid var(--pink-dark);background:linear-gradient(120deg, var(--pink), var(--pink-dark));z-index:10;box-shadow:var(--shadow);position:sticky;top:0}.navbar-inner{box-sizing:border-box;align-items:center;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:16px 40px;display:flex}@media (width<=1024px){.navbar-inner{flex-wrap:wrap;gap:12px 16px;padding:14px 20px}}.navbar-brand{font-family:var(--heading);color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:600;text-decoration:none}.navbar-links{flex-wrap:wrap;flex-grow:1;gap:20px;display:flex}.navbar-links a{color:#fffc;border-bottom:2px solid #0000;padding:4px 0;font-size:15px;text-decoration:none;transition:color .2s,border-color .2s}.navbar-links a:hover{color:#fff}.navbar-links a.active{color:#fff;border-bottom-color:#fff}.navbar-actions{align-items:center;gap:18px;display:flex}.navbar-actions a{color:#ffffffd9;font-size:15px;text-decoration:none}.navbar-actions a:hover{color:#fff}.navbar-user{color:#fff;white-space:nowrap;font-size:14px}.navbar-link-btn{color:#ffffffd9;font-size:15px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0}.navbar-link-btn:hover{color:#fff}.navbar-cart{color:#fff;white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.navbar-cart-badge{min-width:20px;height:20px;color:var(--pink-dark);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;display:inline-flex}.home-page h1{margin-top:40px}.category-banners{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;display:grid}@media (width<=1024px){.category-banners{grid-template-columns:repeat(2,1fr)}}.category-card{aspect-ratio:3/4;box-shadow:var(--shadow);background:var(--code-bg);border-radius:12px;align-items:flex-end;text-decoration:none;transition:transform .2s;display:flex;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px)}.category-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.category-card:after{content:"";background:linear-gradient(#0000,#0000008c);position:absolute;inset:0}.category-card span{z-index:1;color:#fff;font-family:var(--heading);padding:16px;font-size:20px;font-weight:600;position:relative}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px;margin-bottom:24px;display:grid}.product-card-wrapper{position:relative}.product-card-staff-actions{z-index:2;gap:8px;display:flex;position:absolute;top:10px;right:10px}.product-card-staff-actions button{cursor:pointer;color:var(--pink-dark);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff2;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 3px 8px #0003}.product-card-staff-actions button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 12px #00000047}.product-card-staff-actions button.is-danger{color:#fff;background:#d33333e6}.product-card-staff-actions button.is-danger:hover{background:#d33}.product-card{color:var(--text-h);border:1px solid var(--pink-border);background:var(--pink-light);border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.product-card img{aspect-ratio:4/5;object-fit:cover;background:var(--code-bg);width:100%}.product-card h3{letter-spacing:.1px;margin:14px 14px 4px;font-size:15px;font-weight:500}.product-card p{color:var(--text-h);margin:0 14px 14px;font-size:15px;font-weight:600}.product-detail-layout{gap:40px;display:flex}.product-detail-layout img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:420px;max-width:50%}.product-detail-layout .category{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:8px 0;font-size:13px}.product-detail-layout .price{color:var(--text-h);margin:16px 0 8px;font-size:24px;font-weight:600}.product-detail-layout .stock{color:var(--text);margin-bottom:20px;font-size:14px}.product-detail-layout .stock-empty{color:#d33;font-weight:600}@media (width<=1024px){.product-detail-layout{flex-direction:column;gap:20px}.product-detail-layout img{width:100%;max-width:100%}}.back-button{background:linear-gradient(120deg, var(--pink), var(--pink-dark));color:#fff;font-size:16px;font-weight:600;font-family:var(--sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 24px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px #ff4fa359}.back-button span{font-size:20px;line-height:1}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #ff4fa373}.search-bar{border:1px solid var(--border);background:var(--code-bg);width:100%;max-width:360px;color:var(--text-h);font-size:15px;font-family:var(--sans);box-sizing:border-box;border-radius:999px;margin:20px 0 28px;padding:10px 14px;display:block}.search-bar:focus{outline:2px solid var(--pink);outline-offset:1px}.empty-state{color:var(--text);padding:24px 0}.pagination{justify-content:center;align-items:center;gap:16px;margin:32px 0 16px;display:flex}.pagination button{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px}.pagination button:hover:not(:disabled){border-color:var(--pink);color:var(--pink-dark)}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{color:var(--text);font-size:14px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg, var(--pink), var(--pink-dark));color:#fff}.btn-secondary{background:var(--code-bg);color:var(--text-h)}.btn-danger{color:#fff;background:#d33}.cart-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.cart-item{border-bottom:1px solid var(--border);grid-template-columns:72px 1fr auto auto auto;align-items:center;gap:16px;padding-bottom:16px;display:grid}.cart-item img{object-fit:cover;border-radius:8px;width:72px;height:90px}.cart-item h4{color:var(--text-h);margin:0 0 4px;font-size:15px;font-weight:500}.cart-item p{font-size:14px}.cart-item .cart-item-subtotal{color:var(--text-h);font-weight:600}@media (width<=1024px){.cart-item{grid-template-columns:60px 1fr;grid-template-areas:"img info""img quantity""img subtotal""img remove"}.cart-item img{grid-area:img}}.cart-item-quantity{align-items:center;gap:10px;display:inline-flex}.cart-item-quantity button{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-h);cursor:pointer;border-radius:6px;font-size:16px}.cart-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.cart-summary p{color:var(--text-h);font-size:20px;font-weight:600}.checkout-page{max-width:960px}.checkout-layout{grid-template-columns:1fr 340px;align-items:start;gap:40px;margin-top:24px;display:grid}@media (width<=1024px){.checkout-layout{grid-template-columns:1fr;gap:24px}}.checkout-form{flex-direction:column;gap:16px;display:flex}.checkout-form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.checkout-form input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-size:15px;font-family:var(--sans);border-radius:8px;padding:10px 12px}.checkout-form input:focus{border-color:var(--pink);outline:none}.checkout-form .btn{align-self:flex-start;margin-top:8px}.payment-methods{border:none;flex-direction:column;gap:10px;margin:8px 0 4px;padding:0;display:flex}.payment-methods legend{color:var(--text-h);margin-bottom:4px;padding:0;font-size:14px;font-weight:600}.payment-option{border:1.5px solid var(--border);cursor:pointer;background:var(--bg);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.payment-option input[type=radio]{accent-color:var(--pink);margin-top:3px}.payment-option strong{color:var(--text-h);font-size:14px;display:block}.payment-option small{color:var(--text);margin-top:2px;font-size:12.5px;display:block}.payment-option:hover{border-color:var(--pink)}.payment-option.selected{border-color:var(--pink);background:var(--pink-light)}.order-summary{background:var(--bg);border:1px solid var(--pink-border);border-radius:14px;padding:24px}.order-summary h2{margin:0 0 16px}.order-summary-list{color:var(--text);flex-direction:column;gap:10px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:flex}.order-summary-list li{justify-content:space-between;gap:12px;display:flex}.order-summary-total{border-top:1px solid var(--pink-border);color:var(--text-h);justify-content:space-between;padding-top:12px;font-size:18px;font-weight:700;display:flex}.footer{border-top:1px solid var(--pink-dark);background:linear-gradient(120deg, var(--pink), var(--pink-dark));border-radius:20px 20px 0 0;margin-top:64px}@media (width<=1024px){.footer{border-radius:14px 14px 0 0}}.footer-inner{box-sizing:border-box;text-align:left;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:48px 40px 32px;display:grid}@media (width<=1024px){.footer-inner{grid-template-columns:repeat(2,1fr);padding:32px 20px}}.footer-col h3{font-family:var(--heading);color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;font-size:14px;font-weight:600}.footer-col p{color:#ffffffd9;font-size:14px}.footer-col ul{color:#ffffffd9;flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.footer-col a{color:#ffffffd9;text-decoration:none}.footer-col a:hover{color:#fff}.footer-copy{text-align:center;color:#ffffffbf;border-top:1px solid #ffffff40;padding:16px 20px 24px;font-size:13px}.auth-page{text-align:center;max-width:380px;margin:32px auto}.auth-form{text-align:left;flex-direction:column;gap:16px;margin-top:24px;display:flex}.auth-form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-form input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-size:15px;font-family:var(--sans);border-radius:8px;padding:10px 12px}.auth-form input:focus{border-color:var(--pink);outline:none}.auth-form .btn{margin-top:4px}.auth-error{color:var(--pink-dark);background:var(--pink-light);border:1px solid var(--pink-border);border-radius:8px;padding:10px 12px;font-size:14px}.auth-switch{color:var(--text);margin-top:20px;font-size:14px}.auth-switch a{color:var(--pink-dark);font-weight:600;text-decoration:none}.admin-page h1{margin-top:24px}.admin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.admin-tabs a{color:var(--text);border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none}.admin-tabs a:hover{color:var(--text-h)}.admin-tabs a.active{color:var(--pink-dark);border-bottom-color:var(--pink)}.admin-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-subtabs{gap:8px;margin-bottom:16px;display:flex}.admin-subtabs button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.admin-subtabs button.is-active{background:var(--pink);border-color:var(--pink);color:#fff}.admin-subtabs button:hover:not(.is-active){border-color:var(--pink);color:var(--pink-dark)}.admin-form{background:var(--pink-light);border:1px solid var(--pink-border);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;padding:20px;display:grid}.admin-form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;display:flex}.admin-form input,.admin-form select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-size:14px;font-family:var(--sans);border-radius:8px;padding:9px 10px}@media (width<=1024px){.admin-form{grid-template-columns:1fr}}.admin-form-actions{grid-column:1/-1;gap:10px;display:flex}.upload-status{color:var(--pink-dark);grid-column:1/-1;margin:-6px 0 0;font-size:13px}.image-preview{grid-column:1/-1}.image-preview img{object-fit:cover;border:1.5px solid var(--pink-border);border-radius:10px;width:140px;height:175px}.admin-table-wrapper{border:1px solid var(--pink-border);background:var(--bg);border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;padding:12px 16px}.admin-table thead th{background:var(--pink-light);color:var(--pink-dark);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--pink-border);white-space:nowrap;font-size:12px;font-weight:700}.admin-table thead th:first-child{border-top-left-radius:13px}.admin-table thead th:last-child{text-align:right;border-top-right-radius:13px}.admin-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:nth-child(2n){background:#ff4fa30f}.admin-table tbody tr:hover{background:var(--pink-light)}.admin-table td{color:var(--text-h)}.admin-table td:last-child{text-align:right}.admin-table tr.is-deleted td{color:var(--text);opacity:.6}.admin-table .col-wrap{white-space:normal;max-width:340px}.admin-table select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:6px 10px;font-size:13px}.admin-table-actions{justify-content:flex-end;gap:8px;display:inline-flex}.admin-link-btn{background:var(--pink-light);border:1px solid var(--pink-border);color:var(--pink-dark);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;transition:background .15s}.admin-link-btn:hover{background:var(--pink);color:#fff}.admin-link-btn-danger{color:#d33;background:#d333331a;border-color:#d333334d}.admin-link-btn-danger:hover{color:#fff;background:#d33}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--pink-light);border:1px solid var(--pink-border);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow);border-radius:16px;padding:28px;overflow-y:auto}.modal-panel h2{color:var(--pink-dark);margin:0 0 8px}.modal-panel .admin-form{background:0 0;border:none;margin-top:16px;padding:0}.modal-panel .admin-form input,.modal-panel .admin-form select{background:var(--bg);border:1.5px solid var(--pink-border)}.modal-panel-confirm{background:var(--pink-light);border:1px solid var(--pink-border);text-align:center;max-width:400px}.modal-panel-confirm h2{color:var(--pink-dark)}.modal-panel-confirm p{color:var(--text-h);margin-bottom:24px}.modal-panel-confirm .admin-form-actions{justify-content:center}