.uiInput{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0003;color:#fff;outline:none;width:100%}.uiInput::placeholder{color:#fff9}.uiInput:focus{border-color:#ffffff38}.uiBtn{padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:800;opacity:1;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.uiBtn:disabled{cursor:not-allowed;opacity:.6}.uiBtn--solid{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.uiBtn--solid:hover:not(:disabled){background:#ffffff24}.uiBtn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.12)}.uiBtn--ghost:hover:not(:disabled){background:#ffffff14}.uiBtn--danger{background:#dc26262e;color:#fff;border:1px solid rgba(220,38,38,.35)}.uiBtn--danger:hover:not(:disabled){background:#dc26263d}.loginPage{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:24px 16px}.loginCard{width:100%;max-width:420px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000059;padding:18px}.loginTitle{margin:0;font-size:26px;font-weight:1000;color:#fff}.loginSubtitle{margin:8px 0 0;color:#ffffffb8;font-size:13px;line-height:1.35}.loginForm{margin-top:14px;display:grid;gap:12px}.loginField{display:grid;gap:8px}.loginLabel{font-weight:800;color:#ffffffeb;font-size:13px}.loginAlert{background:#ef444424;color:#ffd0d0;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);font-weight:800}.loginFooter{margin-top:12px;color:#fff9;font-size:12px;line-height:1.35}@media(max-width:420px){.loginCard{padding:16px}.loginTitle{font-size:24px}}.dashboard{color:#fff}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}.dashboard__title{margin:0;font-size:34px;font-weight:1000}.dashboard__subtitle{margin-top:6px;opacity:.75}.dashboard__headerRight{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dashboard__authText{font-size:13px;opacity:.75}.dashboardCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#00000040;box-shadow:0 10px 30px #00000040;color:#fff}.dashboardBtn{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;font-weight:900;cursor:pointer}.dashboardBtn:hover{background:#ffffff1f}.dashboardPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.dashboardError{margin-top:14px;padding:12px;border-radius:12px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ffd0d0;font-weight:800}.dashboard__stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.statCard{padding:14px}.statCard__title{font-size:12px;opacity:.75;font-weight:900}.statCard__value{font-size:28px;font-weight:1000;margin-top:6px}.statCard__subtitle{margin-top:6px;opacity:.75;font-size:13px}.dashboard__details{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.section{padding:16px}.section__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.section__title{font-size:14px;font-weight:1000;letter-spacing:.2px}.section__body{margin-top:12px}.sectionRow{display:flex;justify-content:space-between;gap:10px}.sectionRow__label{opacity:.85}.sectionRow__value{font-weight:1000}.dashboardNotes{font-size:13px;opacity:.8;line-height:1.45}@media(max-width:1200px){.dashboard__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.dashboard__title{font-size:26px}.dashboard__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__details{grid-template-columns:1fr}}@media(max-width:420px){.dashboard__stats{grid-template-columns:1fr}}.uiBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.18);background:#ffffff1a}.uiBadge--success{background:#22c55e2e;border-color:#22c55e4d}.uiBadge--danger{background:#dc26262e;border-color:#dc26264d}.modalOverlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:50}.modalBox{width:min(720px,100%);background:#101010f2;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 80px #00000080;overflow:hidden}.modalHeader{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.modalTitle{font-weight:900;font-size:16px}.modalClose{border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;border-radius:12px;padding:6px 10px;cursor:pointer}.modalClose:hover{background:#ffffff14}.modalBody{padding:16px}.categoryForm{display:grid;gap:12px}.categoryForm__error{background:#ef444424;color:#ffd0d0;padding:10px;border-radius:10px;border:1px solid rgba(239,68,68,.35);font-weight:800}.categoryForm__field{display:grid;gap:8px}.categoryForm__label{font-weight:800;color:#ffffffeb}.categoryForm__help{color:#ffffffa6;font-size:12px;line-height:1.35}.categoryForm__textarea{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0003;color:#fff;outline:none;resize:vertical;width:100%}.categoryForm__textarea::placeholder{color:#fff9}.categoryForm__textarea:focus{border-color:#ffffff38}.categoryForm__checkRow{display:flex;gap:10px;align-items:center}.categoryForm__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}@media(max-width:520px){.categoryForm__actions{flex-direction:column;align-items:stretch}}.cat-page{display:grid;gap:14px}.cat-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.cat-title{margin:0;font-size:28px;font-weight:1000;color:#fff}.cat-subtitle{margin:6px 0 0;color:#ffffffb8;font-size:13px;line-height:1.35;max-width:70ch}.cat-actions{display:flex;gap:10px;flex-wrap:wrap}.cat-toolbar{display:grid;grid-template-columns:1fr 340px;gap:12px;align-items:center}.cat-filters{display:flex;gap:10px;flex-wrap:wrap}.cat-search{width:100%}.cat-alert{background:#ef444424;color:#ffd0d0;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);font-weight:800}.cat-card{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000040;overflow:hidden}.cat-loading,.cat-empty{padding:18px;color:#ffffffd1}.cat-empty .muted{opacity:.7}.cat-table-wrap{width:100%;overflow:auto}.cat-table{width:100%;border-collapse:collapse;min-width:860px}.cat-table thead th{text-align:left;font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#ffffffb8;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#0000001f;position:sticky;top:0;z-index:1}.cat-table tbody td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top;color:#ffffffe0}.cat-table tbody tr:hover td{background:#ffffff0a}.cat-name{font-weight:1000;color:#fff}.cat-desc{margin-top:6px;font-size:12px;line-height:1.35;color:#ffffffad;max-width:70ch}.cat-desc.muted{opacity:.65}.cat-code{display:inline-block;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffeb;font-size:12px;white-space:nowrap}.muted{color:#ffffffa6}.cat-row-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:820px){.cat-toolbar{grid-template-columns:1fr}.cat-table-wrap{display:none}.cat-mobileList{display:grid;gap:10px;padding:12px}.cat-mobileItem{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:12px}.cat-mobileTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cat-mobileMeta{display:grid;gap:6px}.cat-mobileSlug{margin-top:8px}.cat-mobileGrid{margin-top:10px;display:grid;gap:8px}.cat-mobileRow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.cat-mobileLabel{color:#ffffffa6}.cat-mobileActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}}@media(min-width:821px){.cat-mobileList{display:none}}.subPage{color:#fff;display:grid;gap:14px}.subHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.subTitle{margin:0;font-size:28px;font-weight:1000;letter-spacing:.2px}.subSubtitle{opacity:.75;margin-top:6px;font-size:13px;line-height:1.35}.subToolbar{margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subTabs{display:flex;gap:8px;flex-wrap:wrap}.subRight{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.subSearch{min-width:260px}.subCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000040;overflow:hidden}.subAlert{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(220,38,38,.35);background:#dc26261f;color:#ffd0d0;font-weight:800}.subTableHeader{display:grid;grid-template-columns:1.5fr 1.2fr 1.1fr .8fr 1.2fr 1.1fr;gap:10px;padding:12px 14px;font-size:12px;font-weight:1000;opacity:.85;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.subRow{display:grid;grid-template-columns:1.5fr 1.2fr 1.1fr .8fr 1.2fr 1.1fr;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.subRow:hover{background:#ffffff08}.subName{font-weight:1000}.subDesc{margin-top:4px;font-size:12px;opacity:.72;line-height:1.35}.subMuted{opacity:.75;font-size:12px}.subCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;opacity:.9;word-break:break-word}.subActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.subInfo{padding:16px;opacity:.8}.subEmpty{padding:16px;border-radius:14px;border:1px dashed rgba(255,255,255,.16);color:#ffffffbf}.subMobileList{display:none}@media(max-width:980px){.subTableHeader,.subRow{display:none}.subMobileList{display:grid;gap:10px;padding:12px}.subMobileItem{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:12px}.subMobileTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.subMobileTitle{font-weight:1000;font-size:14px}.subMobileGrid{margin-top:10px;display:grid;gap:8px}.subMobileRow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.subMobileLabel{color:#ffffffa6}.subMobileActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.subSearch{min-width:220px}}.subForm{display:grid;gap:12px}.subRow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subField{display:grid;gap:6px}.subLabel{font-size:12px;font-weight:900;opacity:.85}.subSelect{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#fff;outline:none}.subTextarea{width:100%;min-height:90px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#fff;outline:none;resize:vertical}.subModalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:720px){.subRow2{grid-template-columns:1fr}}.adminShell{min-height:100vh;background:#0b0b0c;color:#fff}.adminTopbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#0b0b0c;z-index:30}.adminTopbar__left{display:flex;align-items:center;gap:12px}.adminBrand{font-weight:1000;letter-spacing:.5px}.adminTag{opacity:.7;font-size:13px}.adminTopbar__right{display:flex;align-items:center;gap:12px}.adminUser{font-size:13px;opacity:.85}.adminLogoutBtn{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;font-weight:900;cursor:pointer}.adminLogoutBtn:hover{background:#ffffff14}.adminBody{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 64px)}.adminSidebar{padding:14px;border-right:1px solid rgba(255,255,255,.08);background:#0b0b0c}.adminSidebar__label{opacity:.7;font-size:12px;margin:6px 8px 10px}.adminNav{display:grid;gap:8px}.adminNavLink{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.1);background:transparent}.adminNavLink--active{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 24px #00000040}.adminTip{margin-top:18px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);color:#fff;opacity:.78;font-size:13px;line-height:1.35;background:#ffffff08}.adminTip__title{font-weight:1000;opacity:.95;margin-bottom:6px}.adminMain{padding:18px}.adminCard{border-radius:18px;padding:18px;min-height:calc(100vh - 100px);background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000059;color:#fff;width:100%;max-width:1200px;margin:0 auto}.adminMenuBtn{display:none;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-weight:900;cursor:pointer}.adminMenuBtn:hover{background:#ffffff1a}@media(max-width:900px){.adminBody{grid-template-columns:1fr}.adminMain{padding:12px}.adminCard{padding:14px;min-height:auto}.adminMenuBtn{display:inline-flex;align-items:center;gap:8px}.adminSidebar{position:fixed;top:64px;left:0;bottom:0;width:280px;transform:translate(-105%);transition:transform .18s ease;z-index:40;border-right:1px solid rgba(255,255,255,.12)}.adminSidebar--open{transform:translate(0)}.adminOverlay{position:fixed;inset:64px 0 0;background:#0000008c;z-index:35}}@media(max-width:420px){.adminTopbar{padding:0 12px}.adminUser{display:none}}.prodPage{color:#fff;display:grid;gap:14px}.prodHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.prodTitle{margin:0;font-size:28px;font-weight:1000;letter-spacing:.2px}.prodSubtitle{opacity:.75;margin-top:6px;font-size:13px;line-height:1.35}.prodCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000040;overflow:hidden}.prodToolbar{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.prodTabs{display:flex;gap:8px;flex-wrap:wrap}.prodSearch{flex:1;min-width:240px;max-width:420px}.prodAlert{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(220,38,38,.35);background:#dc26261f;color:#ffd0d0;font-weight:800}.prodTableHeader{display:grid;grid-template-columns:2.2fr 1fr .8fr .8fr 1.2fr 1fr;gap:10px;padding:12px 14px;font-size:12px;font-weight:1000;opacity:.85;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.prodRow{display:grid;grid-template-columns:2.2fr 1fr .8fr .8fr 1.2fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.prodRow:hover{background:#ffffff08}.prodName{font-weight:1000}.prodDesc{font-size:12px;opacity:.75;margin-top:2px}.prodCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;opacity:.9;word-break:break-word}.prodMoney,.prodStock{font-weight:900}.prodStatusWrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.prodUpdated{font-size:12px;opacity:.65}.prodActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.prodPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.1)}.prodPill--success{background:#10b98129;color:#a7f3d0;border-color:#10b98147}.prodPill--danger{background:#ef444429;color:#fecaca;border-color:#ef44444d}.prodPill--neutral{background:#ffffff1f;color:#fff}.prodInfo{padding:16px;opacity:.8}.prodMobileList{display:none}@media(max-width:980px){.prodTableHeader,.prodRow{display:none}.prodMobileList{display:grid;gap:10px;padding:12px}.prodMobileItem{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:12px}.prodMobileTop{display:grid;gap:6px}.prodMobileName{font-weight:1000;font-size:14px}.prodMobileDesc{font-size:12px;opacity:.75}.prodMobileGrid{margin-top:10px;display:grid;gap:8px}.prodMobileRow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.prodMobileLabel{color:#ffffffa6}.prodMobileActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}}.prodForm{display:grid;gap:12px}.prodRow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prodField{display:grid;gap:6px}.prodLabel{font-size:12px;font-weight:900;opacity:.85}.prodTextarea{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0003;color:#fff;outline:none;resize:vertical;min-height:90px}.prodSelect{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:#fff;outline:none}.prodChecks{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.prodCheckLabel{display:flex;align-items:center;gap:10px;opacity:.9}.prodModalTop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.prodModalTitle{font-size:20px;font-weight:1000;margin:0}.prodModalHint{font-size:12px;opacity:.7;margin-top:4px}.prodModalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:720px){.prodRow2{grid-template-columns:1fr}}.varPage{color:#fff;display:grid;gap:14px}.varHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.varTitle{margin:0;font-size:28px;font-weight:1000;letter-spacing:.2px}.varSubtitle{opacity:.75;margin-top:6px;font-size:13px;line-height:1.35}.varToolbar{margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.varLeft{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.varTabs{display:flex;gap:8px;flex-wrap:wrap}.varSelectWrap{min-width:320px}.varSearchWrap{min-width:260px}.varSelect{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#fff;outline:none}.varMeta{margin-top:6px;color:#ffffffbf;font-size:13px}.varMeta b{color:#fff}.varCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000040;overflow:hidden}.varAlert{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(220,38,38,.35);background:#dc26261f;color:#ffd0d0;font-weight:800}.varTableHeader{display:grid;grid-template-columns:1fr 1fr .8fr 1fr .8fr .8fr 1.2fr 1fr;gap:10px;padding:12px 14px;font-size:12px;font-weight:1000;opacity:.85;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.varRow{display:grid;grid-template-columns:1fr 1fr .8fr 1fr .8fr .8fr 1.2fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.varRow:hover{background:#ffffff08}.varName{font-weight:1000}.varMuted{opacity:.75;font-size:12px}.varStrong{font-weight:900}.varActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.varInfo{padding:16px;opacity:.8}.varEmpty{padding:16px;border-radius:14px;border:1px dashed rgba(255,255,255,.16);color:#ffffffbf}.varMobileList{display:none}@media(max-width:1100px){.varSelectWrap{min-width:260px}}@media(max-width:980px){.varTableHeader,.varRow{display:none}.varMobileList{display:grid;gap:10px;padding:12px}.varMobileItem{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:12px}.varMobileTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.varMobileTitle{font-weight:1000;font-size:14px}.varMobileGrid{margin-top:10px;display:grid;gap:8px}.varMobileRow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.varMobileLabel{color:#ffffffa6}.varMobileActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.varSearchWrap{min-width:220px}}.varForm{display:grid;gap:12px}.varRow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.varField{display:grid;gap:6px}.varLabel{font-size:12px;font-weight:900;opacity:.85}.varInputLike{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#fff;outline:none}.varModalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:720px){.varRow2{grid-template-columns:1fr}}.imgPage{color:#fff;display:grid;gap:14px}.imgHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.imgTitle{margin:0;font-size:28px;font-weight:1000;color:#fff}.imgSubtitle{opacity:.75;margin-top:6px;font-size:13px;line-height:1.35}.imgCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000040;overflow:hidden}.imgControls{padding:14px;display:grid;gap:12px}.imgControlsRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.imgToggleGroup{display:flex;gap:8px;flex-wrap:wrap}.imgGridSelects{display:grid;gap:10px;align-items:end}.imgGridSelects--product{grid-template-columns:1fr auto}.imgGridSelects--variant{grid-template-columns:1fr 1fr auto}.imgFieldLabel{font-size:12px;font-weight:1000;opacity:.85;margin-bottom:6px}.imgSelect{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:#fff;outline:none}.imgSelect:focus{border-color:#ffffff38}.imgNote{margin-top:10px;opacity:.8;font-size:13px}.imgRight{display:flex;justify-content:flex-end;gap:10px}.imgAlert{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#ffd0d0;font-weight:800}.imgListHeader{display:grid;grid-template-columns:120px 2fr .8fr .8fr 1.4fr;gap:10px;padding:12px 14px;font-size:12px;font-weight:1000;opacity:.85;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.imgListHeaderRight{text-align:right}.imgRow{display:grid;grid-template-columns:120px 2fr .8fr .8fr 1.4fr;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.imgRow:hover{background:#ffffff08}.imgPreviewBox{width:110px;height:80px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000026}.imgPreviewBox img{width:100%;height:100%;object-fit:cover}.imgUrl{font-weight:900;word-break:break-word}.imgAlt{margin-top:6px;font-size:12px;opacity:.75}.imgPills{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.imgPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.1)}.imgPill--neutral{background:#ffffff1f;color:#fff}.imgPill--success{background:#22c55e2e;color:#bff7cf;border-color:#22c55e4d}.imgPill--danger{background:#ef44442e;color:#ffd0d0;border-color:#ef44444d}.imgActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.imgActionBtn{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-weight:900;cursor:pointer}.imgActionBtn:hover{background:#ffffff1a}.imgActionBtn--danger{background:#ef44441f}.imgActionBtn--danger:hover{background:#ef44442e}.imgMobileList{display:none}@media(max-width:980px){.imgListHeader,.imgRow{display:none}.imgMobileList{display:grid;gap:10px;padding:12px}.imgMobileItem{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:12px}.imgMobileTop{display:flex;gap:12px;align-items:flex-start}.imgMobilePreview{width:92px;height:92px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);flex:0 0 auto;background:#00000026}.imgMobilePreview img{width:100%;height:100%;object-fit:cover}.imgMobileMeta{min-width:0;flex:1 1 auto}.imgMobileUrl{font-weight:900;word-break:break-word;font-size:13px}.imgMobileAlt{margin-top:6px;font-size:12px;opacity:.75}.imgMobileGrid{margin-top:10px;display:grid;gap:8px}.imgMobileRow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.imgMobileLabel{color:#ffffffa6}.imgMobileActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}}@media(max-width:720px){.imgGridSelects--variant,.imgGridSelects--product{grid-template-columns:1fr}.imgRight{justify-content:stretch}}.imgMuted{color:#ffffffb3}.promoPage{color:#fff;display:grid;gap:14px}.promoHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.promoTitle{margin:0;font-size:28px;font-weight:1000;letter-spacing:.2px}.promoSubtitle{opacity:.75;margin-top:6px;font-size:13px;line-height:1.35}.promoCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 10px 30px #00000040;overflow:hidden}.promoToolbar{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.promoTabs{display:flex;gap:8px;flex-wrap:wrap}.promoSearch{flex:1;min-width:240px;max-width:520px}.promoAlert{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(220,38,38,.35);background:#dc26261f;color:#ffd0d0;font-weight:800}.promoPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.1);gap:6px}.promoPill--success{background:#10b98129;color:#a7f3d0;border-color:#10b98147}.promoPill--danger{background:#ef444429;color:#fecaca;border-color:#ef44444d}.promoPill--neutral{background:#ffffff1f;color:#fff}.promoPill--info{background:#3b82f62e;color:#bfdbfe;border-color:#3b82f64d}.promoTableHeader{display:grid;grid-template-columns:.7fr 1.6fr 1.1fr 1fr 1.3fr 1.3fr 1fr;gap:10px;padding:12px 14px;font-size:12px;font-weight:1000;opacity:.85;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.promoRow{display:grid;grid-template-columns:.7fr 1.6fr 1.1fr 1fr 1.3fr 1.3fr 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.promoRow:hover{background:#ffffff08}.promoMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.promoProdName{font-weight:1000}.promoMeta{margin-top:2px;font-size:12px;opacity:.72;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.promoMoney{font-weight:900}.promoDate{font-size:12px;opacity:.8}.promoActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.promoInfo{padding:16px;opacity:.8}.promoMobileList{display:none}@media(max-width:980px){.promoTableHeader,.promoRow{display:none}.promoMobileList{display:grid;gap:10px;padding:12px}.promoMobileItem{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;padding:12px}.promoMobileTop{display:grid;gap:6px}.promoMobileTitle{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.promoMobileId{font-size:12px;opacity:.9}.promoMobileName{font-weight:1000;font-size:14px}.promoMobileGrid{margin-top:10px;display:grid;gap:8px}.promoMobileRow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.promoMobileLabel{color:#ffffffa6}.promoMobileActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}}.promoForm{display:grid;gap:12px}.promoRow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promoField{display:grid;gap:6px}.promoLabel{font-size:12px;font-weight:900;opacity:.85}.promoSelect{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:#fff;outline:none}.promoChecks{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.promoCheckLabel{display:flex;align-items:center;gap:10px;opacity:.9}.promoModalTop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.promoModalTitle{font-size:20px;font-weight:1000;margin:0}.promoModalHint{font-size:12px;opacity:.7;margin-top:4px}.promoModalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:720px){.promoRow2{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}:root{--bg: #0b0b0c;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .16);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--text: #ffffff;--muted: rgba(255, 255, 255, .75);--accent: #ef4444;--accent-soft: rgba(239, 68, 68, .12);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .12)}body{display:block;min-width:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.light-surface,.surface-light{background:#fff!important;color:#111827!important}input,select,textarea{background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:10px;outline:none}input::placeholder,textarea::placeholder{color:#fff9}input:focus,select:focus,textarea:focus{border-color:var(--border-2)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}
