/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.inline{display:inline}.table{display:table}}:root{--ink:#20242c;--muted:#7d8491;--line:#e8e9e5;--green:#276c50;--orange:#ec6f38;--paper:#f6f6f2}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#cbd2d2;z-index:20;background:#1f2930;flex-direction:column;width:226px;padding:25px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:12px;padding:0 7px 24px;display:flex}.brand-mark{background:#f0783f;border-radius:10px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:900;display:grid;box-shadow:0 7px 20px #0e131766}.brand .brand-wordmark{letter-spacing:1px;color:#fff;width:42px;font-size:12px}.brand div,.profile div{flex-direction:column;gap:3px;display:flex}.brand strong{letter-spacing:1px;font-size:17px}.brand small,.profile small{color:#819097;font-size:11px}nav{scrollbar-width:thin;scrollbar-color:#45545a transparent;flex:1;min-height:0;overflow-y:auto}nav p{color:#65747b;margin:15px 11px 7px;font-size:11px}nav button{color:#aeb9bc;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:8px 9px;font-size:13px;display:flex}nav button>span{text-align:center;width:17px;font-size:16px}nav button b{color:#fff;background:#ef7138;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:9px}nav button .nav-icon{border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;transition:transform .18s,background-color .18s;display:grid}nav button .nav-icon svg{stroke-width:2.1px;width:16px;height:16px}nav button:hover .nav-icon,nav button.active .nav-icon{transform:scale(1.06)}.nav-icon-business{color:#83b6ff;background:#29425d}.nav-icon-sample{color:#ffc37f;background:#4b392a}.nav-icon-factory{color:#70d6a8;background:#29483d}.nav-icon-trial{color:#d7a2ff;background:#43334f}.nav-icon-customers{color:#ff9292;background:#4b3034}nav button:hover,nav button.active{color:#fff;background:#34433f}nav button.active{box-shadow:inset 3px 0 #54a07b}.factory-card{background:#28353a;border:1px solid #39474b;border-radius:10px;padding:13px;font-size:11px}.factory-card>span{color:#8c9b9f}.factory-card strong{float:right;color:#fff;font-size:13px}.factory-card div{background:#455155;border-radius:4px;height:5px;margin:11px 0 8px;overflow:hidden}.factory-card i{background:#58a77f;width:78%;height:100%;display:block}.factory-card small{color:#6fbbb0}.profile{border-top:1px solid #344047;align-items:center;gap:10px;margin-top:14px;padding:15px 4px 0;font-size:12px;display:flex}.profile>span,.owner{color:#2e684f;background:#d7e7dd;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:inline-grid}.profile b{margin-left:auto}.content{width:calc(100% - 226px);max-width:1700px;margin-left:226px;padding:27px 32px 35px}header{align-items:center;margin-bottom:24px;display:flex}header h1{letter-spacing:-.5px;margin:0 0 5px;font-size:24px}header p{color:var(--muted);margin:0;font-size:12px}.header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.icon-btn,.menu{border:1px solid var(--line);background:#fff;border-radius:8px;width:38px;height:38px;position:relative}.icon-btn i{background:#e95f37;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.primary{background:var(--green);color:#fff;border:0;border-radius:8px;height:38px;padding:0 17px;font-size:12px;font-weight:600;box-shadow:0 6px 14px #276c5028}.menu{margin-right:12px;display:none}.metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:17px;display:grid}.metrics article{background:#fff;border:1px solid #ecece8;border-radius:11px;align-items:center;gap:14px;min-width:0;padding:19px;display:flex}.metrics article.warning{border-color:#f1ddd2}.metric-icon{border-radius:10px;flex:none;place-items:center;width:43px;height:43px;font-size:18px;font-weight:700;display:grid}.metric-icon.orange{color:#db6b35;background:#fff1e8}.metric-icon.green{color:#337a58;background:#e9f3ec}.metric-icon.red{color:#d35d42;background:#fbece7}.metric-icon.blue{color:#426a9d;background:#eaf0f8}.metrics article>div:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.metrics span{color:var(--muted);font-size:11px}.metrics strong{white-space:nowrap;font-size:22px;line-height:1.1}.metrics small{color:#92989e;font-size:10px}.metrics em{color:#2d8a5e;font-style:normal}.metrics small i{color:#d75c44;font-style:normal}.panel{background:#fff;border:1px solid #e9e9e5;border-radius:12px;overflow:hidden}.tabs{border-bottom:1px solid var(--line);align-items:center;height:58px;padding:0 20px;display:flex}.tabs>div{gap:23px;height:100%;display:flex}.tabs button{color:#7b8188;background:0 0;border:0;font-size:12px}.tabs>div button{position:relative}.tabs>div button.active{color:#245f49;font-weight:700}.tabs>div button.active:after{content:"";background:#33765b;height:2px;position:absolute;bottom:0;left:0;right:0}.tabs button span{background:#f0f1ed;border-radius:9px;margin-left:5px;padding:2px 6px;font-size:9px}.tabs .export{color:#4b5555;border:1px solid #dfe2de;border-radius:7px;margin-left:auto;padding:8px 11px}.filters{border-bottom:1px solid var(--line);gap:9px;padding:13px 20px;display:flex}.filters label{color:#888;border:1px solid #dde1dd;border-radius:7px;align-items:center;gap:7px;width:285px;padding:0 11px;display:flex}.filters input{border:0;outline:0;width:100%;height:34px;font-size:11px}.filters button{color:#60696a;background:#fff;border:1px solid #dde1dd;border-radius:7px;padding:0 12px;font-size:11px}.filters .reset{color:#777;background:0 0;border:0;margin-left:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:880px}th{text-align:left;color:#838990;border-bottom:1px solid var(--line);background:#fafaf8;height:42px;padding:0 12px;font-size:10px;font-weight:500}th:first-child,td:first-child{width:42px;padding-left:20px}td{vertical-align:middle;border-bottom:1px solid #eeeeea;padding:13px 12px;font-size:11px}td strong{white-space:nowrap;margin-bottom:5px;font-size:11px;display:block}td small{color:#858c91;white-space:nowrap;font-size:9px;display:block}.order-id{color:#2e6d54}.urgent{color:#dd6042!important}.status-row{justify-content:space-between;align-items:center;min-width:120px;display:flex}.status-row b{color:#7d8587;font-size:9px}.status{border-radius:10px;padding:3px 7px;font-size:9px}.status.生产中{color:#b86932;background:#fff0df}.status.待发货{color:#3d7190;background:#e9f2f8}.status.待排产{color:#656d72;background:#eff0ee}.status.已完成{color:#347657;background:#e7f3eb}.progress{background:#eceeea;border-radius:3px;height:3px;margin-top:7px;overflow:hidden}.progress i{background:#58a47d;height:100%;display:block}.owner{vertical-align:middle;width:25px;height:25px;margin-right:6px;font-size:9px}.more{color:#8a9093;background:0 0;border:0;font-weight:700}.empty{text-align:center;color:#8a9093;padding:50px;font-size:12px}.panel footer{color:#878d90;justify-content:space-between;align-items:center;height:55px;padding:0 20px;font-size:10px;display:flex}.panel footer div{gap:4px;display:flex}.panel footer button{color:#777;background:#fff;border:1px solid #e1e3df;border-radius:6px;width:28px;height:28px}.panel footer button.active{color:#fff;background:#2b684f;border-color:#2b684f}.toast{color:#fff;z-index:50;background:#20332b;border-radius:9px;padding:12px 17px;font-size:12px;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 32px #101a1640}.backdrop{display:none}.update-btn{color:#2d6e53;white-space:nowrap;background:#edf5f0;border:1px solid #cfe0d7;border-radius:7px;padding:6px 9px;font-size:9px}.update-btn:hover{background:#dfeee5}.file-panel{background:#fff;border:1px solid #e9e9e5;border-radius:12px;min-height:520px;overflow:hidden}.file-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.file-search{color:#888;border:1px solid #dde1dd;border-radius:8px;align-items:center;gap:8px;width:min(420px,100%);height:38px;padding:0 12px;display:flex}.file-search input{border:0;outline:0;width:100%;font-size:12px}.upload-button{cursor:pointer;justify-content:center;align-items:center;min-width:116px;margin-left:auto;display:flex}.upload-button input{display:none}.upload-button.disabled{opacity:.6;pointer-events:none}.upload-note{background:#eef5f1;border:1px solid #dce9e2;border-radius:10px;margin:18px 20px;padding:14px 16px}.upload-note span{color:#2c6d52;font-size:11px;font-weight:700}.upload-note p{color:#6f7d76;margin:6px 0 0;font-size:10px}.file-list-head{align-items:center;gap:9px;padding:8px 20px 12px;display:flex}.file-list-head strong{font-size:13px}.file-list-head span{color:#8a9191;font-size:10px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 24px;display:grid}.file-grid article{border:1px solid #e6e8e4;border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.file-type{color:#2c7254;background:#edf3ef;border-radius:7px;flex:none;place-items:center;width:43px;height:47px;font-size:9px;font-weight:700;display:grid}.file-info{flex:1;min-width:0}.file-info strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;display:block;overflow:hidden}.file-info small{color:#858c91;font-size:9px}.file-grid a{color:#2e7055;white-space:nowrap;border:1px solid #d6e3db;border-radius:7px;padding:7px 9px;font-size:10px;text-decoration:none}.file-grid a:hover{background:#edf5f0}.file-empty{color:#8d9494;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:250px;font-size:11px;display:flex}.file-empty b{color:#596464;font-size:13px}.customer-panel{background:#fff;border:1px solid #e9e9e5;border-radius:12px;min-height:560px;overflow:hidden}.customer-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:17px 20px;display:flex}.customer-toolbar>div{flex-direction:column;gap:4px;display:flex}.customer-toolbar strong{font-size:13px}.customer-toolbar span{color:#858d8d;font-size:9px}.customer-toolbar form{gap:8px;margin-left:auto;display:flex}.customer-toolbar input{border:1px solid #dce0dc;border-radius:8px;outline:0;width:240px;height:38px;padding:0 11px;font-size:11px}.customer-toolbar button{height:38px}.customer-layout{grid-template-columns:260px 1fr;min-height:500px;display:grid}.customer-list{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:10px;display:flex}.customer-list button{text-align:left;background:#fff;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.customer-list button:hover,.customer-list button.active{background:#edf5f0}.customer-list button>span{color:#2e6d52;background:#dcece3;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.customer-list button div{flex-direction:column;gap:4px;min-width:0;display:flex}.customer-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.customer-list small{color:#89908d;font-size:9px}.customer-list b{color:#86908b;margin-left:auto}.customer-detail{min-width:0;padding:22px}.customer-title{background:#eef5f1;border:1px solid #dce9e2;border-radius:10px;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:15px;display:grid}.customer-title small{color:#78837e;margin-bottom:6px;font-size:8px;display:block}.customer-title h2{margin:0;font-size:17px}.customer-title strong{font-size:13px}.customer-detail>h3{margin:22px 0 11px;font-size:12px}.history-table{border:1px solid #e5e7e3;border-radius:9px;overflow:auto}.history-table>div{border-bottom:1px solid #eceeea;grid-template-columns:1.1fr 2fr .6fr .9fr .9fr .7fr;align-items:center;gap:8px;min-width:680px;padding:11px 12px;font-size:9px;display:grid}.history-table>div:last-child{border-bottom:0}.history-table .history-head{color:#858c89;background:#fafaf8;font-size:8px}.history-table strong{color:#2e6d54}.history-table span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-table i{color:#347657;text-align:center;background:#e7f3eb;border-radius:9px;padding:3px 7px;font-style:normal}.customer-empty{text-align:center;color:#89918e;background:#fafbf9;border:1px dashed #dfe4df;border-radius:9px;padding:48px 15px;font-size:10px}.customer-title{grid-template-columns:2fr 1fr 1fr auto;align-items:center}.delete-customer{color:#b5523b;white-space:nowrap;background:#fff6f3;border:1px solid #edcfc6;border-radius:7px;padding:8px 10px;font-size:9px}.delete-customer:hover{background:#fbe9e4}.modal-backdrop{z-index:100;background:#101716a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.po-modal{background:#f8f8f5;border-radius:14px;flex-direction:column;width:min(1000px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0007}.po-title{border-bottom:1px solid var(--line);background:#fff;align-items:center;padding:20px 24px;display:flex}.po-title span{color:#34755a;background:#e8f2ec;border-radius:9px;padding:4px 8px;font-size:9px}.po-title h2{margin:8px 0 3px;font-size:20px}.po-title p{color:#858d8d;margin:0;font-size:10px}.po-title>button{color:#727979;background:#fff;border:1px solid #e1e4df;border-radius:8px;width:34px;height:34px;margin-left:auto;font-size:20px}.po-body{padding:18px 24px 24px;overflow-y:auto}.po-section{background:#fff;border:1px solid #e7e8e4;border-radius:10px;margin-bottom:13px;padding:17px}.po-section h3{margin:0 0 14px;font-size:12px}.po-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.po-fields label{color:#697172;flex-direction:column;gap:6px;font-size:9px;display:flex}.po-fields label i,.po-actions i{color:#df633f;font-style:normal}.po-fields input,.po-fields select,.po-fields textarea,.po-line>input,.po-line>select{color:#303636;background:#fff;border:1px solid #dfe2de;border-radius:7px;outline:0;width:100%;padding:9px 10px;font-size:10px}.po-fields input:focus,.po-fields select:focus,.po-fields textarea:focus,.po-line>input:focus,.po-line>select:focus{border-color:#4d8a6e;box-shadow:0 0 0 3px #4d8a6e16}.po-fields textarea{resize:vertical}.po-fields .wide{grid-column:span 2}.po-section-head{align-items:center;margin-bottom:12px;display:flex}.po-section-head h3{margin:0}.po-section-head button{color:#2c6b50;background:#edf5f0;border:1px solid #cee0d5;border-radius:7px;margin-left:auto;padding:7px 10px;font-size:9px}.po-lines{overflow-x:auto}.po-line{grid-template-columns:34px 72px 1.4fr 1.1fr 80px 95px 28px;align-items:center;gap:8px;min-width:760px;margin-bottom:8px;display:grid}.po-line b{color:#767e7e;text-align:center;font-size:10px}.po-line button{color:#c75c43;background:#f9ece7;border:0;border-radius:6px;width:26px;height:26px}.po-line-head{color:#858c8c;margin-bottom:6px;font-size:8px}.po-line-head span:first-child{text-align:center}.product-image{cursor:pointer;color:#377359;background:#f0f6f2;border:1px dashed #b9cec2;border-radius:7px;place-items:center;width:72px;height:54px;font-size:8px;display:grid;overflow:hidden}.product-image input{display:none}.product-image img{object-fit:cover;width:100%;height:100%}.product-image.has-image{border-style:solid}.po-actions{border-top:1px solid var(--line);background:#fff;align-items:center;gap:9px;padding:14px 24px;display:flex}.po-actions>span{color:#858c8c;margin-right:auto;font-size:9px}.po-actions>button{background:#fff;border:1px solid #dce0dc;border-radius:7px;height:36px;padding:0 16px;font-size:10px}.po-actions>button.primary{background:var(--green);color:#fff;border:0}.attachment-field{color:#697172;flex-direction:column;gap:6px;font-size:9px;display:flex}.attachment-field>input{height:34px}.attachment-row{align-items:center;gap:9px;min-height:48px;display:flex}.attachment-upload{cursor:pointer;white-space:nowrap;background:#f1f6f3;border:1px dashed #b8cbbf;border-radius:7px;justify-content:center;align-items:center;padding:0 12px;color:#347158!important;height:38px!important;display:flex!important}.attachment-upload input{display:none}.attachment-preview{border:1px solid #dfe3df;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:0;height:48px;padding:5px 7px;display:flex}.attachment-preview img,.attachment-preview b{object-fit:cover;color:#347158;background:#edf3ef;border-radius:5px;flex:none;place-items:center;width:38px;height:38px;font-size:7px;display:grid}.attachment-preview span{text-overflow:ellipsis;white-space:nowrap;color:#555e5e;flex:1;min-width:0;overflow:hidden}.attachment-preview button{color:#c45c43;background:#f8eae5;border:0;border-radius:5px;flex:none;width:24px;height:24px}.custom-multi{color:#697172;flex-direction:column;gap:6px;font-size:9px;display:flex}.custom-multi details{position:relative}.custom-multi summary{cursor:pointer;background:#fff;border:1px solid #dfe2de;border-radius:7px;align-items:center;gap:8px;height:35px;padding:0 10px;list-style:none;display:flex}.custom-multi summary::-webkit-details-marker{display:none}.custom-multi summary em{color:#303636;white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.custom-multi summary b{color:#5d6a64;margin-left:auto}.custom-multi details>div{z-index:15;background:#fff;border:1px solid #dce2dd;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px;display:grid;position:absolute;top:39px;left:0;right:0;box-shadow:0 12px 30px #1f312922}.po-fields .custom-multi label{cursor:pointer;border-radius:6px;flex-direction:row;align-items:center;gap:7px;min-height:30px;padding:6px 8px;display:flex}.po-fields .custom-multi label:hover{background:#eef5f1}.po-fields .custom-multi input{accent-color:#347158;width:auto;box-shadow:none}.po-fields .new-row{grid-column:1/span 2}.update-modal{width:min(760px,100%)}.order-summary{background:#eef5f1;border:1px solid #dce9e2;border-radius:10px;grid-template-columns:.8fr 1.1fr 1.5fr;gap:10px;margin-bottom:13px;padding:14px 16px;display:grid}.order-summary div{min-width:0}.order-summary small{color:#76847d;margin-bottom:5px;font-size:9px;display:block}.order-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.update-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-editor{align-items:center;gap:9px;display:flex}.progress-editor input[type=range]{box-shadow:none;accent-color:#36775b;border:0;flex:1;padding:0}.progress-editor input[type=number]{text-align:center;width:65px}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.filters label{width:230px}.filters button:not(.reset){display:none}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.content{width:100%;margin-left:0;padding:20px 16px}.menu{display:block}.backdrop{z-index:10;background:#1119;border:0;display:block;position:fixed;inset:0}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.metrics strong{font-size:18px}.header-actions .icon-btn{display:none}.tabs{overflow:auto}.tabs>div{gap:16px;min-width:max-content}.tabs .export{display:none}.filters label{width:100%}.filters .reset{white-space:nowrap}.panel footer span{display:none}}@media (width<=680px){.file-grid{grid-template-columns:1fr}.file-toolbar{align-items:stretch}.file-search{flex:1}.upload-button{min-width:105px}}@media (width<=800px){.customer-toolbar{flex-direction:column;align-items:stretch}.customer-toolbar form{margin-left:0}.customer-toolbar input{flex:1;width:100%}.customer-layout{grid-template-columns:1fr}.customer-list{border-right:0;border-bottom:1px solid var(--line);max-height:210px;overflow:auto}.customer-detail{padding:15px}.customer-title{grid-template-columns:1fr 1fr}.customer-title>div:first-child{grid-column:span 2}}@media (width<=760px){.modal-backdrop{padding:0}.po-modal{border-radius:0;height:100vh;max-height:none}.po-fields{grid-template-columns:1fr 1fr}.po-fields .wide{grid-column:span 2}.po-title,.po-body,.po-actions{padding-left:16px;padding-right:16px}.po-actions>span{display:none}}@media (width<=480px){.metrics{grid-template-columns:1fr}.header-actions .primary{padding:0 12px}.content{padding:16px 12px}header h1{font-size:21px}}@media (width<=560px){.order-summary,.update-fields{grid-template-columns:1fr}.update-fields .wide{grid-column:span 1}}.po-line>select:disabled{color:#9aa09d;cursor:not-allowed;background:#f2f3f0}.po-line>.linked-name{color:#2f644e;background:#f1f6f3;border-color:#d6e4dc}.po-line{grid-template-columns:34px 72px 1.2fr 1.15fr 65px 80px .9fr 1.25fr 28px;min-width:1080px}.bom-link{align-items:center;gap:5px;min-width:0;display:flex}.bom-link select{color:#303636;background:#fff;border:1px solid #dfe2de;border-radius:7px;outline:0;width:100%;min-width:0;padding:9px 8px;font-size:9px}.bom-link select:disabled{color:#969d99;background:#f2f3f0}.bom-link a{color:#2d6e53;background:#edf5f0;border:1px solid #cee0d5;border-radius:7px;flex:none;place-items:center;width:28px;height:32px;font-size:11px;text-decoration:none;display:grid}.business-lines .po-line>:nth-child(8){display:none}.business-lines .po-line{grid-template-columns:34px 72px 1.2fr 1.15fr 65px 80px .9fr 28px;min-width:850px}.business-import{grid-template-columns:1fr auto;align-items:end;gap:6px;display:grid}.business-import label{grid-row:1}.business-import button{color:#fff;background:#347158;border:0;border-radius:7px;height:34px;padding:0 12px;font-size:9px}.business-import button:disabled{opacity:.45;cursor:not-allowed}.business-import small{color:#c05e43;grid-column:1/-1;font-size:9px}.business-import small.success{color:#2e7655}.po-actions>button.print-btn{color:#2e6d54;background:#f1f6f3;border-color:#b9cec2}@page{size:A4 portrait;margin:10mm}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.app-shell>.sidebar,.app-shell>.content,.toast,.backdrop{display:none!important}.app-shell{min-height:0;display:block}.modal-backdrop{background:0 0;padding:0;display:block;position:static}.po-modal{width:100%;max-height:none;box-shadow:none;background:#fff;border-radius:0;overflow:visible}.po-title{padding:0 0 10px}.po-title>button,.po-actions,.po-section-head button,.po-line>button,.attachment-upload{display:none!important}.po-body{padding:10px 0 0;overflow:visible}.po-section{break-inside:avoid;margin-bottom:8px;padding:10px}.po-fields{gap:7px}.po-lines{overflow:visible}.po-line{grid-template-columns:24px 52px 1fr 1.25fr 48px 52px .8fr 1fr 0;gap:4px;min-width:0;margin-bottom:5px}.product-image{width:52px;height:40px}.po-fields input,.po-fields select,.po-fields textarea,.po-line>input,.po-line>select,.bom-link select{padding:6px 5px;font-size:8px}.bom-link a{display:none}.attachment-row{min-height:0}.attachment-preview{height:38px}.po-title h2{font-size:18px}.po-title p{font-size:9px}}.auth-screen{background:radial-gradient(circle at 100% 0,#e6f1eb,#0000 42%),#f5f5f1;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e2e6e1;border-radius:18px;flex-direction:column;gap:14px;width:min(410px,100%);padding:34px;display:flex;box-shadow:0 24px 70px #23362d18}.auth-card .brand-mark{color:#fff;margin-bottom:4px}.auth-card>span{color:#397258;letter-spacing:1px;font-size:10px;font-weight:700}.auth-card h1{margin:0;font-size:24px}.auth-card p{color:#7a8280;margin:0 0 4px;font-size:12px}.auth-card label{color:#626d68;flex-direction:column;gap:6px;font-size:10px;display:flex}.auth-card input,.account-create input{border:1px solid #d9dfda;border-radius:8px;outline:0;height:42px;padding:0 12px}.auth-card input:focus,.account-create input:focus{border-color:#4b896c;box-shadow:0 0 0 3px #4b896c18}.auth-card .primary{margin-top:4px}.auth-error{color:#c4553d;background:#fcede8;border-radius:7px;padding:9px;font-size:10px}.profile button{color:#9eabaa;background:0 0;border:0;margin-left:auto;font-size:10px}.account-panel{padding:22px}.account-head h2{margin:0 0 5px;font-size:16px}.account-head p{color:#7d8783;margin:0;font-size:10px}.account-create{background:#f5f8f6;border-radius:10px;gap:10px;margin:20px 0;padding:16px;display:flex}.account-create input{background:#fff;flex:1}.account-list{border-top:1px solid #e8ebe7;flex-direction:column;display:flex}.account-list article{border-bottom:1px solid #eceeea;align-items:center;gap:12px;padding:15px 4px;display:flex}.account-list article>div{flex-direction:column;gap:4px;margin-right:auto;display:flex}.account-list strong{font-size:12px}.account-list small{color:#818a87;font-size:9px}.account-list button{color:#4f5c57;background:#fff;border:1px solid #d7ded9;border-radius:7px;padding:7px 10px;font-size:9px}.password-box{flex:1;align-items:center;display:flex;position:relative}.password-box input{width:100%;padding-right:55px!important}.password-box button{color:#347158;background:0 0;border:0;padding:7px;font-size:10px;position:absolute;right:6px}.reset-card{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:min(420px,100% - 32px);padding:25px;display:flex;box-shadow:0 25px 70px #1115}.reset-card h2{margin:0;font-size:18px}.reset-card p{color:#75807b;margin:0;font-size:11px}.reset-card label{color:#626d68;flex-direction:column;gap:7px;font-size:10px;display:flex}.reset-card input{border:1px solid #d9dfda;border-radius:8px;height:42px;padding:0 12px}.reset-card>div{justify-content:flex-end;gap:8px;display:flex}.reset-card>div>button{background:#fff;border:1px solid #d8ded9;border-radius:7px;height:36px;padding:0 15px;font-size:10px}.reset-card>div>button.primary{background:var(--green);color:#fff;border:0}@media (width<=680px){.account-create{flex-direction:column}.account-list article{flex-wrap:wrap}}.notification-wrap{position:relative}.conversation-icon{background:#f2bb2d;border-radius:5px;width:20px;height:15px;margin:auto;display:block;position:relative;box-shadow:inset 0 -2px #db9e0d}.conversation-icon:after{content:"";border-top:4px solid #db9e0d;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:4px solid #0000;position:absolute;bottom:-4px;left:4px}.notification-button b{color:#fff;background:#e14632;border:2px solid #fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:8px;display:grid;position:absolute;top:-7px;right:-8px}.notification-button i{background:#e14632;top:6px;right:7px}.notification-menu{z-index:80;background:#fff;border:1px solid #e1e5e1;border-radius:12px;width:360px;max-height:480px;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 18px 50px #1e30282b}.notification-head{border-bottom:1px solid #e9ece8;align-items:center;height:53px;padding:0 15px;display:flex}.notification-head strong{font-size:12px}.notification-head strong span{color:#d94732}.notification-head em{color:#d94732;margin-left:auto;font-size:9px;font-style:normal;font-weight:700}.notification-list{max-height:420px;overflow:auto}.notification-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ec;gap:10px;width:100%;padding:12px 14px;display:flex}.notification-list>button:hover{background:#fff6f3}.notification-list>button.unread{background:#fff0ec}.notification-list>button>span{color:#d44c34;background:#fbe6df;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.notification-list>button>div{min-width:0}.notification-list strong{color:#d94732;margin-bottom:4px;font-size:10px;display:block}.notification-list p{color:#5d6863;white-space:normal;margin:0 0 5px;font-size:9px;line-height:1.45}.notification-list small{color:#909792;font-size:8px}.notification-empty{text-align:center;color:#8a928e;padding:46px 15px;font-size:10px}@media (width<=760px){.header-actions .notification-wrap,.header-actions .notification-wrap .icon-btn{display:block}.notification-menu{width:auto;position:fixed;top:72px;left:12px;right:12px}}.business-active-head{border-bottom:1px solid var(--line);align-items:center;gap:20px;min-height:72px;padding:15px 20px;display:flex}.business-active-head h2{margin:0 0 5px;font-size:15px}.business-active-head p{color:#828a87;margin:0;font-size:9px}.business-active-head label{color:#8a928e;border:1px solid #dce1dc;border-radius:8px;align-items:center;gap:7px;width:290px;height:36px;margin-left:auto;padding:0 11px;display:flex}.business-active-head input{border:0;outline:0;width:100%;font-size:10px}.business-order-table{min-width:860px}.business-order-table th:first-child,.business-order-table td:first-child{width:auto;padding-left:20px}.business-order-table td{height:58px}.business-order-table td:nth-child(4){max-width:360px}.business-order-table td:nth-child(4) strong{text-overflow:ellipsis;overflow:hidden}.business-active-panel footer{justify-content:flex-start}@media (width<=680px){.business-active-head{flex-direction:column;align-items:stretch}.business-active-head label{width:100%;margin-left:0}}.order-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.delete-order{color:#b5523b;background:#fff6f3;border:1px solid #edcfc6;border-radius:7px;padding:6px 9px;font-size:9px}.delete-order:hover{background:#fbe8e2}.delete-order-card{text-align:center;background:#fff;border-radius:15px;width:min(430px,100% - 32px);padding:28px;box-shadow:0 25px 75px #0005}.delete-order-card>span{color:#c6533b;background:#fbeae5;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:22px;font-weight:700;display:grid}.delete-order-card h2{margin:0 0 10px;font-size:18px}.delete-order-card p{color:#68726e;margin:0;font-size:11px;line-height:1.7}.delete-order-card p strong{color:#b54d38}.delete-order-card>div{justify-content:center;gap:9px;margin-top:21px;display:flex}.delete-order-card button{background:#fff;border:1px solid #d8ded9;border-radius:8px;height:37px;padding:0 18px;font-size:10px}.delete-order-card button.confirm-delete{color:#fff;background:#c9533c;border-color:#c9533c}.delete-order-card button:disabled{opacity:.55;cursor:not-allowed}.cancelled-order{color:#7c8581;white-space:nowrap;background:#f3f4f2;border:1px solid #d8dcda;border-radius:999px;align-items:center;padding:5px 10px;font-size:9px;font-weight:700;display:inline-flex}.active-orders-metric{position:relative}.metric-manage{color:#c25d36;white-space:nowrap;background:#fff8f3;border:1px solid #ead6c9;border-radius:7px;margin-left:auto;padding:7px 9px;font-size:9px}.metric-manage:hover{background:#ffefe5}.active-orders-dialog{background:#fff;border-radius:14px;width:min(760px,100%);max-height:82vh;overflow:hidden;box-shadow:0 25px 80px #0006}.active-orders-dialog-head{border-bottom:1px solid var(--line);align-items:center;height:67px;padding:0 20px;display:flex}.active-orders-dialog-head h2{margin:0 0 5px;font-size:16px}.active-orders-dialog-head p{color:#818985;margin:0;font-size:9px}.active-orders-dialog-head>button{color:#737b77;background:#fff;border:1px solid #dce1dd;border-radius:8px;width:33px;height:33px;margin-left:auto;font-size:18px}.active-orders-dialog table{min-width:680px}.active-orders-dialog th:first-child,.active-orders-dialog td:first-child{width:auto;padding-left:20px}.active-orders-dialog .table-wrap{max-height:calc(82vh - 67px);overflow:auto}.compact-empty{padding:28px}.production-management-metric{border-color:#dce6f2!important}.metric-manage.production-entry{color:#466b98;background:#f3f6fa;border-color:#c8d5e5}.production-management-dialog{background:#fff;border-radius:14px;width:min(1080px,100%);max-height:84vh;overflow:hidden;box-shadow:0 25px 80px #0006}.production-management{flex-direction:column;max-height:84vh;display:flex}.production-management-head{border-bottom:1px solid var(--line);align-items:center;min-height:70px;padding:15px 20px;display:flex}.production-management-head h2{margin:0 0 5px;font-size:15px}.production-management-head p{color:#7d8581;margin:0;font-size:9px}.production-management-head>button{color:#737b77;background:#fff;border:1px solid #dce1dd;border-radius:8px;width:33px;height:33px;margin-left:auto;font-size:18px}.production-management .table-wrap{overflow:auto}.production-management-table{min-width:900px}.production-management-table th:first-child,.production-management-table td:first-child{width:auto;padding-left:20px}.production-management-table td{height:64px}.production-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.production-actions button{background:#fff;border-radius:7px;height:29px;padding:0 10px;font-size:9px}.production-actions button:disabled{opacity:.42;cursor:not-allowed}.production-start{color:#267052;border:1px solid #b8d9c7}.production-abnormal{color:#bd4e3a;border:1px solid #edbeb4}.production-material{color:#9a6d12;border:1px solid #e8d29a}.production-complete{color:#3d6090;border:1px solid #b8c8df}.status.异常停产{color:#b84f3b;background:#f9e5e1}.status.缺料待产{color:#956b13;background:#f8efd4}@media (width<=760px){.production-actions{grid-template-columns:1fr 1fr;display:grid}.production-actions button{height:32px}.production-management-dialog{border-radius:0;height:100vh;max-height:none}.production-management{max-height:100vh}}
