:root{--bg: #eef2f9;--bg-soft: #f8fafc;--surface: #ffffff;--surface-raised: #ffffff;--surface-muted: #f1f5f9;--surface-hover: #f8fafc;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-soft: #eff6ff;--cyan: #0891b2;--cyan-soft: #ecfeff;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #0891b2 55%, #6366f1 100%);--brand-gold: #d97706;--brand-gold-soft: #fffbeb;--ok: #059669;--ok-soft: #ecfdf5;--warn: #d97706;--warn-soft: #fffbeb;--err: #dc2626;--err-soft: #fef2f2;--border: #e2e8f0;--border-strong: #cbd5e1;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 4px 16px rgba(15, 23, 42, .06);--shadow: 0 12px 40px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 64px rgba(37, 99, 235, .12);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--max-width: 1180px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}.app{min-height:100%;display:flex;flex-direction:column;position:relative}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 90% 60% at 10% -10%,rgba(37,99,235,.14),transparent 55%),radial-gradient(ellipse 70% 50% at 95% 5%,rgba(8,145,178,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(99,102,241,.08),transparent 55%),linear-gradient(180deg,#f8fafc,#eef2f9 45%,#e8eef8);pointer-events:none}.header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:var(--shadow-xs)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 6px 16px rgba(37,99,235,.28))}.brand-text h1{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.2}.brand-eyebrow{margin:0 0 1px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.header-tagline{display:none}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--primary-soft);border:1px solid #bfdbfe;font-size:.8125rem;color:var(--text-secondary)}.user-chip strong{color:var(--primary-dark);font-weight:700}.alertToggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.alertToggle:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.alertToggle input{accent-color:var(--primary)}.hero{max-width:var(--max-width);margin:0 auto;padding:28px 28px 8px;width:100%}.hero-card{position:relative;overflow:hidden;padding:28px 32px;border-radius:calc(var(--radius) + 4px);background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-lg)}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22),transparent 40%),radial-gradient(circle at 10% 90%,rgba(0,0,0,.08),transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-title{margin:0 0 8px;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}.hero-desc{margin:0 0 22px;max-width:560px;font-size:.9375rem;line-height:1.6;color:#ffffffeb}.workflow{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.workflow-step{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-pill);background:#ffffff2e;border:1px solid rgba(255,255,255,.28);font-size:.8125rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workflow-step span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--primary-dark);font-size:.75rem;font-weight:800}.format-badges{display:flex;flex-wrap:wrap;gap:8px}.format-badge{padding:6px 12px;border-radius:var(--radius-pill);background:#fffffff2;color:var(--primary-dark);font-family:var(--mono);font-size:.6875rem;font-weight:600;box-shadow:0 2px 8px #00000014}.main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:20px 28px 40px}.section{margin-top:20px}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s}.section-card:hover{box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 0}.section-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.25rem;background:var(--primary-soft);border:1px solid #bfdbfe}.section-icon--search{background:var(--cyan-soft);border-color:#a5f3fc}.section-icon--results{background:#f5f3ff;border-color:#ddd6fe}.section-head-text h2{margin:0;font-size:1.0625rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.section-head-text p{margin:5px 0 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.55;max-width:520px}.searchPanel-form{display:flex;gap:10px;flex-wrap:wrap;padding:18px 24px 22px}.searchPanel-form input[type=search]{flex:1;min-width:240px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-family:var(--font);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.searchPanel-form input[type=search]:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2563eb1f}.searchPanel-empty{margin:0;padding:0 24px 22px;font-size:.875rem;color:var(--text-muted)}.shipmentList{list-style:none;margin:0;padding:0 24px 20px;display:grid;gap:10px;max-height:280px;overflow:auto}.shipmentList-item{display:flex;align-items:stretch;gap:10px}.shipmentCard{flex:1;min-width:0;text-align:left;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);display:flex;flex-direction:column;gap:5px;transition:all .2s;box-shadow:var(--shadow-xs)}.shipmentCard:hover:not(:disabled){border-color:#93c5fd;background:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.shipmentCard-active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #2563eb1f}.shipmentCard-issues{border-color:#fca5a5;background:var(--err-soft)}.shipmentCard-issues:hover:not(:disabled){border-color:#f87171;background:#fee2e2}.shipmentCard-issues.shipmentCard-active{border-color:var(--err);background:#fee2e2;box-shadow:0 0 0 3px #dc262624}.shipmentCard-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.9375rem;font-weight:700;color:var(--text)}.shipmentCard-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);background:#fff;border:1px solid #fecaca;color:var(--err);font-size:.6875rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.shipmentCard-meta{font-size:.75rem;color:var(--text-muted);line-height:1.5}.shipmentDelete{flex-shrink:0;align-self:center;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid #fecaca;background:var(--err-soft);color:var(--err);font-size:.75rem;font-weight:700}.shipmentDelete:hover:not(:disabled){background:#fee2e2}.upload-layout{display:grid;grid-template-columns:1fr 280px;gap:0}@media(max-width:800px){.upload-layout{grid-template-columns:1fr}.upload-aside{border-top:1px solid var(--border)}}.dropZone{margin:0;padding:40px 28px;border:none;border-radius:0;background:transparent;transition:background .25s}.dropZone-active{background:var(--primary-soft)}.dropZone-inner{text-align:center}.dropZone-visual{position:relative;width:88px;height:88px;margin:0 auto 18px}.dropZone-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed #93c5fd;animation:pulse-ring 2.5s ease-in-out infinite}.dropZone-icon{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 24px #2563eb4d}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.06);opacity:1}}.dropZone-title{margin:0 0 6px;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.dropZone-hint{margin:0 0 20px;font-size:.875rem;color:var(--text-secondary)}.dropZone-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.upload-aside{padding:24px;background:linear-gradient(180deg,var(--bg-soft) 0%,#f8fafc 100%);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.upload-tip{padding:14px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);font-size:.8125rem;color:var(--text-secondary);line-height:1.55;box-shadow:var(--shadow-xs)}.upload-tip strong{display:block;margin-bottom:4px;color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.upload-tip-icon{font-size:1.25rem;margin-bottom:6px}.fileQueue{padding:18px 24px;border-top:1px solid var(--border);background:var(--bg-soft)}.fileQueue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem;color:var(--text-secondary)}.fileList{list-style:none;margin:0;padding:0;max-height:200px;overflow:auto;display:grid;gap:8px}.fileList li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);font-size:.75rem;box-shadow:var(--shadow-xs)}.fileList-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);color:var(--text-secondary)}.shipmentBanner{padding:14px 18px;border-radius:var(--radius-sm);font-size:.875rem;background:var(--ok-soft);border:1px solid #a7f3d0;color:#047857;line-height:1.55;box-shadow:var(--shadow-xs)}.shipmentBanner .mono{font-family:var(--mono);font-size:.75rem}.page-alert{margin-top:20px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 24px;background:linear-gradient(180deg,var(--bg-soft) 0%,white 100%);border-bottom:1px solid var(--border)}.toolbar-divider{width:1px;height:28px;background:var(--border);margin:0 4px}.statGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.statCard{padding:14px 16px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xs);border-left:4px solid var(--primary)}.statCard:nth-child(3){border-left-color:var(--err)}.statCard:last-child{border-left-color:var(--ok)}.statCard-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:6px}.statCard-value{font-size:1.125rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text)}.statCard-value--ok{color:var(--ok)}.statCard-value--err{color:var(--err)}.resultsFilter{padding:16px 24px 8px;background:#fff}.resultsFilter input[type=search]{width:100%;padding:12px 16px 12px 40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") 14px center no-repeat;color:var(--text);font-family:var(--font);font-size:.875rem;transition:all .2s}.resultsFilter input[type=search]:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.tableWrap{padding:8px 24px 24px;overflow:auto;background:#fff}table.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-xs)}.data-table thead th{text-align:left;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:var(--text-secondary);font-weight:700;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}.data-table tbody td{padding:13px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;background:#fff}.data-table tbody tr:nth-child(2n) td{background:#fafbfc}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.row-clickable{cursor:pointer;transition:background .15s}.data-table tbody tr.row-clickable:hover td{background:var(--primary-soft)!important}.data-table tbody tr.expanded td{background:#f0f9ff!important}td.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.8125rem;font-weight:500}td.mono{font-family:var(--mono);font-size:.75rem;color:var(--text-secondary)}.status-pill{display:inline-block;padding:5px 11px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.status-Confirmed{background:var(--ok-soft);color:var(--ok);border-color:#a7f3d0}.status-Expected{background:var(--primary-soft);color:var(--primary-dark);border-color:#bfdbfe}.status-Error{background:var(--err-soft);color:var(--err);border-color:#fecaca}.detailRow td{background:#f8fafc!important;padding:20px 16px!important}.detailGrid{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:20px}@media(max-width:900px){.detailGrid{grid-template-columns:1fr}}pre.display{margin:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;color:var(--text);font-size:.8125rem;line-height:1.6;white-space:pre-wrap;font-family:var(--mono);box-shadow:var(--shadow-xs)}.detail-meta{font-size:.8125rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.6;padding:12px 14px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border)}.detail-meta strong{color:var(--text);font-weight:700}.itemTable{width:100%;border-collapse:collapse;font-size:.75rem;background:#fff;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.itemTable th,.itemTable td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left}.itemTable th{background:var(--bg-soft);color:var(--text-muted);font-weight:700;font-size:.6875rem;text-transform:uppercase}.errorBanner,.warnBanner{margin:0;padding:14px 18px;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.55}.errorBanner{background:var(--err-soft);color:#b91c1c;border:1px solid #fecaca}.warnBanner{background:var(--warn-soft);color:#b45309;border:1px solid #fde68a}.empty{padding:64px 28px;text-align:center}.empty-visual{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--primary-soft);border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;font-size:2rem}.empty h2{margin:0 0 10px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.empty p{margin:0;color:var(--text-secondary);font-size:.9375rem;max-width:400px;margin-inline:auto;line-height:1.6}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary{background:var(--accent-gradient);border:none;color:#fff;box-shadow:0 4px 14px #2563eb59}button.primary:hover:not(:disabled){box-shadow:0 8px 24px #2563eb66;filter:brightness(1.03)}button.ghost{background:transparent;border-color:var(--border);box-shadow:none}button.linkBtn{border:none;background:transparent;color:var(--primary);padding:4px 10px;font-size:.75rem;font-weight:700;box-shadow:none}button.linkBtn:hover:not(:disabled){background:var(--primary-soft);transform:none}.hiddenInput{display:none}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.footer{margin-top:auto;border-top:1px solid var(--border);background:#fff;box-shadow:0 -4px 24px #0f172a0a}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.8125rem;color:var(--text-muted)}.footer-brand{font-weight:700;color:var(--text-secondary)}.footer-powered{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--brand-gold-soft);border:1px solid #fde68a}.footer-powered a{color:var(--brand-gold);text-decoration:none;font-weight:800;letter-spacing:-.01em;transition:color .15s}.footer-powered a:hover{color:#b45309}.loginPage{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.loginCard{width:100%;max-width:420px;padding:36px;border-radius:calc(var(--radius) + 4px);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.loginCard .brand{margin-bottom:24px}.loginCard>p{margin:0 0 28px;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.loginForm{display:flex;flex-direction:column;gap:18px}.loginForm label{display:flex;flex-direction:column;gap:8px;font-size:.8125rem;font-weight:700;color:var(--text-secondary)}.loginForm input{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-family:var(--font);font-size:.9375rem;transition:all .2s}.loginForm input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2563eb1f}.loginForm .primary{margin-top:6px;width:100%;padding:14px;font-size:.9375rem}.loginOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.loginOverlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loginOverlay-card{position:relative;z-index:1;width:100%;max-width:440px}.loginOverlay-card .loginPage{min-height:auto;padding:0}.loginOverlay-close{display:block;width:100%;margin-top:14px;text-align:center}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);font-size:.9375rem;font-weight:600}.loading-screen .spinner{width:32px;height:32px;border-width:3px;border-color:#e2e8f0;border-top-color:var(--primary);margin:0}.mono{font-family:var(--mono)}@media(max-width:640px){.header-inner,.main,.hero{padding-left:16px;padding-right:16px}.hero-card{padding:22px 20px}.statGrid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-direction:column;text-align:center}.header-inner{flex-wrap:wrap}}