:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#272b28;background:#f8f8f5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.file{cursor:pointer;border:1px solid #dddeda;background:#fff;padding:9px 13px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#343934;white-space:nowrap}button:hover,.file:hover{background:#f2f3f0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #86998a}input,select,textarea{width:100%;border:1px solid #dddfda;background:#fff;border-radius:9px;padding:11px;color:#252a27;min-width:0}textarea{min-height:90px;resize:vertical}label{display:grid;gap:5px;color:#555d56;font-size:13px}form{display:grid;gap:14px}.primary{background:#262d29!important;color:#fff!important;border-color:#262d29!important}.primary:hover{background:#3a483e!important}.shell{display:flex;min-height:100vh}aside{width:228px;flex-shrink:0;background:#232b27;color:#fff;padding:24px 13px;display:flex;flex-direction:column;gap:8px}aside h2{font-size:19px;letter-spacing:1px;margin:0 12px 31px}aside h2 small{display:block;color:#aeb8b0;font-weight:400;letter-spacing:0}aside h2 i{font-size:10px;font-style:normal}aside button{background:transparent;color:#d7ded8;border:0;justify-content:flex-start;width:100%;padding:13px 12px}aside button:hover{background:#35423a}aside button.active{background:#405047;color:#fff}aside .logout{margin-top:auto}main{min-width:0;flex:1;padding:30px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}header h1{font-size:27px;font-weight:650;margin:0}header span{font-size:13px;color:#7a827b}.muted{font-size:12px;color:#828a83;margin:6px 0}.toolbar{display:flex;align-items:center;gap:10px;margin:0 0 18px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dddfda;border-radius:9px;padding:0 10px;flex:1;min-width:220px}.search input{border:0;outline:none;width:100%;background:transparent}.tablewrap{background:#fff;border:1px solid #e6e9e3;border-radius:13px;overflow:auto;padding:18px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:12px;color:#8b918b;font-weight:600;padding:12px 14px;border-bottom:1px solid #eceeea;white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #f0f1ee;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.catalog tbody tr:hover{background:#fafbf9}.catalog tbody tr{cursor:pointer}.catalog .name{font-weight:600;min-width:180px}.qty{font-weight:700;font-variant-numeric:tabular-nums;font-size:16px}.thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f3f2ed;color:#a6aba5}.rowactions{display:flex;gap:6px}.rowactions button{padding:7px 9px}.iconbtn{padding:7px}.pad{padding:25px}.notice{background:#eef9ed;color:#2e743f;padding:10px 14px;border-radius:8px;margin-bottom:14px}.error{background:#ffebeb;color:#a52b2b;padding:10px 14px;border-radius:8px;margin-bottom:14px;overflow-wrap:anywhere}.login{max-width:430px;margin:10vh auto;padding:24px}.login h1{font-size:24px;letter-spacing:1.5px}.login small{letter-spacing:0}.login form{padding:28px;background:#fff;border:1px solid #e5e5de;border-radius:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#131c1566;display:flex;justify-content:flex-end;z-index:20}.drawer{background:#fff;height:100%;overflow-y:auto;width:min(670px,95vw);padding:25px;box-shadow:-8px 0 35px #0002}.drawerhead,.detailheading{display:flex;align-items:center;justify-content:space-between;gap:15px}.drawerhead{padding-bottom:18px;border-bottom:1px solid #eceee8}.drawerhead h2{font-size:20px;margin:0 0 4px}.drawerhead small{color:#8b928b}.detailheading{margin:18px 0 8px}.detailheading h3{margin:0;font-size:16px}.imagegrid{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.imagegrid img,.addphoto{height:98px;width:98px;border-radius:9px;object-fit:cover}.addphoto{border:1px dashed #bfc6bd;color:#6e776e;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;cursor:pointer;gap:5px}.variantcard{border:1px solid #eceee8;border-radius:10px;padding:15px;margin-top:10px}.variantcard b{font-size:13px}.variantcard small{color:#7b857d}.parts{border-top:1px solid #eceee8;padding-top:10px;margin-top:10px}.inline{display:flex;gap:6px;margin-top:8px}.inline input{max-width:78px}.inline button{padding:6px 9px}.top{justify-content:center;align-items:center;z-index:40}.dialog{width:min(510px,95vw);max-height:92vh;overflow-y:auto;background:#fff;border-radius:15px;padding:24px}.dialog h2{font-size:19px;margin:0}.dialog form{margin-top:20px}.dialog label{font-size:12px;font-weight:500}.dialog input{font-weight:400}.segment{display:flex;gap:6px}.segment button{flex:1;padding:8px;white-space:normal}.segment button.active{background:#344b3c;color:#fff}.dialog .primary{width:100%}@media(max-width:900px){aside{width:180px}main{padding:18px}.toolbar{gap:6px}}@media(max-width:650px){.shell{display:block}aside{width:100%;padding:8px;flex-direction:row;flex-wrap:wrap}aside h2{width:100%;margin:8px}aside button{width:auto;font-size:12px}aside .logout{margin-top:0}main{padding:14px}header h1{font-size:22px}.search{width:100%;flex:auto}.toolbar button,.toolbar .file{font-size:12px}.tablewrap{padding:5px}td,th{padding:10px 7px}.drawer{padding:14px}}.headerRight{display:flex;align-items:center;gap:9px}.headerRight select{width:auto;padding:7px 28px 7px 10px}.headerRight span{margin-left:12px}.catalog input[type=checkbox]{height:17px;width:17px;cursor:pointer}.catalog .variantrow{background:#fcfcfa}.catalog .variantrow td{padding-top:9px;padding-bottom:9px}.catalog .variantrow .thumb{height:38px;width:38px}.catalog .variantrow .name{font-weight:400}.pricegroup{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.pricegroup label{display:flex;flex-direction:column;min-width:94px;gap:3px;color:#828a83;font-size:11px}.priceButton{font-size:13px;font-weight:600;border:0;padding:4px 0;display:inline-flex;background:transparent;gap:6px}.priceButton:hover{background:#f0f3ef}.priceEditor{display:inline-flex;align-items:center;gap:4px}.priceEditor input{width:90px;padding:6px}.priceEditor button{padding:6px}.draggableImg{width:98px;height:98px;position:relative;cursor:grab}.draggableImg img{width:100%;height:100%;border-radius:9px;object-fit:cover}.draggableImg svg{position:absolute;bottom:3px;right:3px;background:#fff;border-radius:4px}.language{display:flex;gap:7px;justify-content:flex-end;margin-bottom:12px}.language button{padding:7px 12px}.parentrow,.parentrow td{background:#fff}.variantrow td{border-bottom:1px solid #e7eae4}.headerRight svg{color:#79817a}@media(max-width:1050px){.pricegroup{gap:4px}.pricegroup label{min-width:72px}.catalog .variantrow td{min-width:0}}@media(max-width:650px){.headerRight span{display:none}.pricegroup{flex-direction:column;align-items:flex-start}.catalog .variantrow td{min-width:90px}}.stockExcelBar{margin:0 0 18px}.stockExcelControls{display:flex;gap:8px;flex-wrap:wrap}.excelDialog{width:min(850px,96vw)}.excelDialog label{margin:12px 0}.importPreview{max-height:300px;overflow:auto;margin:15px 0;border:1px solid #ddd;border-radius:8px}.importPreview th{position:sticky;top:0;background:#fafaf8}.excelDialog .segment{margin:15px 0}.excelDialog button:disabled{opacity:.5;cursor:not-allowed}