.customer-upload-drop{text-align:center;color:#555b66;cursor:pointer;background:#fafbfc;border:2px dashed #d7d9df;border-radius:14px;justify-content:center;align-items:center;min-height:150px;padding:24px;transition:all .18s;position:relative;gap:7px!important;display:flex!important}.customer-upload-drop:hover{border-color:var(--red);background:#fff7f8}.customer-upload-drop svg{color:var(--red);margin-bottom:3px}.customer-upload-drop strong{overflow-wrap:anywhere;font-size:16px}.customer-upload-drop span{color:var(--muted);font-weight:500;font-size:14px!important}.customer-upload-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.import-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0;display:grid}.import-summary>span{border:1px solid var(--line);color:#666c77;background:#f8f9fa;border-radius:10px;justify-content:space-between;gap:8px;padding:10px 12px;display:flex;font-size:14px!important}.import-summary>span.error{color:#a8121e;background:#fff0f1;border-color:#f4c8cc}.customer-import-preview{border:1px solid var(--line);border-radius:11px;max-height:440px;margin-bottom:15px;overflow:auto}.customer-import-row{border-bottom:1px solid #eff0f2;grid-template-columns:58px minmax(190px,1fr) minmax(145px,.7fr) minmax(210px,1.2fr);align-items:center;gap:12px;min-width:700px;padding:11px 13px;display:grid}.customer-import-row:last-child{border-bottom:0}.customer-import-row.head{z-index:1;color:#6b707a;background:#f7f8fa;font-weight:800;position:sticky;top:0}.customer-import-row>span{min-width:0;font-size:14px!important}.customer-import-row>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.customer-import-row small{color:var(--muted)}.import-status{border-radius:8px;padding:7px 9px;font-weight:700;line-height:1.4}.import-status.valid{color:#137347;background:#eaf8f0}.import-status.update{color:#8a5b00;background:#fff6df}.import-status.invalid{color:#a8121e;background:#fff0f1}@media (max-width:620px){.customer-mode{width:100%;overflow-x:auto}.customer-mode button{flex:none}.import-summary{grid-template-columns:1fr 1fr}.customer-upload-drop{min-height:130px}}.product-mode{grid-template-columns:repeat(3,minmax(0,1fr))}.product-import{gap:14px;display:grid}.product-import>h3{margin-bottom:0}.product-import .form-warning{margin:0}.product-import-row{border-bottom:1px solid #eff0f2;grid-template-columns:58px minmax(210px,1.2fr) minmax(140px,.75fr) minmax(130px,.65fr) minmax(220px,1.25fr);align-items:center;gap:12px;min-width:880px;padding:11px 13px;display:grid}.product-import-row:last-child{border-bottom:0}.product-import-row.head{z-index:1;color:#6b707a;background:#f7f8fa;font-weight:800;position:sticky;top:0}.product-import-row>span{min-width:0;font-size:14px!important}.product-import-row>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.product-import-row small{color:var(--muted)}@media (max-width:620px){.product-mode{display:flex;overflow-x:auto}.product-mode button{flex:none}}.searchable-select{min-width:0;position:relative}.searchable-select-trigger{border:1px solid var(--line);width:100%;min-height:46px;color:var(--dark);text-align:left;cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:9px 11px;display:flex}.searchable-select-trigger>span{text-overflow:ellipsis;flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.searchable-select-trigger .placeholder{color:#858a94}.searchable-select-trigger small{color:var(--muted);font-weight:500}.searchable-select.disabled{opacity:.6}.searchable-select-required{opacity:0;pointer-events:none;height:1px;position:absolute;bottom:0;left:50%;width:1px!important}.searchable-select-popover{z-index:80;background:#fff;border:1px solid #dfe1e5;border-radius:11px;width:max(100%,330px);max-width:min(460px,100vw - 36px);position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 14px 36px #14161c29}.searchable-select-search{border-bottom:1px solid var(--line);color:#858a94;align-items:center;gap:8px;padding:9px;display:flex}.searchable-select-search input{background:0 0;outline:0;width:100%;min-width:0;box-shadow:none!important;border:0!important;padding:5px!important}.searchable-select-search button{color:#777c86;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.searchable-select-options{max-height:310px;padding:5px;overflow-y:auto}.searchable-select-options>button{width:100%;color:var(--dark);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:9px 10px;display:flex}.searchable-select-options>button:hover,.searchable-select-options>button.selected{color:#a8121e;background:#fff0f1}.searchable-select-options>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.searchable-select-options strong{font-size:14px}.searchable-select-options small{color:var(--muted);font-weight:500}.searchable-select-options>p{text-align:center;color:var(--muted);margin:0;padding:18px 12px}
.historical-import-page{max-width:1500px}.historical-safety{color:#136b43;background:#eefaf3;border:1px solid #bfe5cf;border-radius:11px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:15px 17px;display:flex}.historical-safety>div{flex-direction:column;gap:3px;display:flex}.historical-safety span{color:#39785b}.historical-import-panel{gap:15px;display:grid}.historical-reading{text-align:center;color:var(--muted);padding:10px}.historical-preview{border:1px solid var(--line);border-radius:11px;max-height:520px;overflow:auto}.historical-preview-row{border-bottom:1px solid #eff0f2;grid-template-columns:58px 160px minmax(190px,1fr) minmax(180px,1fr) 145px minmax(220px,1.2fr);align-items:center;gap:12px;min-width:1050px;padding:11px 13px;display:grid}.historical-preview-row:last-child{border-bottom:0}.historical-preview-row.head{z-index:2;color:#686e78;background:#f7f8fa;font-weight:800;position:sticky;top:0}.historical-preview-row>span{flex-direction:column;gap:3px;min-width:0;display:flex}.historical-preview-row small{color:var(--muted)}.historical-progress{align-items:center;gap:12px;display:flex}.historical-progress>div{background:#eceef1;border-radius:20px;flex:1;height:10px;overflow:hidden}.historical-progress>div>span{border-radius:inherit;background:var(--red);height:100%;transition:width .2s;display:block}.historical-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.historical-actions .master-save{min-width:230px}.historical-import-panel .auth-error{align-items:center;gap:8px;display:flex}@media (max-width:620px){.historical-actions{display:grid}.historical-actions>button{width:100%}}
.data-export-page{max-width:1500px}.export-panel{border:1px solid var(--line);background:#fff;border-radius:12px;gap:20px;width:100%;padding:20px;display:grid;box-shadow:0 3px 14px #191a1d08}.export-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.export-type{border:1px solid var(--line);color:#272b33;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:12px;min-height:98px;padding:16px;display:flex;overflow:hidden}.export-type:hover,.export-type.active{background:#fff7f8;border-color:#e21d35}.export-type>svg{color:#e21d35;flex:none}.export-type span,.export-format-options span,.export-section-title>div{flex-direction:column;gap:4px;display:flex}.export-type span,.export-format-options span{min-width:0}.export-type strong,.export-output>strong,.export-section-title strong{font-size:15px}.export-type small,.export-format-options small,.export-section-title span,.export-submit-row>span{color:var(--muted);line-height:1.45}.export-sales-filter{border:1px solid var(--line);background:#fafafa;border-radius:12px;gap:16px;padding:18px;display:grid}.export-section-title{align-items:flex-start;gap:10px;display:flex}.export-section-title svg{color:#e21d35}.export-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.export-filter-grid label{gap:7px;font-weight:700;display:grid}.export-filter-grid input,.export-filter-grid select{border:1px solid var(--line);color:#23262d;width:100%;min-height:43px;font:inherit;background:#fff;border-radius:9px;padding:0 12px}.export-history-toggle{align-items:center;gap:9px;font-weight:700;display:flex}.export-history-toggle input{accent-color:#e21d35;width:17px;height:17px}.export-output{gap:11px;display:grid}.export-format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.export-format-options button{border:1px solid var(--line);color:#292d34;text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:11px;padding:14px 16px;display:flex}.export-format-options button.active{color:#b71328;background:#fff7f8;border-color:#e21d35}.export-submit-row{justify-content:space-between;align-items:center;gap:15px;padding-top:4px;display:flex}.export-submit-row .master-save{width:auto;min-width:205px}@media (max-width:1000px){.export-type-grid,.export-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.export-panel{padding:15px}.export-type-grid,.export-filter-grid,.export-format-options{grid-template-columns:1fr}.export-submit-row{flex-direction:column;align-items:stretch}.export-submit-row .master-save{width:100%}}
.searchable-select{width:100%;min-width:0;position:relative}.searchable-select-trigger{border:1px solid var(--line);width:100%;min-width:0;height:42px;min-height:42px;color:var(--dark);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 11px;font-weight:600;display:flex}.searchable-select-trigger:hover,.searchable-select-trigger[aria-expanded=true]{border-color:#d92332}.searchable-select-trigger:focus-visible{border-color:#d92332;outline:none;box-shadow:0 0 0 3px #d9233214}.searchable-select-trigger>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.searchable-select-trigger>span:first-child small{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-weight:500;overflow:hidden}.searchable-select-trigger .placeholder{color:var(--muted);font-weight:500}.searchable-select-icons{color:#717680;flex:none;align-items:center;gap:5px;display:flex}.searchable-select-icons svg:first-child:not(:last-child){cursor:pointer}.searchable-select.disabled{opacity:.58}.searchable-select.disabled .searchable-select-trigger{cursor:not-allowed;background:#f4f5f6}.searchable-select-required{opacity:0;pointer-events:none;position:absolute;width:1px!important;height:1px!important;padding:0!important}.searchable-select-popover{z-index:120;background:#fff;border:1px solid #dfe1e5;border-radius:9px;width:100%;min-width:220px;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 12px 30px #16171a24}.searchable-select-search{color:#777c85;border-bottom:1px solid #eceef1;align-items:center;gap:8px;min-height:40px;padding:6px 9px;display:flex}.searchable-select-search input{width:100%;min-width:0;color:var(--dark);font:inherit;outline:none;flex:1;height:30px!important;min-height:30px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.searchable-select-search button{color:#777c85;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}.searchable-select-search button:hover{background:#f1f2f4}.searchable-select-options{max-height:250px;padding:4px;overflow-y:auto}.searchable-select-options>p{color:var(--muted);text-align:center;margin:0;padding:13px 10px}.searchable-select-options>button{width:100%;min-height:38px;color:var(--dark);font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:9px;padding:7px 9px;display:flex}.searchable-select-options>button:hover,.searchable-select-options>button.selected{color:#b71328;background:#fff1f2}.searchable-select-options>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.searchable-select-options strong,.searchable-select-options small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.searchable-select-options small{color:var(--muted);font-weight:500}@media (max-width:620px){.searchable-select-popover{min-width:100%}}