:root{color:#111827;background:#f5f7fb;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;overflow:hidden}button,select,input{font:inherit}.app-shell{height:100vh;display:grid;grid-template-columns:250px minmax(560px,1fr) 320px;grid-template-rows:58px minmax(0,1fr);gap:10px;padding:10px;overflow:hidden}.topbar{grid-column:1 / 4;display:flex;align-items:center;justify-content:space-between;background:#111827;color:#fff;padding:0 18px;border-radius:8px}.topbar h1{margin:0;display:inline-block;font-size:20px;letter-spacing:0}.version{margin-left:10px;color:#cbd5e1;font-size:12px}.actions{display:flex;align-items:center;gap:10px}.button{min-height:36px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;color:#111827;background:#fff;cursor:pointer}.button.primary{color:#fff;border-color:#b91c1c;background:#b91c1c}.button:disabled{opacity:.45;cursor:not-allowed}#fileInput{display:none}.sidebar,.rightbar{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.sidebar{overflow-y:auto;padding-right:2px}.panel,.map-panel{background:#fff;border:1px solid #dbe3ef;border-radius:8px}.panel{padding:10px;min-height:0;flex:0 0 auto}.panel-title{margin-bottom:8px;color:#0f172a;font-weight:700}.file-name{min-height:18px;margin-bottom:6px;color:#475569;word-break:break-all;line-height:1.3}.field{display:grid;gap:4px;margin-bottom:7px}.field span{color:#475569;font-size:12px;font-weight:700}.field select,.field input,.sku-select{width:100%;min-height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;background:#fff}.mapping-panel{max-height:47vh;overflow-y:auto}.settings-panel{position:relative;z-index:1}.metrics-panel{flex:0 0 auto;overflow:visible}.zip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;margin-top:2px}.warehouse-zip-field{margin-bottom:4px}.warehouse-zip-field input{min-height:30px;font-size:12px}.zip-note,.zip-warning{margin-top:6px;color:#64748b;font-size:11px;line-height:1.35}.zip-warning{color:#b45309}.kpi{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e5edf6}.kpi:last-child{border-bottom:0}.kpi span{color:#64748b}.kpi strong{color:#b91c1c;font-size:18px}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tabs button{min-height:36px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer}.tabs button.active{color:#fff;border-color:#0f766e;background:#0f766e;font-weight:700}.map-panel{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.map-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #dbe3ef}.map-head h2{margin:0 0 3px;font-size:18px}.map-head span{color:#64748b}#map{display:block;width:100%;flex:1;min-height:0}table{width:100%;border-collapse:collapse}th,td{padding:5px;border-bottom:1px solid #e5edf6;text-align:left;vertical-align:middle;font-size:11px}th{color:#475569;background:#f8fafc;font-weight:700}td:nth-child(n+3),th:nth-child(n+3){text-align:right}.compact{overflow:hidden}.dot{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%}.warehouse-chip{display:inline-block;width:13px;height:13px;margin-right:7px;border:2px solid #ffffff;border-radius:3px;background:var(--warehouse-color);box-shadow:0 0 0 1px #334155;vertical-align:-2px}.state-label{pointer-events:none}.tooltip{position:absolute;z-index:1000;display:none;min-width:190px;padding:10px 12px;color:#fff;background:#0f172af0;border-radius:6px;pointer-events:none;box-shadow:0 12px 30px #0f172a40}.tooltip strong,.tooltip span{display:block;line-height:1.45}.tooltip span{color:#dbeafe}