#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}header{position:relative;padding-right:100px}.logout-btn{position:absolute;right:0;top:0;height:36px;padding:0 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;cursor:pointer}.logout-btn:hover{background:#f3f4f6}#logout-btn{background:linear-gradient(135deg,#dc2626,#7f1d1d);color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px rgba(220,38,38,.35);transition:transform .15s ease,box-shadow .2s ease;position:relative;overflow:hidden}#logout-btn:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 8px,transparent 0,transparent 16px);opacity:.3;animation:snake-move 6s linear infinite}@keyframes snake-move{0%{background-position:0 0}to{background-position:200px 200px}}#logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(220,38,38,.5)}#logout-btn2{background:linear-gradient(135deg,#16a34a,#065f46);color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px rgba(22,163,74,.35);transition:transform .15s ease,box-shadow .2s ease;position:relative;overflow:hidden}#logout-btn2:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(22,163,74,.5)}#logout-btn2:disabled{opacity:.65;cursor:not-allowed}.tracking-number{border:none;border-top:2px solid blue;margin:10px 0}.selected-summary{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin:0 8px;border:1px solid #e5e7eb;border-radius:9999px;font-size:14px;background:#fff}.selected-summary strong{font-weight:700}.selected-summary .divider{opacity:.5}.item-quantity{font-weight:600}.item-quantity .order-qty{color:#16a34a}.item-image{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease;cursor:zoom-in}.item-image:hover{transform:scale(4);z-index:10;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.3)}.stock-qty.insufficient{color:red;font-weight:700}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;font-size:14px}.pagination-bar select{padding:4px 6px;border:1px solid #ddd;border-radius:4px}.page-controls button{margin:0 6px;padding:6px 12px;border:none;background:#007bff;color:#fff;border-radius:6px;cursor:pointer}.page-controls button:disabled{background:#ccc;cursor:not-allowed}.form-container{width:100%;padding:20px;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.query-form{width:100%}.form-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.form-group{display:flex;flex-direction:column;flex:1;min-width:150px}.form-group label{font-size:.9rem;color:#495057;margin-bottom:6px;font-weight:500}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:.95rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.button-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-print{background:#27ae60;color:#fff}.btn-print:hover{background:#219a52;transform:translateY(-1px)}.select-all{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #ced4da}.select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer}.select-all span{font-size:.95rem;color:#495057;white-space:nowrap}@media (max-width:1200px){.form-row{gap:12px}.form-group{min-width:140px}}@media (max-width:768px){.form-container{padding:15px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%}.button-group{width:100%;justify-content:space-between}.btn{flex:1;min-width:120px}.select-all{width:100%;justify-content:center;margin-top:10px}}@media (max-width:480px){.button-group{flex-direction:column}.btn{width:100%}}.shipment-date{color:#0e49c8;font-weight:600;font-size:.9rem;text-align:center}.action-group.center{flex:0 0 100%;margin-top:8px;gap:12px;justify-content:flex-start}.stocking-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.stocking-loading{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);text-align:center}.printing-loading .spinner,.query-loading .spinner,.stocking-loading .spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status.waiting{color:#3cb2e4;font-weight:600}.status.finished{color:#27ae60;font-weight:600}.query-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.query-loading{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);text-align:center}.printing-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.printing-loading{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);text-align:center}.special-query-group{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}.special-query-btn{white-space:nowrap}@media (max-width:768px){.special-query-group{flex-wrap:wrap}}.special-query-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.special-query-btn.expired-btn{color:#dc2626;border-color:#dc2626}.special-query-btn.expired-btn.active,.special-query-btn.expired-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.special-query-btn.today-btn{color:#10b981;border-color:#10b981}.special-query-btn.today-btn.active,.special-query-btn.today-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.special-query-btn.clear-btn{color:#6b7280;border-color:#6b7280}.special-query-btn.clear-btn:hover{background:#6b7280;color:#fff}.stat-card.special-stat{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-card.special-stat h3{color:#92400e}.stat-card.special-stat p{color:#b45309}.stocking-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.print-btn{background:linear-gradient(135deg,#10b981,#059669)!important}.reprint-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.remark-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.stocking-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}.print-btn:hover{background:linear-gradient(135deg,#34d399,#10b981)!important}.reprint-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important}.remark-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important}.print-btn:disabled,.remark-btn:disabled,.reprint-btn:disabled,.stocking-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.mixed-status-tip{display:inline-flex;flex-direction:column;padding:8px 16px;background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e;border-radius:8px;font-size:13px;margin-left:10px;min-width:200px}.status-summary{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;color:#fff}.action-group.center{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}@media (max-width:768px){.mixed-status-tip{width:100%;margin-left:0;margin-top:10px}.action-group.center{flex-direction:column;align-items:stretch}.print-all-btn{width:100%}}.edit-remark-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.edit-remark-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important}.edit-remark-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.badge-count{display:inline-block;background-color:hsla(0,0%,100%,.3);border-radius:12px;padding:0 6px;margin-left:6px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.special-query-btn.expired-btn.active .badge-count,.special-query-btn.today-btn.active .badge-count{background-color:hsla(0,0%,100%,.5)}.special-query-btn.expired-btn:hover .badge-count,.special-query-btn.today-btn:hover .badge-count{background-color:hsla(0,0%,100%,.4)}.sync-data-btn{color:#8b5cf6;border-color:#8b5cf6}.sync-data-btn.active,.sync-data-btn:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.special-query-btn.urgent-btn{color:#f59e0b;border-color:#f59e0b}.special-query-btn.urgent-btn.active,.special-query-btn.urgent-btn:hover{background:#f59e0b;color:#fff}.list-header,.list-item{display:grid;grid-template-columns:60px 80px 160px 200px 140px 80px 100px 120px 140px 100px;align-items:center;gap:20px}.list-header{font-weight:600;background:linear-gradient(90deg,#6d28d9,#2563eb);color:#fff;padding:12px 10px;border-radius:8px}.list-item{padding:12px 10px;border-bottom:1px solid #eee}.list-header span,.list-item>div{text-align:center}.item-image{margin:0 auto}.shipping-fee{color:#f56c6c;width:100px;text-align:center;color:#e74c3c;font-weight:700}.profit-panel[data-v-4ecabe1e]{width:260px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:10px}.panel-header[data-v-4ecabe1e]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:600;border-bottom:1px solid #eee}.close-btn[data-v-4ecabe1e]{font-size:18px}.panel-body[data-v-4ecabe1e]{padding:14px;overflow-y:auto}.input-item[data-v-4ecabe1e]{margin-bottom:12px}.input-item label[data-v-4ecabe1e]{display:block;font-size:13px;margin-bottom:4px;color:#666}.input-item input[data-v-4ecabe1e]{width:100%;padding:8px;font-size:14px;border-radius:6px;border:1px solid #ddd;transition:.2s}.input-item input[data-v-4ecabe1e]:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}.calc-btn[data-v-4ecabe1e]{width:100%;padding:10px;margin-top:8px;font-size:14px;border-radius:8px;border:none;background:linear-gradient(135deg,#409eff,#66b1ff);color:#fff;cursor:pointer;transition:.2s}.calc-btn[data-v-4ecabe1e]:hover{opacity:.9}.result-box[data-v-4ecabe1e]{margin-top:14px;background:#fafafa;padding:12px;border-radius:10px}.row[data-v-4ecabe1e]{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.divider[data-v-4ecabe1e]{height:1px;background:#eee;margin:8px 0}.row.total[data-v-4ecabe1e]{font-weight:600}.row.loss[data-v-4ecabe1e]{color:#409eff}.row.profit[data-v-4ecabe1e]{font-size:18px;font-weight:700;color:#e74c3c}.profit-panel[data-v-4ecabe1e]{position:fixed;width:340px;height:calc(100% - 80px);background:#fff;z-index:99999;box-shadow:-8px 0 25px rgba(0,0,0,.08);border-radius:12px;display:flex;flex-direction:column;top:var(--1ea5fc15);right:var(--47063a2e)}.logout-btn[data-v-4ecabe1e]{right:20px;bottom:90px;z-index:9999}.profit-float-btn[data-v-4ecabe1e]{right:20px;bottom:30px;z-index:9999;font-size:14px;padding:12px 16px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.2);transition:all .2s}.profit-float-btn[data-v-4ecabe1e]:hover{transform:translateY(-2px)}.float-group[data-v-4ecabe1e]{z-index:9999;position:fixed;right:20px;bottom:30px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:hsla(0,0%,100%,.9);box-shadow:0 10px 25px rgba(0,0,0,.2)}.profit-float-btn[data-v-4ecabe1e]{position:static!important;display:block;width:100%;padding:10px 14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#ff7a18,#ffb347);color:#fff}.logout-btn[data-v-4ecabe1e]{background:#666}.close-btn[data-v-4ecabe1e]{font-size:16px;cursor:pointer;color:#999;padding:4px 8px;border-radius:6px;transition:all .2s}.close-btn[data-v-4ecabe1e]:hover{background:rgba(0,0,0,.1);color:#333}[data-v-26e67634]:root{--bg:#0f172a;--card:#0b1220cc;--text:#e5e7eb;--muted:#94a3b8;--primary:#4f46e5;--primary-2:#6366f1;--danger:#ef4444;--danger-light:rgba(239,68,68,.1);--border:#1f2937;--ring:#818cf8}.login-page[data-v-26e67634]{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(1200px 600px at 20% -10%,#1e293b 20%,transparent 60%),radial-gradient(1200px 600px at 120% 110%,#111827 10%,transparent 60%),linear-gradient(135deg,#0b1220,#0f172a 40%,#0b1220);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.login-card[data-v-26e67634]{width:100%;max-width:420px;padding:32px;border-radius:24px;border:1px solid var(--border);background:var(--card);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.04);animation:floatIn-26e67634 .4s ease both}@keyframes floatIn-26e67634{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand[data-v-26e67634]{text-align:center;margin-bottom:28px}.brand svg[data-v-26e67634]{width:48px;height:48px;fill:var(--primary);filter:drop-shadow(0 8px 16px rgba(79,70,229,.3));animation:pulse-26e67634 2s infinite}@keyframes pulse-26e67634{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brand h1[data-v-26e67634]{margin:16px 0 6px;font-size:24px;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle[data-v-26e67634]{margin:0;font-size:13px;color:var(--muted)}.form[data-v-26e67634]{margin-top:20px}.form-item[data-v-26e67634]{margin-bottom:20px}.form-item label[data-v-26e67634]{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--muted)}.input-wrap[data-v-26e67634]{position:relative;display:flex;align-items:center;background:#0b1220;border:1.5px solid #1f2737;border-radius:14px;padding:12px 16px 12px 44px;transition:all .2s ease}.input-wrap[data-v-26e67634]:hover{border-color:#2d3748;background:#0c1424}.input-wrap[data-v-26e67634]:focus-within{border-color:var(--ring);box-shadow:0 0 0 4px rgba(129,140,248,.15);background:#0e1628}.input-wrap.error[data-v-26e67634]{border-color:var(--danger);box-shadow:0 0 0 2px rgba(239,68,68,.15)}.input-wrap .icon[data-v-26e67634]{position:absolute;left:14px;width:20px;height:20px;fill:#6b7a99;transition:fill .2s}.input-wrap:focus-within .icon[data-v-26e67634]{fill:var(--ring)}.input-wrap input[data-v-26e67634]{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;line-height:1.5}.input-wrap input[data-v-26e67634]::-moz-placeholder{color:#4a5568;font-size:13px}.input-wrap input[data-v-26e67634]::placeholder{color:#4a5568;font-size:13px}.input-wrap input[data-v-26e67634]:disabled{opacity:.6;cursor:not-allowed}.field-error[data-v-26e67634]{display:block;margin-top:6px;font-size:12px;color:#f87171;padding-left:4px}.eye[data-v-26e67634]{position:absolute;right:8px;display:grid;place-items:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:10px;transition:all .2s}.eye[data-v-26e67634]:hover:not(:disabled){background:hsla(0,0%,100%,.06)}.eye[data-v-26e67634]:disabled{cursor:not-allowed;opacity:.5}.eye svg[data-v-26e67634]{width:20px;height:20px;fill:#7c89a5;transition:fill .2s}.eye:hover svg[data-v-26e67634]:not(:disabled){fill:var(--ring)}.form-options[data-v-26e67634]{display:flex;justify-content:space-between;align-items:center;margin:16px 0 24px;font-size:13px}.checkbox[data-v-26e67634]{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input[type=checkbox][data-v-26e67634]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.checkbox[data-v-26e67634]:hover{color:var(--text)}.forgot-link[data-v-26e67634]{color:var(--primary);text-decoration:none;font-weight:500;transition:all .2s;padding:4px 8px;border-radius:6px}.forgot-link[data-v-26e67634]:hover{color:var(--primary-2);text-decoration:underline;background:rgba(79,70,229,.1)}.submit[data-v-26e67634]{width:100%;padding:14px;border:none;border-radius:14px;color:#fff;font-weight:600;font-size:15px;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 20px rgba(79,70,229,.3);transition:all .2s ease;position:relative;overflow:hidden}.submit[data-v-26e67634]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.submit[data-v-26e67634]:hover:not(:disabled):before{left:100%}.submit[data-v-26e67634]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(79,70,229,.4)}.submit[data-v-26e67634]:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 20px rgba(79,70,229,.3)}.submit[data-v-26e67634]:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.3);transform:none}.loading[data-v-26e67634]{display:inline-flex;gap:6px;align-items:center}.loading .dot[data-v-26e67634]{width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block;animation:bounce-26e67634 1.4s ease-in-out infinite}.loading .dot[data-v-26e67634]:nth-child(2){animation-delay:.2s}.loading .dot[data-v-26e67634]:nth-child(3){animation-delay:.4s}@keyframes bounce-26e67634{0%,80%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}.error[data-v-26e67634]{margin-top:20px;padding:12px 16px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:#fecaca;border-radius:12px;font-size:13px;animation:slideIn-26e67634 .3s ease;backdrop-filter:blur(4px)}@keyframes slideIn-26e67634{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer[data-v-26e67634]{position:fixed;bottom:16px;width:100%;text-align:center;font-size:12px;color:var(--muted);pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:420px){.login-card[data-v-26e67634]{padding:24px;border-radius:20px}.brand svg[data-v-26e67634]{width:40px;height:40px}.brand h1[data-v-26e67634]{font-size:22px}}@media (prefers-color-scheme:dark){[data-v-26e67634]:root{--bg:#0f172a;--card:#0b1220cc}}@media print{.login-page[data-v-26e67634]{background:#fff;color:#000}.login-card[data-v-26e67634]{box-shadow:none;border:1px solid #ccc}}