*{box-sizing:border-box}body{margin:0;background:#FBF9F4;color:#1f2937;font:16px system-ui,'Microsoft YaHei',sans-serif}main{max-width:1200px;margin:auto;padding:24px}header,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:28px}h2{font-size:22px}button,a.button{padding:11px 16px;border:1px solid #0D2D5B;border-radius:9px;background:white;color:#0D2D5B;cursor:pointer;min-height:44px;font:inherit}button.primary{background:#0D2D5B;color:white}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){box-shadow:0 3px 8px #0d2d5b18}input,select,textarea{width:100%;padding:11px;border:1px solid #d9dee7;border-radius:8px;font:inherit;min-height:44px}input[type=checkbox]{width:auto;min-height:0}input:focus,select:focus,textarea:focus{outline:2px solid #0d2d5b55}label{display:grid;gap:8px;margin:15px 0}.card{padding:22px;background:white;border:1px solid #E7E1D8;border-radius:12px;box-shadow:0 4px 16px #0D2D5B0f;margin:18px 0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}td,th{padding:12px;text-align:left;border-bottom:1px solid #e7e1d8}th{background:#F5E9D7}tr:hover{background:#fbf9f4}small{display:block;color:#6b7280;line-height:1.7}nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}nav .active{background:#0D2D5B;color:white}.badge{padding:5px 9px;border-radius:20px;background:#f5e9d7;display:inline-block}.badge.hired,.badge.paid,.badge.approved{color:#216b44;background:#e9f6ee}.badge.disabled,.badge.rejected{color:#a12b20;background:#fcece9}#hr-message{padding:12px;border-radius:9px;background:#eef6ee;white-space:pre-wrap}#hr-message[data-error=true]{background:#fcece9;color:#a12b20}dialog{width:580px;max-width:95vw;max-height:90vh;overflow:auto;border:1px solid #e7e1d8;border-radius:14px;padding:24px}dialog::backdrop{background:#0d2d5b66}.error{color:#c0392b}.skeleton{height:150px;background:linear-gradient(90deg,#eef1ec,#fafbf8,#eef1ec);border-radius:12px}#hr-qr{background:white;width:260px;max-width:100%;padding:12px}#hr-qr svg{width:100%;height:auto}video{width:100%;max-height:400px}.metrics{display:flex;gap:24px;flex-wrap:wrap}.metrics strong{font-size:26px}a{color:#0d2d5b}@media(max-width:600px){main{padding:14px}.card{padding:16px}h1{font-size:24px}.row button{flex-grow:1}dialog{padding:16px}}

.packing-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0}.packing-counts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fbf9f4;border:1px solid #e7e1d8;border-radius:10px;font-size:20px}.packing-counts strong{font-size:25px;color:#0d2d5b;white-space:nowrap}.packing-counts strong small{display:inline;font-size:14px}.packing-notes{background:#fff4df;border-left:4px solid #d9902f;padding:12px 16px;border-radius:8px;margin:16px 0}.packing-notes h4{margin:0 0 8px;font-size:16px}.packing-notes p{margin:6px 0;overflow-wrap:anywhere}.packing-status{color:#53657c}.packing-progress{font-size:14px;color:#216b44}.packing-task>button{margin-top:14px}.enterprise-tray-count{padding:14px;background:#f5e9d7;border-radius:10px}@media(max-width:600px){.packing-counts{grid-template-columns:1fr}.packing-counts>div{font-size:19px}.packing-task>button{width:100%}}