.products-page{gap:18px}.products-hero,.products-top-card{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.products-top-card{flex-direction:column}.products-top-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px;width:100%}.products-top-item{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--panel-2);display:flex;align-items:center;gap:4px}.products-catalog-cell small,.products-products-list small,.products-top-item span{color:var(--muted);display:block;font-size:12px}.products-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(560px,1.35fr);grid-gap:18px;gap:18px;align-items:start}.products-catalog-pane,.products-editor-pane{min-width:0}.products-feature-head,.products-section-head,.products-title-actions{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.products-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 132px 118px;grid-gap:10px;gap:10px;align-items:center}.products-toolbar .button{width:100%;justify-content:center}.products-products-list,.products-table-wrap{margin-top:14px}.products-catalog-cell{display:flex;gap:10px;align-items:center}.products-thumb{width:42px;height:42px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;object-fit:cover;flex:0 0 auto}.products-thumb-img{background:var(--panel);border:1px solid var(--line);color:transparent;padding:0}.products-image-control{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--panel-2);display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.products-image-control label{display:grid;grid-gap:7px;gap:7px;grid-column:2}.products-image-preview{grid-row:1/span 2;width:108px;height:108px;border-radius:18px;border:1px solid var(--line);background:var(--panel);overflow:hidden;display:grid;place-items:center;color:var(--muted);font-weight:900}.products-image-preview img{width:100%;height:100%;object-fit:cover}.products-image-actions{grid-column:2;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.products-rich-editor{display:grid;grid-gap:8px;gap:8px}.products-rich-toolbar{display:flex;gap:8px;flex-wrap:wrap}.products-rich-toolbar button{border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);cursor:pointer;font-weight:800;padding:7px 10px}.products-rich-box{min-height:120px;overflow:auto}.products-rich-box:empty:before{content:attr(data-placeholder);color:var(--muted)}.products-chip-input{display:grid;grid-gap:8px;gap:8px}.products-chip-list{display:flex;gap:8px;flex-wrap:wrap}.products-chip{border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.products-actions{display:flex;gap:8px;flex-wrap:wrap}.products-actions button,.products-dialog button:not(.button),.products-products-list button,.products-variant-table button{border:0;background:transparent;color:var(--accent);cursor:pointer;font-weight:700}.products-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:16px 0;overflow-x:auto}.products-tabs button{border:0;background:transparent;color:var(--muted);padding:12px 10px;font-weight:800;cursor:pointer;border-bottom:3px solid transparent}.products-tabs button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.products-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.products-dialog label,.products-form-grid label{display:grid;grid-gap:7px;gap:7px;color:var(--text);font-weight:800}.products-dialog textarea,.products-form-grid textarea{min-height:96px;resize:vertical}.products-field-wide{grid-column:1/-1}.products-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.products-checkbox-grid,.products-feature-block{display:grid;grid-gap:10px;gap:10px}.products-check{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;background:var(--panel-2)}.products-helper{color:var(--muted);margin:0}.products-dimension-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center}.products-price-preview{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--panel-2);display:grid;grid-gap:6px;gap:6px}.products-price-preview strong{font-size:26px}.products-variant-panel{display:grid;grid-gap:12px;gap:12px}.products-variant-table input{min-width:110px}.products-savebar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.products-status--aktif{background:rgba(16,185,129,.13);color:#047857}.products-status--draft{background:rgba(148,163,184,.16);color:#475569}.products-status--nonaktif{background:rgba(239,68,68,.12);color:#b91c1c}.products-error,.products-notice{border-radius:14px;padding:12px 14px;font-weight:800}.products-notice{background:rgba(16,185,129,.12);color:#047857}.products-error{background:rgba(239,68,68,.12);color:#b91c1c}.products-empty{color:var(--muted);text-align:center;padding:24px!important}.products-products-list tbody tr{cursor:pointer}.products-products-list tbody tr:hover{background:var(--panel-2)}.products-dialog-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.36);display:grid;place-items:center;z-index:60;padding:24px}.products-dialog{width:min(560px,100%);max-height:min(760px,92vh);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.18);padding:22px;display:grid;grid-gap:14px;gap:14px}.product-list-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.product-list-search{flex:1 1 240px;min-width:200px}.product-list-filters{display:flex;gap:8px;flex-wrap:wrap}.product-list-num{width:48px;color:var(--muted)}.product-list-price{display:grid;grid-gap:2px;gap:2px}.product-list-price s{color:var(--muted);font-size:12px}.product-list-delete{color:#b91c1c!important}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.product-form-grid label{display:grid;grid-gap:7px;gap:7px;color:var(--text);font-weight:800}.product-form-wide{grid-column:1/-1}@media (max-width:760px){.product-form-grid{grid-template-columns:1fr}}@media (max-width:1180px){.products-layout{grid-template-columns:1fr}}@media (max-width:760px){.products-hero,.products-top-card .title-row{flex-direction:column}.products-dimension-row,.products-form-grid,.products-toolbar{grid-template-columns:1fr}.products-dimension-row>span{display:none}.products-savebar{justify-content:stretch}.products-savebar .button{flex:1 1 100%}}