:root{--color-bg:#f4f5f7;--color-card:#fff;--color-text:#1f2430;--color-muted:#6b7280;--color-border:#dde1e6;--color-primary:#2563eb;--color-primary-text:#fff;--color-danger:#dc2626;font-family:Segoe UI,Sarabun,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}.page{max-width:960px;margin:0 auto;padding:24px 16px 64px}.page-wide{max-width:1400px}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;width:100%;max-width:480px;margin-bottom:20px;padding:24px}.page .card{max-width:none}h1{margin:0 0 8px;font-size:1.4rem}.subtitle{color:var(--color-muted);margin-top:0}label{color:var(--color-muted);margin-bottom:14px;font-size:.9rem;display:block}input,select{border:1px solid var(--color-border);border-radius:6px;width:100%;margin-top:4px;padding:10px;font-size:1rem;display:block}.inline-label{max-width:260px}input[type=checkbox]{border:none;width:auto;margin:0;padding:0;display:inline-block}button,.button{background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 16px;font-size:.95rem;text-decoration:none;display:inline-block}.danger-btn{background:var(--color-danger)}.print-btn{background:#0f766e}button:disabled{opacity:.6;cursor:not-allowed}.link-btn{color:var(--color-primary);background:0 0;margin-left:12px;padding:0}.error{color:var(--color-danger)}.success{color:#16a34a}.muted{color:var(--color-muted)}.topbar{background:var(--color-primary);color:var(--color-primary-text);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 20px;display:flex}.topbar h1,.topbar a,.topbar .link-btn,.topbar .muted{color:var(--color-primary-text)}.toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.inline-form{gap:8px;margin-bottom:16px;display:flex}.inline-form input{flex:1}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 12px;font-size:.9rem}.table th{background:#f9fafb}.badge{color:#fff;background:var(--color-muted);border-radius:999px;padding:3px 10px;font-size:.8rem}.badge-Packed{background:#d97706}.badge-Shipped{background:#2563eb}.badge-Delivered{background:#16a34a}.two-col{align-items:flex-start;gap:16px;display:flex}.two-col .card{flex:1;max-width:none}.item-row{gap:8px;margin-bottom:8px;display:flex}.item-row select{flex:2;margin-top:0}.item-row input{flex:1;margin-top:0}.highlight-box{border:2px solid var(--color-primary);background:#2563eb0f;border-radius:8px;margin:12px 0;padding:12px 14px}.row-summary{border-top:1px solid var(--color-border);margin-top:12px;padding-top:8px}@media (width<=720px){.two-col{flex-direction:column}}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.status-dot-active{background:#16a34a}.status-dot-inactive{background:var(--color-muted)}.proof-thumbs{flex-wrap:wrap;gap:8px;margin:8px 0 14px;display:flex}.proof-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:4px;width:72px;height:72px}.proof-thumb-wrap{position:relative}.proof-thumb-remove{background:var(--color-danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.7rem;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}:root{--label-width:10cm;--label-height:6.5cm}.label-sheet{flex-direction:column;gap:12px;display:flex}.label{width:var(--label-width);height:var(--label-height);color:#000;background:#fff;border:1px solid #000;font-size:12pt;display:flex;overflow:hidden}.label-left{border-right:1px solid #000;flex-direction:column;flex:4;min-width:0;display:flex}.label-right{flex-direction:column;flex:2;min-width:0;display:flex}.label-header{border-bottom:1px solid #000;flex:none;justify-content:space-between;gap:4px;padding:5px 8px;font-size:15pt;display:flex}.label-header-iv{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.label-header-date{white-space:nowrap;flex:none}.label-name{border-bottom:1px solid #000;flex:1;align-items:center;min-height:0;padding:6px 8px;display:flex}.label-name-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-height:2.5em;font-size:15pt;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.label-addr-block{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:6px 8px;font-size:13pt;display:flex;overflow:hidden}.label-addr-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;max-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.label-tel{white-space:nowrap;text-overflow:ellipsis;flex:none;margin-top:4px;overflow:hidden}.label-runno{border-bottom:1px solid #000;flex:1;justify-content:center;align-items:center;font-size:32pt;font-weight:700;display:flex}.label-qr-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:6px;display:flex}.label-qr{object-fit:contain;width:auto;max-width:85%;height:auto;max-height:85%}.no-print{display:flex}@media print{.no-print{display:none!important}.page{max-width:none;padding:0}.label{page-break-after:always;border:none}@page{size:var(--label-width) var(--label-height);margin:0}}.packing-doc{color:#000;page:packing-doc;background:#fff;flex-direction:column;width:8.5in;max-width:100%;min-height:11in;margin:0 auto;padding:.4in;font-size:13pt;display:flex}.doc-header{flex:none}.doc-detail{flex:1 0 auto}.doc-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;font-size:12pt;display:flex}.doc-top-right{text-align:right}.doc-title{text-align:center;margin-bottom:16px}.doc-company{font-size:18pt;font-weight:700}.doc-subtitle{margin-top:4px;font-size:15pt}.doc-boxes{gap:12px;margin-bottom:16px;display:flex}.doc-box-table{border-collapse:collapse;flex:1;width:50%}.doc-box-table th,.doc-box-table td{text-align:left;vertical-align:top;border:1px solid #000;padding:8px 10px;font-size:12pt;font-weight:400}.doc-box-table th{white-space:nowrap;width:90px}.doc-box-note{text-align:center!important;white-space:normal!important;font-weight:700!important}.doc-items-table{border-collapse:collapse;width:100%}.doc-items-table th,.doc-items-table td{vertical-align:top;border:1px solid #000;padding:10px;font-size:13pt}.doc-items-table th{text-align:center}.doc-item-cell{justify-content:space-between;gap:12px;display:flex}.doc-bill-cell{text-align:center;vertical-align:middle}.doc-total-row td{border-top:2px solid #000;font-weight:700}.doc-sign-row{flex:none;justify-content:space-between;font-size:12pt;display:flex}@media print{@page packing-doc{size:8.5in 11in;margin-top:.8in;margin-bottom:.8in;margin-left:.7in;margin-right:.7in}.packing-doc{page-break-after:always;width:100%;min-height:9.4in;padding:0}}