*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#edf3ff,#f6f6fa);color:#252730;font:14px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}main{max-width:1100px;padding:28px 20px;margin:auto}h1{font-size:25px;margin:10px 0}h2{font-size:18px;margin:0}small,.muted{color:#7b8494}p{line-height:1.6}section{background:#ffffffed;border:1px solid #e0e6f0;border-radius:18px;margin:18px 0;padding:22px;box-shadow:0 6px 24px #25385b06}button,input,textarea{font:inherit;border-radius:9px;border:1px solid #dbe2ee;padding:10px 12px;background:white;color:inherit}input{max-width:100%;min-width:0}button{cursor:pointer;white-space:nowrap}button.primary{background:#087cff;color:white;border-color:#0072ed}button:disabled{opacity:.45;cursor:not-allowed}input:focus,textarea:focus{outline:2px solid #8dc0ff;outline-offset:1px}label{display:flex;flex-direction:column;gap:7px;color:#626a79;font-size:12px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.wide{grid-column:1/-1}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f1f4fa;color:#727e91;font-weight:600}td,th{padding:12px;border-bottom:1px solid #e7ebf1;vertical-align:middle}td input[type=number]{width:80px}td input[type=text]{width:95px}.photo{width:65px;height:80px;object-fit:contain;border-radius:8px;background:#f4f6f9}.sub{display:block;color:#7b8494;font-size:12px;line-height:1.7}.actions,.summary,.record-head,.tracking-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.actions{justify-content:flex-end;margin-top:20px}.summary{margin:15px 0}.summary b{color:#0876ee;font-size:18px}.record{padding:16px 0;border-bottom:1px solid #e8edf5}.record-head strong{margin-right:auto}.tracking-form{margin-top:12px}.tracking-form input{min-width:180px}.error,#message{color:#945318;white-space:pre-line}.empty{padding:20px;background:#f6f8fc;border-radius:10px;color:#7c8490}textarea{width:100%;min-height:64px}.hide{display:none}@media(max-width:650px){main{padding:18px 10px}.fields{grid-template-columns:1fr 1fr}section{padding:15px}.tracking-form input{flex:1}.fields label.wide{grid-column:1/-1}h1{font-size:21px}}

.packing-tools{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.packing-tools strong{margin-right:auto}.packing-table{width:100%;border-collapse:collapse}.packing-table td,.packing-table th{padding:12px;vertical-align:middle;white-space:nowrap}.packing-table td:first-child{display:flex;align-items:center;gap:12px}.packing-table img{width:54px;height:68px;object-fit:contain;border-radius:8px}.packing-table input{width:78px!important;min-width:60px}.packing-table .sub,.packing-summary-box .sub{display:block;color:#808896;font-size:12px}.packing-details{margin:16px 0;color:#657184}.packing-boxes{display:flex;gap:16px;overflow:auto;padding:14px 0}.packing-boxes>div{border:1px solid #e0e5ee;border-radius:14px;padding:14px;min-width:220px}.packing-boxes label{display:inline-flex;flex-direction:column;width:95px;margin:8px 4px}.packing-boxes input{width:90px!important}.packing-summary-box{border:1px solid #e0e5ee;border-radius:14px;padding:16px;margin:16px 0}.packing-summary-box table{width:100%;border-collapse:collapse}.packing-summary-box td,.packing-summary-box th{padding:10px;text-align:left;border-bottom:1px solid #eceef3}.shipment-dialog{max-height:90vh;overflow:auto}.packing-tools [role=alert]{color:#b65a16}

.packing-direct{margin:20px 0;padding:16px;border:1px solid #e2e7f0;border-radius:14px;background:#fafbfe}.packing-direct .packing-tools{margin:0 0 10px}.packing-direct .packing-tools label{display:flex;align-items:center;gap:10px;font-size:13px}.packing-direct [data-carton-count]{width:75px!important}.packing-direct-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #e8ebf1}.packing-direct-row>strong{min-width:55px}.packing-direct-row label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#758093}.packing-direct-row input{width:110px!important}.packing-direct-row select{min-width:195px;width:auto}.packing-direct-row label strong{font-size:16px;color:#252d39}.packing-custom{display:flex;gap:12px}.packing-custom[hidden]{display:none}

.inventory-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;border:1px solid #e3e7ef;border-radius:22px;padding:25px;color:#242a34;box-shadow:0 20px 80px #15244533}.inventory-dialog::backdrop{background:#24314a55;backdrop-filter:blur(5px)}.inventory-dialog table{width:100%;border-collapse:collapse}.inventory-dialog td,.inventory-dialog th{padding:12px;text-align:left;vertical-align:middle;border-bottom:1px solid #e8ecf2}.inventory-dialog input[type=number]{width:85px}.inventory-dialog .sub{display:block;color:#8791a0}.inventory-dialog .scroll{overflow:auto}