:root{--row-h: 32px;--preview-scale: .68;--ink: #000;--sheet-pad-x: 9mm;--sheet-pad-y: 10mm}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#eef1f5;color:#1f2329}.app{height:100vh;max-width:1100px;margin:0 auto;padding:24px 20px 20px;display:flex;flex-direction:column;overflow:hidden}.app-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #1f2329;padding-bottom:14px;margin-bottom:18px}.app-header h1{margin:0;font-size:22px;letter-spacing:1px}.app-header .sub{margin-top:6px;font-size:13px;color:#667085}.app-header .pill{background:#fff4e5;color:#b45309;border:1px solid #f0c890;border-radius:6px;padding:6px 10px;font-size:12px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.btn{border:1px solid #d0d5dd;background:#fff;color:#1f2329;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .15s}.btn:hover{border-color:#98a2b3}.btn-primary{background:#1663d9;border-color:#1663d9;color:#fff}.btn-primary:hover{background:#1355b8;border-color:#1355b8}.btn:disabled{opacity:.5;cursor:not-allowed}.count-hint{font-size:13px;color:#475467}.filter-bar{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px;background:#fff;border:1px solid #e4e7ec;border-radius:8px;padding:12px 14px;flex-wrap:wrap}.filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475467}.filter-bar input{height:34px;border:1px solid #d0d5dd;border-radius:6px;padding:0 8px;font-size:13px;outline:none;box-sizing:border-box}.filter-bar input:focus{border-color:#1663d9;box-shadow:0 0 0 3px #1663d91a}.filter-bar .filter-search input{width:200px}.filter-bar .quick-days{display:flex;align-items:flex-end;gap:6px;font-size:12px;color:#475467;white-space:nowrap}.filter-bar .quick-btn{height:30px;padding:0 12px;font-size:13px;background:#f2f4f7;border-color:#e4e7ec}.filter-bar .quick-btn:hover{background:#eef4ff;border-color:#1663d9;color:#1663d9}.filter-bar .btn{height:34px;line-height:1}.table-container{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border:1px solid #e4e7ec;border-radius:8px;overflow:hidden}.table-scroll{flex:1;min-height:0;overflow-y:auto}.order-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.order-table th,.order-table td{padding:11px 12px;text-align:left;border-bottom:1px solid #eef0f3}.order-table thead th{position:sticky;top:0;z-index:1;background:#f7f8fa;font-weight:600;color:#475467}.order-table tbody tr:hover{background:#fafbfc}.order-table .num{text-align:right}.order-table .c-check{width:40px;text-align:center}.order-table .c-actions{width:190px;text-align:right}.link-btn{border:none;background:none;color:#1663d9;cursor:pointer;font-size:13px;padding:0 6px}.link-btn:hover{text-decoration:underline}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018288c;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px;z-index:100;overflow:auto}.modal{background:#fff;border-radius:10px;box-shadow:0 20px 50px #0000004d;max-width:min(620px,94vw);width:100%;padding:20px 24px 24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{margin:0;font-size:17px}.modal-head .meta{font-size:12px;color:#667085;margin-top:4px}.modal-close{border:none;background:#f2f4f7;color:#344054;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1}.modal-body{background:#eef1f5;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:18px;align-items:center;max-height:70vh;overflow:auto}.preview-sheet-wrap{display:block;flex:none;width:calc(210mm * var(--preview-scale));height:calc(280mm * var(--preview-scale));overflow:hidden;box-shadow:0 4px 16px #0000002e}.preview-sheet-wrap .print-sheet{width:210mm;height:280mm;transform:scale(var(--preview-scale));transform-origin:top left}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.print-sheet{width:210mm;height:280mm;padding:6mm var(--sheet-pad-x) 20mm;background:#fff;color:var(--ink);display:flex;flex-direction:column;box-sizing:border-box;font-family:SimSun,Songti SC,STSong,serif}.sheet-title{text-align:center;font-size:19pt;font-weight:700;letter-spacing:2px;line-height:1.2;margin-bottom:4mm}.sheet-meta{display:flex;align-items:center;font-size:10.5pt;margin-bottom:2mm}.sheet-meta span{flex:1;text-align:center}.grid{width:100%;table-layout:fixed;border-collapse:collapse;font-size:10.5pt}.grid th,.grid td{border:.5mm solid var(--ink);padding:0;height:var(--row-h);vertical-align:middle;overflow:hidden;white-space:nowrap}.grid th{font-weight:700;text-align:center}.grid td{text-align:center}.grid .c-no{width:4.25%}.grid .c-name{width:18%}.grid th.c-name,.grid td.c-name{text-align:center;padding-left:0}.grid .c-unit{width:5.85%}.grid .c-qty{width:7.45%}.grid .c-price{width:7%}.grid td.c-price{text-align:center}.sheet-summary{display:flex;height:6mm;border:.5mm solid var(--ink);border-top:none;font-size:10.5pt}.sheet-summary .sum-cell{flex:1;text-align:center;line-height:6mm}.sheet-summary .sum-cell:first-child{border-right:.5mm solid var(--ink)}.sheet-remark{display:flex;align-items:flex-start;height:29mm;border:.5mm solid var(--ink);border-top:none;font-size:10.5pt;padding-left:9mm;padding-top:1.5mm}.sheet-spacer{flex:1 1 auto}.sheet-footer{display:grid;grid-template-columns:46% 26% 1fr;padding-right:22mm;font-size:10.5pt;line-height:2.4}.sheet-footer span{white-space:nowrap}.sheet-footer span:nth-child(3n){text-align:right}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eef3f8,#dfe8f2)}.login-card{width:380px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #1663d91f;padding:36px 36px 30px}.login-card h1{margin:0 0 4px;font-size:20px;text-align:center;letter-spacing:1px}.login-card .login-sub{margin:0 0 24px;text-align:center;color:#667085;font-size:12px}.login-card form{display:flex;flex-direction:column;gap:6px}.login-card label{font-size:13px;color:#344054;margin-top:6px}.login-card input{height:38px;border:1px solid #d0d5dd;border-radius:6px;padding:0 10px;font-size:14px;outline:none}.login-card input:focus{border-color:#1663d9;box-shadow:0 0 0 3px #1663d91f}.login-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca;border-radius:6px;padding:8px 10px;font-size:12px;margin-top:8px}.login-btn{margin-top:16px;height:40px;font-size:14px}.header-right{display:flex;align-items:center;gap:10px}.user-chip{background:#eef4ff;color:#1663d9;border-radius:20px;padding:4px 12px;font-size:13px}.page-loading{padding:60px;text-align:center;color:#667085}.list-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:12px}.empty-row{text-align:center;color:#98a2b3;padding:30px 0!important}.pagination{display:flex;align-items:center;justify-content:space-between;flex:none;padding:10px 14px;border-top:1px solid #e4e7ec;background:#fff}.page-info{font-size:13px;color:#475467}.page-btns{display:flex;gap:8px}.print-sheet{break-inside:avoid;page-break-inside:avoid}@page{size:210mm 280mm;margin:0}.print-root{display:none}@media print{html,body,#root{background:#fff!important;height:auto!important}.app,.modal-mask{display:none!important}.print-root{display:block!important}.print-root .print-sheet{transform:none!important;box-shadow:none!important}.print-root .print-sheet:not(:first-child){page-break-before:always;break-before:page}}