:root{--color-primary: #ffc857;--color-primary-dark: #e0ac1a;--color-dark: #02081a;--color-light: #ffffff;--color-background: #020514;--color-muted: #a0a0a0;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#102040 0,var(--color-dark) 45%,var(--color-background) 100%);color:var(--color-light)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}.main-content.admin-content-full{max-width:none;width:100%;margin:0;padding:1.5rem 1.5rem 3rem}.header{background:linear-gradient(135deg,#02081a,#031024);border-bottom:1px solid rgba(255,255,255,.05);padding:.75rem 1rem 1rem;box-shadow:0 8px 30px #0009;position:sticky;top:0;z-index:20}.header-top{max-width:1200px;margin:0 auto .75rem;display:flex;align-items:center;gap:1rem}.logo-area{display:flex;align-items:center;gap:.75rem;min-width:0}.logo{width:56px;height:56px;border-radius:999px;background:#fff;object-fit:contain}.logo-text h1{font-size:1.2rem;color:var(--color-primary);letter-spacing:.04em}.logo-text span{font-size:.75rem;color:var(--color-muted)}.search-area{flex:1;display:flex;gap:.5rem}.search-area input{flex:1;padding:.55rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#000000b3;color:var(--color-light);font-size:.9rem;outline:none}.search-area input::placeholder{color:#fff6}.search-area button{padding:.55rem 1rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;background:var(--color-primary);color:#000;transition:background .2s ease,transform .1s ease}.search-area button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.user-actions{display:flex;align-items:center;gap:.5rem}.link-button{background:transparent;border:none;color:var(--color-light);cursor:pointer;font-size:.85rem;padding:.4rem .75rem;border-radius:999px;transition:background .15s ease}.link-button:hover{background:#ffffff14}.primary-button{background:var(--color-primary);color:#000;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap}.primary-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.primary-button.full{width:100%;justify-content:center}.cart-button{display:flex;align-items:center;gap:.4rem;background:#000000bf;border-radius:999px;padding:.4rem .75rem;border:1px solid rgba(255,255,255,.08);color:var(--color-light);cursor:pointer;font-size:.85rem}.cart-count{min-width:20px;height:20px;border-radius:999px;background:var(--color-primary);color:#000;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.nav-categories{max-width:1200px;margin:0 auto;position:relative}.nav-categories ul{list-style:none;display:flex;gap:1rem;padding:.4rem .5rem 0;overflow:visible}.category{position:relative;font-size:.85rem;color:var(--color-light);padding:.35rem .6rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease}.category:hover,.category.active{background:#ffffff14}.dropdown{position:absolute;top:calc(100% + 8px);left:0;transform:none;background:#07142a;border-radius:12px;padding:.4rem;box-shadow:0 12px 30px #0009;min-width:160px;z-index:30;transform-origin:top left}.dropdown-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--color-light);padding:.45rem .6rem;border-radius:8px;cursor:pointer;font-size:.8rem}.dropdown-item:hover{background:#ffffff14}.carousel{margin:1.25rem 0 1.75rem;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle at left,#ffc857 0,#0b2240 40%,var(--color-background) 100%);min-height:180px}.carousel-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(10%);transition:opacity .5s ease,transform .5s ease;display:flex;align-items:center;justify-content:center;padding:1.5rem}.carousel-item.active{opacity:1;transform:translate(0)}.carousel-content{text-align:center;max-width:640px}.carousel-content h2{font-size:1.6rem;margin-bottom:.4rem;text-shadow:0 4px 16px rgba(0,0,0,.7)}.carousel-content p{font-size:.95rem;color:#ffffffe6}.carousel-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem}.dot{width:8px;height:8px;border-radius:999px;border:none;background:#0006;cursor:pointer}.dot.active{width:18px;background:var(--color-primary)}.home-page{display:flex;flex-direction:column;gap:1.5rem}.home-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.25rem;align-items:flex-start}.home-left,.home-right{min-width:0}.products-section{background:#02081ae6;border-radius:var(--radius-lg);padding:1rem;box-shadow:0 18px 40px #000c;border:1px solid rgba(255,255,255,.04)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-header h2{font-size:1.1rem}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.product-card{display:flex;flex-direction:column;height:100%}.product-card .primary-button.full{margin-top:auto}.product-grid,.featured-products-grid{align-items:stretch}.product-image-placeholder{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image-placeholder img{max-width:85%;max-height:85%;object-fit:contain;display:block}.product-badge{position:absolute;top:8px;left:8px;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-primary);color:#061021}.product-price-wrapper{margin-top:.35rem}.product-price-original{display:inline-block;margin-right:.4rem;font-size:.85rem;text-decoration:line-through;opacity:.6}.product-description{font-size:.8rem;color:var(--color-muted);flex:1}.product-price{font-weight:600}.product-promo-text{margin-top:.2rem;font-size:.8rem;color:var(--color-primary)}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end;z-index:30}.cart-drawer{width:min(380px,100%);height:100%;background:#02081afa;box-shadow:-10px 0 30px #000000b3;display:flex;flex-direction:column}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.12)}.cart-section{background:#02081af2;border-radius:0;padding:.8rem 1rem 1rem;border-left:1px solid rgba(255,255,255,.1);box-shadow:none;position:relative;flex:1;display:flex;flex-direction:column}.cart-section h2{font-size:1rem;margin-bottom:.6rem}.cart-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem;max-height:260px;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(255,255,255,.08);font-size:.85rem}.cart-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.cart-actions input[type=number]{width:64px;padding:.2rem .3rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#000;color:var(--color-light);font-size:.8rem}.cart-summary{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;margin-top:.25rem}.cart-summary-actions{display:flex;justify-content:space-between;gap:.6rem;align-items:center;flex-wrap:wrap}.checkout-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:40;padding:1rem}.checkout-content{background:#02081a;border-radius:18px;max-width:720px;width:100%;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08)}.checkout-header h3{font-size:1rem}.checkout-form{padding:.9rem 1.1rem 1.1rem;overflow-y:auto}.form-row{margin-bottom:.75rem;display:flex;gap:.75rem;flex-wrap:wrap}.form-row label{flex:1;font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}.form-row input,.form-row textarea{padding:.45rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#000;color:var(--color-light);font-size:.8rem;outline:none}.form-row input::placeholder,.form-row textarea::placeholder{color:#fff6}.form-row textarea{resize:vertical}.form-row.two-columns label{min-width:calc(50% - .4rem)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem}.footer{margin-top:auto;background:#02081a;border-top:1px solid rgba(255,255,255,.08);padding:1.25rem 1rem 1.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;font-size:.8rem}.footer-logo{width:52px;height:52px;border-radius:999px;background:#fff;object-fit:contain;margin-bottom:.4rem}.footer-section h4{margin-bottom:.4rem;font-size:.9rem}.footer-section p{color:var(--color-muted);line-height:1.4}.social-list,.policy-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.social-list a,.policy-list a{color:var(--color-light);text-decoration:none;font-size:.8rem}.social-list a:hover,.policy-list a:hover{text-decoration:underline}@media(max-width:880px){.header-top{flex-wrap:wrap}.search-area{order:3}.user-actions{margin-left:auto}.home-layout{grid-template-columns:minmax(0,1fr)}.cart-section{position:static}.products-grid,.footer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.header-top{align-items:flex-start}.search-area{flex-direction:column}.search-area button{width:100%}.user-actions{width:100%;justify-content:flex-end}.products-grid,.footer{grid-template-columns:minmax(0,1fr)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#020514;border-radius:18px;padding:1.2rem 1.5rem;max-width:520px;width:100%;box-shadow:0 18px 45px #0009;border:1px solid rgba(255,255,255,.08)}.modal-card{background:#02081a;border-radius:16px;padding:1rem 1.1rem 1.2rem;border:1px solid rgba(255,255,255,.16);width:100%;max-width:360px;box-shadow:0 18px 40px #000000d9}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-header h3{margin:0;font-size:1rem}.modal-close{border:none;background:transparent;color:var(--color-light);font-size:1rem;cursor:pointer}.modal-body{font-size:.9rem}.modal-body label{font-size:.85rem;display:flex;flex-direction:column;gap:.25rem}.modal-body input{padding:.45rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#020514;color:#fff;font-size:.85rem}.modal-error{color:#ff6b6b;font-size:.8rem}.icon-button{background:transparent;border:none;color:var(--color-light);cursor:pointer;font-size:1.1rem;padding:.3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.icon-button:hover{background:#ffffff1a;transform:translateY(-1px)}.admin-page{background:#02081af2;border-radius:16px;padding:1.2rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #000c}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-actions{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-muted)}.admin-form{display:flex;flex-direction:column;gap:.75rem}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#020514;color:var(--color-light);font-size:.85rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.checkbox-inline{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.checkbox-inline input{width:auto}.admin-list{background:#0000004d;border-radius:12px;padding:.75rem .9rem}.admin-products-list{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem;max-height:320px;overflow-y:auto}.admin-product-item{display:flex;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(255,255,255,.15);font-size:.85rem}.admin-product-info{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;min-width:0}.admin-product-thumb{width:70px;height:70px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden;font-size:.7rem;color:var(--color-muted);text-align:center}.admin-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-product-item small{color:var(--color-muted)}.admin-badge{align-self:flex-start;font-size:.7rem;padding:.15rem .4rem;border-radius:999px;background:var(--color-primary);color:#000;font-weight:600}.admin-success{color:#4cd964;font-size:.8rem}.admin-helper-text{color:var(--color-muted);font-size:.85rem;line-height:1.4}.admin-helper-list{margin:.2rem 0 .8rem;padding-left:1.1rem;color:var(--color-light);font-size:.85rem;display:grid;gap:.15rem}.import-file-row{display:grid;grid-template-columns:1fr minmax(0,1.4fr);align-items:flex-start;gap:1rem}.import-example{width:100%;padding:.75rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px #00000040;display:grid;gap:.5rem}.import-example-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--color-light);font-size:.9rem}.import-example-header span{font-size:.8rem;color:var(--color-muted)}.import-example-table-wrapper{overflow:auto}.import-example-table{width:100%;border-collapse:collapse;font-size:.8rem;color:var(--color-light)}.import-example-table th,.import-example-table td{border:1px solid rgba(255,255,255,.12);padding:.35rem .5rem;text-align:left}.import-example-table th{background:#ffffff0a;font-weight:600}.import-example-table td{background:#ffffff05}.import-summary{margin-top:.6rem;padding:.8rem;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;font-size:.9rem;display:grid;gap:.35rem}.import-summary ul{margin:.25rem 0 0;padding-left:1.1rem}.import-errors{border-top:1px dashed rgba(255,255,255,.2);padding-top:.5rem;color:#ffb84d}.import-errors ul{margin:.3rem 0 0;padding-left:1.1rem;color:#f5e7d0}@media(max-width:880px){.admin-layout{grid-template-columns:minmax(0,1fr)}.import-file-row{grid-template-columns:1fr}}.admin-list-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.admin-search-input{padding:.3rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#020514;color:var(--color-light);font-size:.8rem;min-width:180px}.admin-search-input::placeholder{color:#ffffff80}@media(max-width:880px){.admin-list-header{flex-direction:column;align-items:flex-start}.admin-search-input{width:100%}}.bulk-edit-table{display:flex;flex-direction:column;gap:.4rem}.admin-bulk{width:100%}.bulk-edit-wrapper{display:flex;flex-direction:column;gap:.9rem}.bulk-edit-card{padding:1rem}.bulk-filters{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.bulk-actions{display:flex;align-items:flex-end}.bulk-filter-input{display:flex;flex-direction:column;gap:.35rem;min-width:240px}.bulk-filter-input span{font-size:.85rem;color:var(--color-muted)}.bulk-filter-input input{width:100%;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#020514;color:var(--color-light)}.bulk-sort-group{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.bulk-sort-group span{font-size:.85rem;color:var(--color-muted)}.bulk-sort-actions{display:flex;gap:.5rem}.secondary-button.small.active{border-color:var(--color-primary);color:var(--color-primary)}.bulk-edit-scroll{width:100%;overflow-x:auto}.bulk-edit-table{min-width:980px}.bulk-edit-header{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.55rem .7rem;font-size:.82rem;font-weight:600}.bulk-header-cell{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.bulk-sort-buttons{display:flex;gap:.2rem}.bulk-sort-button{background:transparent;color:var(--color-light);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.2rem .35rem;font-size:.8rem;cursor:pointer;line-height:1;transition:border-color .15s ease,color .15s ease,background .15s ease}.bulk-sort-button:hover,.bulk-sort-button:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}.bulk-sort-button.active{border-color:var(--color-primary);color:var(--color-primary);background:#4766ff1f}.bulk-featured-header{flex-direction:column;align-items:flex-start;gap:.35rem}.bulk-featured-actions{display:flex;flex-wrap:wrap;gap:.35rem}.bulk-edit-body{display:flex;flex-direction:column;gap:.45rem;max-height:420px;overflow:auto;padding-right:.2rem}.bulk-edit-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(200px,1.4fr) minmax(80px,.55fr) minmax(80px,.55fr) minmax(150px,1fr) minmax(150px,1fr) minmax(130px,.8fr) minmax(90px,.5fr) minmax(110px,.6fr);gap:.6rem;align-items:stretch;background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:.6rem}.bulk-edit-cell input,.bulk-edit-cell textarea{width:100%;padding:.35rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#020514;color:var(--color-light);font-size:.85rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.bulk-edit-cell textarea{resize:vertical;min-height:72px}.bulk-row-hint{color:var(--color-muted);font-size:.75rem;display:block;margin-top:.25rem}.bulk-edit-cell.small input{text-align:right}.bulk-edit-cell.image-cell{display:flex;align-items:center;gap:.4rem}.bulk-image-flag{background:#4cd96426;color:#4cd964;border:1px solid rgba(76,217,100,.4);padding:.28rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.bulk-image-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border:1px dashed rgba(255,255,255,.28);border-radius:10px;cursor:pointer;font-size:.8rem;color:var(--color-light);background:#ffffff0a}.bulk-image-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.bulk-edit-cell.checkbox-cell{display:flex;align-items:center;justify-content:center}.bulk-edit-cell.action-cell{display:flex;align-items:center;justify-content:flex-end}.bulk-edit-row .secondary-button{width:100%}.product-image-wrapper{width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;margin-bottom:.5rem;background:#020514;display:flex;align-items:center;justify-content:center}.product-image-wrapper img{width:100%;height:100%;object-fit:contain}.product-image-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:12px;border:1px dashed rgba(255,255,255,.3);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-muted)}.admin-main{display:flex;gap:1rem;margin-top:.5rem}.admin-sidebar{width:220px;background:#02081afa;border-radius:12px;padding:.6rem;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.4rem}.admin-sidebar-btn{width:100%;text-align:left;padding:.4rem .6rem;border-radius:999px;border:none;background:transparent;color:var(--color-light);font-size:.85rem;cursor:pointer;transition:background .15s ease,transform .1s ease}.admin-sidebar-btn:hover{background:#ffffff14;transform:translateY(-1px)}.admin-sidebar-btn.active{background:var(--color-primary);color:#000;font-weight:600}.admin-content{flex:1}.admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr);gap:1.2rem}.admin-categories-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem}.admin-category-list-wrapper{margin-top:0}.admin-category-list{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem;max-height:320px;overflow-y:auto}.admin-category-item{display:flex;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(255,255,255,.15);font-size:.85rem}.admin-category-desc{font-size:.8rem;color:var(--color-muted)}.admin-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.link-button.small{font-size:.75rem;padding-inline:.4rem}.link-button.small.danger{color:#ff6b6b}@media(max-width:960px){.admin-main{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;justify-content:space-around}.admin-layout,.admin-categories-layout{grid-template-columns:minmax(0,1fr)}}.product-search-inline{display:flex;gap:.5rem;align-items:center}.product-search-inline input{flex:1}.secondary-button{border-radius:999px;padding:.4rem .9rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:var(--color-light);font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.secondary-button:hover{background:#ffffff0f;transform:translateY(-1px)}.selected-product-hint{display:block;margin-top:.25rem;font-size:.78rem;color:var(--color-muted)}.modal.promo-product-modal{max-width:520px;width:100%}.promo-product-search-input{width:100%;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#020514;color:var(--color-light);font-size:.85rem;margin-bottom:.6rem}.promo-product-results{max-height:320px;overflow-y:auto}.promo-product-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.promo-product-item{padding:.45rem .6rem;border-radius:10px;background:#02081af5;cursor:pointer;font-size:.85rem}.promo-product-item:hover{background:#ffffff0f}.promo-product-meta{font-size:.75rem;color:var(--color-muted)}.cart-item-code{display:block;font-size:.75rem;color:var(--color-muted)}.cart-item-promo{font-size:.8rem;color:var(--color-primary);margin-top:.15rem}.cart-item-price-original{text-decoration:line-through;opacity:.6;margin-right:.35rem;font-size:.85rem}.cart-item-price-final{font-weight:600}.cart-summary-discount span{color:#ff6b6b}