:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172336;background:#f3f6fa;font-size:16px;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{border:1px solid #d5dce7;background:#fff;color:#273950;border-radius:7px;padding:.5rem .85rem;cursor:pointer;font-size:.875rem;white-space:nowrap}button:hover{background:#eef3fc;border-color:#aac1ea}button:disabled{opacity:.55;cursor:wait}.primary{background:#1557d5;color:#fff;border-color:#1557d5}.primary:hover{background:#1048b6;color:#fff}.text-button{background:transparent;border-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.dropzone:focus-visible{outline:3px solid #a9c5ff;outline-offset:2px}input,select,textarea{width:100%;border:1px solid #d7dfea;border-radius:6px;background:#fff;padding:.57rem .65rem;color:#172336;min-width:0;font-size:.9375rem}textarea{min-height:88px;resize:vertical}input:read-only{background:#f3f5f8;color:#65768d}label{display:block;font-size:.875rem;color:#53657d}label>input,label>select,label>textarea{margin-top:.35rem}h1,h2,h3,p{margin:0}h1{font-size:1.55rem;letter-spacing:-.025em}h2{font-size:1rem}h3{font-size:1rem;margin:1.4rem 0 .6rem}.topbar{height:76px;background:#fff;border-bottom:1px solid #e0e6ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand,.top-actions{display:flex;align-items:center;gap:14px}.brand strong{display:block;font-size:1.05rem}.brand span:not(.logo){font-size:.75rem;color:#708197}.logo{display:grid;place-items:center;background:#1557d5;color:#fff;font-size:1.6rem;width:40px;height:40px;border-radius:9px}.top-actions{font-size:.875rem}#saveState{color:#526b5e;max-width:360px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:#edf2f8;border-right:1px solid #dfe6ef;padding:24px 16px;display:flex;flex-direction:column;gap:18px}.sidebar-top,.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.small{padding:.3rem .55rem;font-size:.8rem}.draft-list{display:flex;flex-direction:column;gap:6px}.draft-item{text-align:left;background:transparent;border-color:transparent;white-space:normal;padding:12px}.draft-item strong{display:block;font-size:.875rem;overflow-wrap:anywhere}.draft-item span{font-size:.75rem;color:#6e7e94}.draft-item.active{background:#fff;border-color:#cddcf3;box-shadow:0 2px 6px #233f6310}.sidebar-bottom{margin-top:auto;font-size:.875rem;color:#68788d}.sidebar-bottom p{font-size:.8rem;line-height:1.7;margin-top:6px}main{padding:26px 32px 32px;max-width:1500px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#6b7f9b;margin-bottom:4px}.heading-actions{display:flex;gap:10px}.notice,.warning{padding:12px 16px;border-radius:7px;background:#fff4d9;color:#735523;border:1px solid #eed9a0;font-size:.875rem;margin-bottom:16px;overflow-wrap:anywhere}.notice{background:#e9f1ff;border-color:#c4d9fe;color:#285288}.warning p{margin:8px 0}.import-panel{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #dce5f1;border-radius:10px;margin-bottom:20px}.dropzone{display:flex;align-items:center;gap:14px;flex:1;cursor:pointer;border:1px dashed #b8cbea;border-radius:8px;padding:18px;background:#f8fbff;color:#2e466b}.dropzone.dragging{background:#e7f0ff;border-color:#1557d5}.dropzone strong{display:block;font-size:.95rem}.dropzone span:not(.upload-icon){font-size:.8rem;color:#6b7f98;display:block;margin-top:3px}.upload-icon{border-radius:50%;background:#e6eeff;display:grid;place-items:center;width:36px;height:36px;font-size:1.5rem;color:#1557d5}.parse-state{max-width:240px;font-size:.875rem;color:#667a93;overflow-wrap:anywhere}.tabs{display:flex;gap:4px;border-bottom:1px solid #d5dfec;margin-bottom:20px}.tabs button{background:transparent;border:0;border-radius:0;padding:10px 18px;color:#63768e}.tabs button.active{color:#1557d5;font-weight:650;border-bottom:3px solid #1557d5}.card{background:#fff;border:1px solid #dde5ee;border-radius:9px;padding:20px;margin-bottom:18px}.card .section-title{margin-bottom:16px}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.field.wide{grid-column:span 2}.required{color:#d54a4a;margin-left:4px}.field input[type=checkbox]{width:auto;margin-right:8px}.customer-control{display:flex;gap:8px;margin-top:.35rem}.customer-control input{margin:0}.help{font-size:.8rem;color:#73849a;margin-top:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.875rem}th{font-weight:550;text-align:left;color:#60748e;background:#f2f6fb;padding:10px;border-top:1px solid #e0e7f1;border-bottom:1px solid #e0e7f1;white-space:nowrap}td{padding:8px 6px;border-bottom:1px solid #e8edf4}td input,td select{font-size:.875rem;min-width:88px;border-color:transparent;padding:.45rem}td input:hover{border-color:#d7dfea}td:nth-child(2) input,td:nth-child(3) input{min-width:135px}td input:read-only{background:transparent}td .remove{color:#9a6060;padding:.3rem .55rem}td.num{font-size:.75rem;color:#9aa7b8}.table-footer{display:flex;justify-content:space-between;gap:16px;padding-top:14px;color:#718399;font-size:.8rem}.table-footer strong{font-size:.875rem;color:#2d435c}.order-footer{display:flex;justify-content:space-between;gap:24px;padding:8px 0;color:#687d95;font-size:.8rem}.order-footer strong{color:#203b62;font-size:1.05rem;white-space:nowrap}.suggestions{padding:20px;border:1px solid #bacef1;background:#f7faff;border-radius:9px;margin-bottom:20px}.suggestions .section-title{margin-bottom:12px}.suggestion-row{display:flex;gap:20px;border-bottom:1px solid #e0e8f5;padding:7px 0;font-size:.875rem}.suggestion-row span{color:#6d819d;min-width:140px}.suggestions details{margin-top:14px;font-size:.875rem}.source{font-size:.8rem;color:#64768e;padding:12px 0;border-bottom:1px solid #dce5f3;white-space:pre-wrap;overflow-wrap:anywhere}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:420px;max-width:100%;background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:32px;box-shadow:0 12px 50px #21457110}.auth-card h1{margin-bottom:8px}.auth-card p{color:#6c7d94;font-size:.875rem;margin-bottom:20px}.auth-card label{margin-top:16px}.auth-card .primary{margin-top:16px;width:100%}.error{color:#b04040!important;margin-top:12px}dialog{width:620px;max-width:calc(100vw - 32px);max-height:90vh;padding:24px;border:1px solid #d5dfed;border-radius:12px;color:#172336}dialog::backdrop{background:#14283d70}dialog label{margin:14px 0}dialog .section-title{margin-bottom:12px}.customer-result{display:block;text-align:left;width:100%;margin:8px 0;white-space:normal}#customerSearch{display:flex;align-items:end;gap:12px}#customerSearch label{flex:1;margin:0}#customerResults{margin-top:20px}.status-failed{color:#aa4848}.status-succeeded{color:#386c52}#jobResult p{margin-top:8px}#jobResult button{margin-top:12px}
@media(min-width:1600px){.field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.layout{grid-template-columns:170px minmax(0,1fr)}main{padding:22px 20px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-panel{flex-wrap:wrap}.parse-state{max-width:none}.dropzone{min-width:100%}}@media(max-width:700px){.topbar{height:auto;min-height:72px;padding:12px 16px;gap:12px;flex-wrap:wrap}.top-actions{gap:8px}#saveState{font-size:.8rem}.layout{display:block}.sidebar{border-right:0;padding:12px 16px}.sidebar-top{justify-content:start;gap:20px}.draft-list{flex-direction:row;overflow-x:auto}.draft-item{min-width:150px;max-width:200px}.sidebar-bottom{display:none}main{padding:20px 14px}.page-heading{align-items:start;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}.field-grid{grid-template-columns:minmax(0,1fr)}.field.wide{grid-column:auto}.card{padding:16px}.order-footer{flex-direction:column;gap:12px}.suggestion-row{gap:8px;flex-direction:column}.import-panel{padding:12px}.dropzone{padding:14px}.brand{gap:10px}dialog{padding:20px}.auth-card{padding:24px}}