:root{--ds-blue-50: #eff6ff;--ds-blue-100: #dbeafe;--ds-blue-200: #bfdbfe;--ds-blue-300: #93c5fd;--ds-blue-400: #60a5fa;--ds-blue-500: #3b82f6;--ds-blue-600: #2563eb;--ds-blue-700: #1d4ed8;--ds-blue-800: #1e3a8a;--ds-blue-900: #0f172a;--ds-gray-50: #f8fafc;--ds-gray-100: #f1f5f9;--ds-gray-200: #e2e8f0;--ds-gray-300: #cbd5e1;--ds-gray-400: #94a3b8;--ds-gray-500: #64748b;--ds-gray-600: #475569;--ds-gray-700: #334155;--ds-gray-800: #1f2937;--ds-gray-900: #0f172a;--ds-success: #15803d;--ds-success-bg: #dcfce7;--ds-warning: #b45309;--ds-warning-bg: #fef3c7;--ds-danger: #b91c1c;--ds-danger-bg: #fee2e2;--ds-danger-soft: #c2410c;--ds-danger-soft-bg: #fff7ed;--ds-info: #1d4ed8;--ds-info-bg: #dbeafe;--ds-bg-page: #eef4fa;--ds-bg-card: rgba(255,255,255,.88);--ds-bg-card-strong: rgba(255,255,255,.95);--ds-bg-input: rgba(255,255,255,.95);--ds-bg-overlay: rgba(30,58,138,.3);--ds-bg-overlay-light: rgba(255,255,255,.86);--ds-border-light: rgba(203,213,225,.8);--ds-border: rgba(229,232,235,.9);--ds-border-blue: rgba(191,219,254,.85);--ds-border-blue-strong: rgba(191,219,254,.95);--ds-border-active: rgba(37,99,235,.55);--ds-gradient-primary: linear-gradient(135deg, #2563eb, #4f8ef7);--ds-gradient-primary-hover: linear-gradient(135deg, #1d4ed8, #3b82f6);--ds-gradient-primary-pressed: linear-gradient(135deg, #1e40af, #2563eb);--ds-gradient-card-blue: linear-gradient(180deg, rgba(239,246,255,.96), rgba(248,250,252,.98));--ds-gradient-card-blue-alt: linear-gradient(180deg, rgba(239,246,255,.9), rgba(248,250,252,.96));--ds-gradient-hero: radial-gradient(circle at 0 0, rgba(191,219,254,.72), transparent 34%), linear-gradient(135deg, rgba(248,250,252,.96), rgba(239,246,255,.92))}:root{--ds-font-family: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ds-font-mono: "Cascadia Code", "Fira Code", "Consolas", monospace;--ds-text-h1: clamp(24px, 4vw, 34px);--ds-text-h2: 22px;--ds-text-h3: 18px;--ds-text-h4: 16px;--ds-text-body: 14px;--ds-text-small: 13px;--ds-text-xs: 12px;--ds-text-2xs: 11px;--ds-weight-normal: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-weight-extrabold: 800;--ds-leading-tight: 1.05;--ds-leading-snug: 1.25;--ds-leading-normal: 1.45;--ds-leading-relaxed: 1.6}:root{--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 10px;--ds-space-4: 12px;--ds-space-5: 14px;--ds-space-6: 16px;--ds-space-7: 18px;--ds-space-8: 20px;--ds-space-9: 22px;--ds-space-10: 24px;--ds-page-padding-x: 14px;--ds-page-padding-bottom: 10px;--ds-page-gap: 14px;--ds-card-padding: 18px;--ds-card-padding-sm: 14px;--ds-card-padding-xs: 12px;--ds-grid-gap: 10px;--ds-grid-gap-sm: 8px;--ds-grid-gap-lg: 12px}:root{--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 14px;--ds-radius-xl: 16px;--ds-radius-2xl: 18px;--ds-radius-3xl: 20px;--ds-radius-4xl: 24px;--ds-radius-5xl: 28px;--ds-radius-full: 999px;--ds-radius-btn: 6px;--ds-radius-card: 28px;--ds-radius-card-sm: 20px;--ds-radius-chip: 16px;--ds-radius-input: 16px;--ds-radius-field: 18px;--ds-radius-section-card: 18px;--ds-radius-sheet: 28px;--ds-radius-modal: 28px}:root{--ds-shadow-none: none;--ds-shadow-card: 0 2px 8px rgba(0,0,0,.06);--ds-shadow-sm: 0 6px 14px rgba(148,163,184,.15);--ds-shadow-md: 0 10px 22px rgba(15,23,42,.06);--ds-shadow-xl: 0 14px 30px rgba(30,64,175,.2);--ds-shadow-2xl: 0 16px 30px rgba(15,23,42,.14);--ds-shadow-modal: 0 28px 60px rgba(15,23,42,.18);--ds-shadow-blue: 0 14px 30px rgba(37,99,235,.12);--ds-shadow-hover: 0 20px 40px rgba(30,64,175,.12);--ds-shadow-active: 0 18px 34px rgba(37,99,235,.18)}:root{--ds-ease-out: cubic-bezier(.22, 1, .36, 1);--ds-ease-out-bounce: cubic-bezier(.18, .84, .24, 1);--ds-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ds-duration-fast: .12s;--ds-duration-normal: .18s;--ds-duration-slow: .22s;--ds-duration-slower: .24s;--ds-duration-xslow: .28s;--ds-duration-enter: .34s;--ds-transition-fast: .12s var(--ds-ease-out);--ds-transition-normal: .18s var(--ds-ease-out);--ds-transition-slow: .22s var(--ds-ease-out);--ds-transition-slower: .24s var(--ds-ease-out)}:root{--ds-z-bottom-nav: 50;--ds-z-box-footer: 60;--ds-z-topbar: 70;--ds-z-warehouse-menu: 90;--ds-z-modal: 999;--ds-z-toast: 1200;--ds-z-splash: 3000;--ds-z-debug: 99999}:root{--app-layout-max-width: 1360px;--app-primary-column-width: 760px;--app-fixed-bar-left: 0px;--app-fixed-bar-right: 0px;--app-fixed-bar-width: min(100%, var(--app-primary-column-width));--app-fixed-bar-max-width: var(--app-primary-column-width);--app-fixed-bar-margin: 0 auto}h1{margin:0;font-size:var(--ds-text-h1);line-height:var(--ds-leading-tight)}h2{margin:0;font-size:var(--ds-text-h2);line-height:var(--ds-leading-snug)}h3{margin:0;font-size:var(--ds-text-h3);line-height:var(--ds-leading-snug)}h4{margin:0;font-size:var(--ds-text-h4);line-height:var(--ds-leading-snug)}p{margin:0}.ds-eyebrow,.ds-section-kicker{color:var(--ds-gray-500);font-size:var(--ds-text-xs);letter-spacing:.12em;text-transform:uppercase}.ds-muted{color:var(--ds-gray-500)}.ds-tiny{color:var(--ds-gray-400);font-size:var(--ds-text-xs)}.ds-helper-text{font-size:var(--ds-text-xs);color:var(--ds-gray-500)}.ds-code{font-weight:var(--ds-weight-bold);font-size:18px}.ds-weight-normal{font-weight:var(--ds-weight-normal)}.section-kicker{color:var(--ds-gray-500);font-size:var(--ds-text-xs);letter-spacing:.12em;text-transform:uppercase}.helper-text{font-size:var(--ds-text-xs);color:var(--ds-gray-500)}.ds-card{background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);min-width:0;max-width:100%}.ds-page{margin-top:12px;display:grid;gap:var(--ds-page-gap);min-width:0;max-width:100%;overflow-x:clip}.ds-page>*{min-width:0;max-width:100%}.ds-list-section,.ds-form-card{display:grid;gap:var(--ds-grid-gap-lg);min-width:0;max-width:100%}.ds-row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-4);min-width:0}.ds-row-between>*{min-width:0}.ds-row-tight{display:inline-flex;align-items:center;gap:var(--ds-space-2);min-width:0}.ds-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.ds-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap)}.ds-grid-2-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap-lg)}.ds-empty{padding:30px 18px;text-align:center;color:var(--ds-gray-500);background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card)}.ds-empty-sm{padding:18px 14px;border-radius:var(--ds-radius-xl);border:1px dashed var(--ds-border-blue);background:#f8fafcd9}.ds-field{display:grid;gap:6px;font-size:var(--ds-text-body);color:var(--ds-gray-700)}.ds-field label,.ds-field>span{color:var(--ds-gray-700);font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold)}.ds-warning-box{background:var(--ds-danger-soft-bg);color:var(--ds-danger-soft);border-radius:var(--ds-radius-xl);padding:12px 14px;font-size:var(--ds-text-body)}.ds-warning-box-soft{background:#fef9c3;color:#854d0e}.ds-progress{width:100%;height:10px;border-radius:var(--ds-radius-full);overflow:hidden;background:var(--ds-blue-100);box-shadow:inset 0 1px 2px #2563eb1a}.ds-progress-bar{height:100%;border-radius:inherit;background:var(--ds-gradient-primary);transition:width var(--ds-duration-slow) var(--ds-ease-out)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:6px 12px;border-radius:6px;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.ds-badge-red{background:var(--ds-danger-bg);color:var(--ds-danger)}.ds-badge-blue{background:var(--ds-info-bg);color:var(--ds-info)}.ds-badge-green{background:var(--ds-success-bg);color:var(--ds-success)}.ds-badge-amber{background:var(--ds-warning-bg);color:var(--ds-warning)}.ds-badge-slate{background:var(--ds-gray-200);color:var(--ds-gray-600)}.ds-mini-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:6px;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold)}.ds-mini-badge-high{background:#e0f2fe;color:#0c4a6e}.ds-mini-badge-urgent{background:var(--ds-blue-100);color:var(--ds-info)}.ds-mini-badge-warn{background:var(--ds-warning-bg);color:#a16207}.ds-mini-badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.ds-mini-badge-slate{background:var(--ds-gray-200);color:var(--ds-gray-700)}.ds-mini-badge-anomaly-auto{background:#ffe4e6;color:#be123c}.ds-mini-badge-anomaly-manual{background:#ede9fe;color:#6d28d9}.ds-btn{border:0;border-radius:var(--ds-radius-btn);padding:12px 14px;min-height:44px;cursor:pointer;transition:var(--ds-transition-normal);font:inherit;font-weight:var(--ds-weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;text-align:center}.ds-btn:disabled{opacity:.6;cursor:not-allowed}.ds-btn:active:not(:disabled){transform:scale(.98)}.ds-btn:focus-visible{box-shadow:0 0 0 3px #2563eb38}.ds-btn-primary{background:var(--ds-gradient-primary);color:#fff}.ds-btn-primary:active:not(:disabled){background:var(--ds-gradient-primary-pressed)}.ds-btn-secondary{background:var(--ds-gray-200);color:var(--ds-gray-900)}.ds-btn-secondary:active:not(:disabled){background:var(--ds-gray-300)}.ds-btn-danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.ds-btn-warning{background:var(--ds-danger-soft-bg);color:var(--ds-danger-soft)}.ds-btn-ghost,.ds-btn-text{background:transparent;color:var(--ds-gray-700)}.ds-btn-full{width:100%}.ds-pill{border:0;flex:0 0 auto;padding:9px 14px;border-radius:var(--ds-radius-full);background:var(--ds-gray-200);color:var(--ds-gray-700);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);white-space:nowrap;cursor:pointer;transition:var(--ds-transition-normal);display:inline-flex;align-items:center;justify-content:center;line-height:1}.ds-pill.active{background:var(--ds-blue-100);color:var(--ds-blue-700);box-shadow:none}.ds-pill:active:not(.active){background:var(--ds-gray-300)}.ds-pill-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:116px;min-height:40px;padding:9px 14px;border-radius:var(--ds-radius-md);background:#fffc;border:1px solid var(--ds-border-light);color:var(--ds-gray-700);font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold);display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:var(--ds-transition-normal)}.ds-tab-pill{border:1px solid rgba(148,163,184,.4);background:var(--ds-gray-200);color:var(--ds-gray-700);border-radius:var(--ds-radius-lg);min-height:40px;padding:9px 12px;cursor:pointer;transition:var(--ds-transition-normal)}.ds-tab-pill.active{background:var(--ds-info);color:#fff;border-color:var(--ds-info)}@keyframes ds-slide-forward{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes ds-slide-backward{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes ds-detail-in{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-batch-bar-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-row-remove{to{opacity:0;transform:translate(-20px) scale(.96);max-height:0;padding:0;margin:0;overflow:hidden}}@keyframes ds-flash-success{0%{background-color:#22c55e26}to{background-color:transparent}}@keyframes ds-progress-slide{0%{transform:translate(-70%)}to{transform:translate(240%)}}@keyframes ds-scan-line-down{0%{transform:translateY(0);opacity:.2}12%{opacity:1}to{transform:translateY(calc(var(--scan-size, 300px) - 2px));opacity:.2}}.ds-motion-forward{animation:ds-slide-forward var(--ds-duration-slower) var(--ds-ease-out)}.ds-motion-backward{animation:ds-slide-backward var(--ds-duration-slower) var(--ds-ease-out)}.ds-motion-detail{animation:ds-detail-in var(--ds-duration-slower) var(--ds-ease-out)}.ds-fade-in{animation:ds-fade-in var(--ds-duration-normal) var(--ds-ease-out)}.ds-flash-success{animation:ds-flash-success .6s var(--ds-ease-out)}@media (min-width: 1040px){:root{--app-fixed-bar-left: max(20px, calc((100vw - var(--app-layout-max-width)) / 2 + 20px));--app-fixed-bar-right: auto;--app-fixed-bar-width: min(720px, calc(100vw - 440px) );--app-fixed-bar-max-width: 720px;--app-fixed-bar-margin: 0}.ds-desktop-only{display:block}.ds-mobile-only{display:none}}@media (max-width: 720px){.ds-desktop-only{display:none}.ds-mobile-only{display:grid}.ds-grid-2,.ds-grid-3,.ds-grid-2-lg{grid-template-columns:1fr}.ds-form-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.ds-field-static{padding:8px 12px;background:var(--ds-gray-100);border:1px solid var(--ds-gray-200);border-radius:8px;color:var(--ds-gray-500);font-size:14px;line-height:1.4;min-height:20px}.ds-field-static-mono{font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.3px;color:var(--ds-gray-600)}.ds-field-container{margin-bottom:12px}.ds-field-container .ds-field-label{display:block;font-size:12px;font-weight:500;color:var(--ds-gray-500);margin-bottom:4px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ds-spin .65s linear infinite}.btn-loading.danger:after,.btn-loading.warning:after{border-color:#ffffff4d;border-top-color:#fff}.flash-update{animation:ds-flash-update 1.5s ease-out}@keyframes ds-flash-update{0%{background:#00c85326}to{background:transparent}}.toast-enter{animation:ds-toast-in .25s ease-out}.toast-exit{animation:ds-toast-out .2s ease-in forwards}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ds-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-card-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes ds-card-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes ds-modal-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ds-modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}button:active:not(:disabled):not(.btn-loading){transform:scale(.97);transition:transform 80ms ease}@keyframes ds-flash-success{0%{background:#00c85326}to{background:transparent}}@keyframes ds-flash-error{0%{background:#dc26261f}to{background:transparent}}.flash-success{animation:ds-flash-success 1.2s ease-out}.flash-error{animation:ds-flash-error 1.2s ease-out}@keyframes ds-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.shake-error{animation:ds-shake .4s ease-out}.haptic-flash-success{box-shadow:inset 0 0 0 2px #00c8534d;transition:box-shadow .3s ease-out}.haptic-flash-error{box-shadow:inset 0 0 0 2px #dc26264d;transition:box-shadow .3s ease-out}.haptic-flash-warning{box-shadow:inset 0 0 0 2px #f59e0b4d;transition:box-shadow .3s ease-out}html,body{min-height:100%;touch-action:manipulation}#root{min-height:100%;width:100%;max-width:100%;overflow-x:clip;background:var(--ds-bg-page)}html.capacitor-native,html.capacitor-native body{overflow:hidden;height:100%}html.capacitor-native #root{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;min-height:0}:root{font-family:var(--ds-font-family);color:var(--ds-gray-900);background:var(--ds-bg-page);--app-safe-top: max( env(safe-area-inset-top, 0px), var(--android-inset-top-runtime, 0px), var(--ios-inset-top-runtime, 0px) );--app-safe-bottom: max( env(safe-area-inset-bottom, 0px), var(--android-inset-bottom-runtime, 0px), var(--ios-inset-bottom-runtime, 0px) );--ease-out-soft: var(--ds-ease-out)}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-y:auto;overflow-x:clip;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--ds-bg-page)}html.native-scan-active,body.native-scan-active,html.native-scan-active #root,body.native-scan-active #root,html.native-scan-active body,html.native-scan-active .app-shell,html.native-scan-active .phone-frame,html.native-scan-active .page-layout,html.native-scan-active .page,html.native-scan-active .scanner-shell,html.native-scan-active .scan-card,html.native-scan-active .native-scan-card,html.native-scan-active .scanner-viewport{background:transparent!important}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus{outline:none}button:focus-visible{box-shadow:0 0 0 3px #2563eb38}button:disabled{opacity:.6;cursor:not-allowed}.app-icon{width:1em;height:1em;display:block;flex:0 0 auto}.app-shell{display:flex;flex-direction:column;min-height:var(--vvh, 100dvh);height:auto;width:100%;max-width:100%;min-width:0;padding:0 14px 10px;overflow-x:clip;overflow-y:visible}.app-shell.native-scan-active,.page-layout.native-scan-active,.phone-frame.native-scan-active{background:transparent!important}.page-layout.native-scan-active,.page-layout.scan-page-active{padding-top:0!important}.page-layout{flex:1 1 auto;width:100%;max-width:1360px;min-width:0;min-height:0;height:auto;margin:0 auto;overflow-x:clip}.phone-frame{width:100%;max-width:100%;min-width:0;height:auto;min-height:var(--vvh, 100dvh);overflow-x:clip;overflow-y:visible;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;padding-bottom:calc(82px + var(--app-safe-bottom))}.phone-frame.native-scan-active{overflow:hidden;padding-bottom:24px}.phone-frame.scan-page-active{overflow:hidden;padding-bottom:0}.phone-frame.scan-page-active .page{height:var(--vvh, 100dvh);overflow:hidden}html.native-scan-active,html.native-scan-active body,html.native-scan-active .app-shell,html.native-scan-active .main-viewport{overflow:hidden!important}html:has(.native-scan-live) #root,html.native-scan-active #root{overflow:hidden!important}html:has(.native-scan-live) .app-shell,html:has(.native-scan-live) .phone-frame,html:has(.native-scan-live) .page-layout,html:has(.native-scan-live) .page{background:#0b1220}html:has(.native-scan-live){background:#0b1220}html:has(.native-scan-live) #root{background:#0b1220}html:has(.native-scan-live) .scan-card,html:has(.native-scan-live) .native-scan-card,html.native-scan-active .scan-card,html.native-scan-active .native-scan-card{margin:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important}html.native-scan-active .app-shell{padding:0!important}html.native-scan-active .scanner-shell,html.native-scan-active .scanner-viewport,html.native-scan-active .scan-card,html.native-scan-active .native-scan-card{background:transparent!important}.phone-frame.scan-manual-active{overflow-y:auto;max-height:var(--vvh, 100dvh);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + var(--app-safe-bottom))}.phone-frame.exceptions-page-active{display:flex;flex-direction:column;height:var(--vvh, 100dvh);overflow:hidden;overscroll-behavior:contain;padding-bottom:0;min-height:0;min-width:0}@keyframes ptr-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes ptr-label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pill-ready-pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.refresh-overlay{position:fixed;top:0;left:50%;padding-top:calc(var(--app-safe-top) + 8px);pointer-events:none;z-index:100;opacity:0;transition:opacity .1s ease}.refresh-overlay.active{opacity:1}.refresh-overlay-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffffeb;border-radius:999px;box-shadow:0 2px 10px #0000000f;white-space:nowrap}.refresh-overlay.ready .refresh-overlay-pill{animation:pill-ready-pulse .3s ease}.refresh-overlay-pill .ptr-arrow{width:28px;height:28px;flex-shrink:0;color:#64748b;transition:transform .25s ease}.refresh-overlay.ready .refresh-overlay-pill .ptr-arrow{transform:rotate(180deg)}.refresh-overlay.loading .refresh-overlay-pill .ptr-arrow{display:none}.refresh-overlay .ptr-spinner-rotator{display:none;align-items:center;justify-content:center;transform:rotate(-90deg)}.refresh-overlay.loading .ptr-spinner-rotator{display:flex;animation:ptr-spin .7s linear infinite}.refresh-overlay-pill .ptr-spinner{width:28px;height:28px;flex-shrink:0;color:#64748b}.refresh-overlay.ready .refresh-overlay-pill .ptr-arrow,.refresh-overlay.loading .refresh-overlay-pill .ptr-spinner{color:#1d4ed8}.refresh-overlay.state-success .refresh-overlay-pill .ptr-arrow,.refresh-overlay.state-success .refresh-overlay-pill .ptr-spinner{color:#047857}.refresh-overlay.state-error .refresh-overlay-pill .ptr-arrow,.refresh-overlay.state-error .refresh-overlay-pill .ptr-spinner{color:#b91c1c}.refresh-overlay-pill .ptr-label{padding:0;margin:0;background:none;border:none;border-radius:0;color:#64748b;font-size:12px;font-weight:700;animation:ptr-label-in .25s ease both}.refresh-overlay.ready .refresh-overlay-pill .ptr-label,.refresh-overlay.loading .refresh-overlay-pill .ptr-label{color:#1d4ed8}.refresh-overlay.state-success .refresh-overlay-pill .ptr-label{color:#047857}.refresh-overlay.state-empty .refresh-overlay-pill .ptr-label{color:#475569}.refresh-overlay.state-error .refresh-overlay-pill .ptr-label{color:#b91c1c}.phone-frame.exceptions-page-active>.topbar{flex:0 0 auto;min-width:0}.phone-frame.exceptions-page-active>.page.exceptions-page{flex:1 1 auto;min-height:0;min-width:0}.phone-frame.scan-page-active .page{margin-top:0;gap:0;min-height:100%}.phone-frame.scan-manual-active .page{margin-top:0;gap:10px}.phone-frame.scan-page-active .scan-card{min-height:calc(100vh - env(safe-area-inset-bottom,0px))}.phone-frame.scan-page-active .native-scan-card{min-height:100vh}.native-scan-active .page,.native-scan-active .card,.native-scan-active .list-section,.native-scan-active .form-card{background:transparent!important;box-shadow:none!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.app-fatal{min-height:100vh;display:grid;place-items:center;padding:24px;background:#edf2f7}.app-fatal-card{width:min(520px,100%);background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:24px;box-shadow:0 10px 28px #0f172a14}.app-fatal-card h2{margin:0 0 8px;font-size:20px;color:#0f172a}.page-local-error{min-height:56vh;display:grid;place-items:center;padding:22px}.page-error-card{max-width:520px}.page-error-card p{margin:0 0 12px;color:#64748b;line-height:1.55}.page-error-meta{display:grid;gap:6px;margin:12px 0 16px;color:#64748b;font-size:12px;line-height:1.45}.page-error-actions{margin-top:4px}.app-fatal-card p{margin:0 0 16px;color:#475569;font-size:14px}.app-fatal-card button{border:0;border-radius:12px;background:linear-gradient(120deg,#12284f,#2563eb);color:#fff;padding:10px 16px;font-weight:700}.app-fatal-card .app-fatal-link-btn{background:transparent!important;border:1.5px solid #cbd5e1!important;color:#475569!important;font-weight:600!important}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-splash);width:100vw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;display:grid;place-items:center;color:#f8fafc;background:radial-gradient(circle at 50% 38%,rgba(11,93,131,.38),transparent 34%),linear-gradient(152deg,#073f63,#052f4a 57%,#031e33)}.splash-screen:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:92px 92px;-webkit-mask-image:radial-gradient(circle at 50% 42%,rgba(0,0,0,.72),transparent 68%);mask-image:radial-gradient(circle at 50% 42%,rgba(0,0,0,.72),transparent 68%);opacity:.34}.splash-screen:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(2,12,24,.24) 100%)}.splash-screen.is-exiting{pointer-events:none;animation:splash-bg-out var(--ds-duration-xslow) var(--ds-ease-out) forwards}.splash-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;stroke:#b2d6eb26;stroke-width:1;fill:none}.splash-line-bar-top{stroke-dasharray:318;stroke-dashoffset:318;animation:splash-draw-ltr .5s .1s ease-out forwards}.splash-line-bar-bottom{stroke-dasharray:260;stroke-dashoffset:260;animation:splash-draw-ltr .5s .1s ease-out forwards}.splash-line-top,.splash-line-bottom{opacity:0;animation:splash-fade-in .4s .15s ease-out forwards}@keyframes splash-draw-ltr{to{stroke-dashoffset:0}}@keyframes splash-fade-in{to{opacity:1}}.splash-content{position:relative;z-index:1;width:min(82vw,390px);display:grid;justify-items:center;gap:clamp(24px,4.8vh,34px);padding-bottom:max(18px,env(safe-area-inset-bottom))}.splash-logo-card{position:relative;width:clamp(238px,64vw,328px);aspect-ratio:1;overflow:hidden;border-radius:50%;transform:scale(.96);opacity:0;filter:drop-shadow(0 24px 40px rgba(0,12,24,.28));animation:splash-logo-in .8s .15s ease-out forwards}.splash-logo{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.splash-logo-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.08) 43%,rgba(255,241,194,.24) 50%,rgba(255,255,255,.08) 57%,transparent 68%);transform:translate(-72%);animation:splash-logo-shine .35s .1s ease-out both}.splash-copy{display:grid;gap:8px;text-align:center;opacity:0;transform:translateY(10px);animation:splash-copy-in .6s .3s ease-out forwards}.splash-screen.is-booting .splash-logo-card{animation:splash-logo-in .35s ease-out forwards;animation-delay:0s}.splash-screen.is-booting .splash-copy{animation:splash-copy-in .35s .15s ease-out forwards}.splash-screen.no-anim .splash-logo-card{animation:none;opacity:1;transform:scale(1)}.splash-screen.no-anim .splash-copy{animation:none;opacity:1}.splash-screen.no-anim .splash-logo-shine{animation:none;opacity:0}.splash-copy strong{color:#f8fafc;font-family:Aptos Display,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(20px,5.1vw,26px);font-weight:var(--ds-weight-extrabold);line-height:1.1;letter-spacing:.12em}.splash-copy span{color:#cfe1ecb8;font-family:Aptos,Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(12px,3.1vw,14px);letter-spacing:.055em}@media (max-height: 640px){.splash-content{gap:18px}.splash-logo-card{width:clamp(208px,54vh,276px)}}@keyframes splash-bg-out{to{opacity:0;transform:scale(1.006)}}@keyframes splash-logo-in{to{opacity:1;transform:scale(1)}}@keyframes splash-logo-shine{0%{opacity:0;transform:translate(-72%)}34%{opacity:.76}to{opacity:0;transform:translate(72%)}}@keyframes splash-copy-in{to{opacity:1;transform:translateY(0)}}.home-focus-panel{display:grid;gap:var(--ds-grid-gap);padding:var(--ds-space-4);border-radius:var(--ds-radius-3xl);background:var(--ds-gradient-hero);box-shadow:inset 0 0 0 1px var(--ds-border-blue)}.home-focus-head{display:flex;align-items:baseline;justify-content:center;gap:var(--ds-grid-gap);color:var(--ds-gray-900);text-align:center;font-weight:var(--ds-weight-extrabold)}.home-focus-head small{color:var(--ds-gray-500);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold)}.home-focus-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--ds-radius-full);background:var(--ds-blue-600);color:#fff;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);white-space:nowrap}.home-focus-panel-active{background:radial-gradient(circle at 0 0,rgba(254,205,211,.48),transparent 42%),radial-gradient(circle at 100% 100%,rgba(253,230,138,.36),transparent 38%),linear-gradient(135deg,#f8fafcf5,#eff6ffeb)}.home-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap-sm)}@media (max-width: 360px){.home-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-focus-card{min-height:88px;padding:9px}}.home-focus-card{border:0;min-width:0;min-height:104px;padding:11px;border-radius:var(--ds-radius-xl);text-align:left;display:grid;align-content:start;gap:5px;color:var(--ds-gray-900);background:var(--ds-bg-overlay-light);box-shadow:var(--ds-shadow-md)}.home-focus-card strong{font-size:24px;line-height:1}.home-focus-title{font-size:var(--ds-text-small);font-weight:var(--ds-weight-extrabold)}.home-focus-hint{color:var(--ds-gray-500);font-size:var(--ds-text-2xs);line-height:1.35}.home-focus-card.danger{background:linear-gradient(180deg,#fff1f2,#fff);box-shadow:inset 0 0 0 1px #fecdd3f2}.home-focus-card.warn{background:linear-gradient(180deg,#fffbeb,#fff);box-shadow:inset 0 0 0 1px #fde68af2}.home-focus-card.blue,.home-focus-card.calm{background:linear-gradient(180deg,var(--ds-blue-50),#ffffff);box-shadow:inset 0 0 0 1px var(--ds-border-blue)}.compact-stat-card .tiny{margin-top:3px;line-height:1.25;font-size:var(--ds-text-2xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-title{margin-top:0;font-size:clamp(20px,3.6vw,30px);line-height:1.1}.logo-box{min-width:64px;height:60px;padding:0 14px;border-radius:var(--ds-radius-3xl);background:linear-gradient(135deg,var(--ds-blue-900),var(--ds-blue-800));color:#fff;display:grid;place-items:center;font-weight:var(--ds-weight-bold);box-shadow:var(--ds-shadow-xl)}.save-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.warehouse-form-row{margin-bottom:0}.inbound-page{gap:var(--ds-space-6)}.inbound-form-card{display:grid;gap:var(--ds-space-5);padding-bottom:40px}.inbound-warehouse-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5);margin-bottom:0}.inbound-helper-text{line-height:1.6}.inbound-form-grid{display:grid;gap:var(--ds-space-4)}.inbound-form-grid-two,.inbound-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.inbound-form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.inbound-form-card .field{gap:8px}.inbound-form-card .field>span{color:var(--ds-gray-700);font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold)}.inbound-action-row{display:grid;gap:var(--ds-space-4)}.inbound-action-row-single{grid-template-columns:1fr}.inbound-action-row-secondary .text-btn{min-height:48px;border-radius:var(--ds-radius-btn)}.inbound-header-row{display:flex;align-items:center;justify-content:space-between;min-height:44px}.inbound-header-title{font-size:22px;font-weight:var(--ds-weight-extrabold);color:var(--ds-gray-900);margin:0;display:flex;align-items:center;gap:10px}.inbound-header-mode{font-size:14px;font-weight:var(--ds-weight-medium);color:var(--ds-blue-700);background:var(--ds-blue-100);padding:2px 10px;border-radius:6px;white-space:nowrap}.inbound-box-btn{font-size:14px;color:var(--ds-gray-600);padding:8px 0;width:100%;display:flex;justify-content:center;gap:4px}.inbound-box-btn:active{color:var(--ds-blue-700)}.inbound-scan-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--ds-border-blue);border-radius:var(--ds-radius-md);padding:8px 12px;background:#eff6ffc7;color:var(--ds-blue-700);font-size:var(--ds-text-small);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease-out)}.inbound-scan-btn:active{background:#bfdbfee6}@media (max-width: 720px){.inbound-form-card{padding:var(--ds-space-6);gap:var(--ds-space-4)}.inbound-warehouse-row,.inbound-form-grid-two,.inbound-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.inbound-form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap)}.inbound-form-card .field>span{font-size:var(--ds-text-small)}.inbound-form-card .field input{min-height:50px;padding:12px 14px}.inbound-warehouse-row .tab-pill{min-height:52px}.inbound-scan-btn span{display:none}}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--ds-grid-gap);margin-bottom:8px;min-width:0}.compact-topbar{position:sticky;top:0;z-index:var(--ds-z-topbar);padding:calc(var(--app-safe-top) + 2px) 2px 8px;min-height:44px;background:var(--ds-bg-page);border-bottom:1px solid rgba(203,213,225,.28);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.profile-topbar{margin-bottom:6px}.device-mobile .profile-topbar{margin-bottom:8px}.topbar-left,.topbar-right{min-width:0;min-height:44px;display:flex;align-items:center}.topbar-left{justify-content:flex-start}.topbar-anim-left{display:inline-flex;align-items:center;animation:topbar-slide-in-left .24s ease-out}.topbar-anim-right{display:flex;align-items:center;justify-content:flex-end;animation:topbar-slide-in-right .24s ease-out}@keyframes topbar-slide-in-left{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes topbar-slide-in-right{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.topbar-right{justify-content:flex-end;position:relative}.topbar-title-center{min-width:0;text-align:center;justify-self:center}.topbar-back-icon-btn{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;-webkit-tap-highlight-color:transparent;width:44px;height:44px;border:0;border-radius:15px;padding:0;color:var(--ds-gray-700);background:#ffffffe6;border:1px solid var(--ds-border-light);display:inline-flex;align-items:center;justify-content:center}.topbar-back-icon-btn svg{width:24px;height:24px;display:block}.topbar-back-icon-btn.is-placeholder{visibility:hidden}.topbar-right-placeholder{width:78px;height:38px;visibility:hidden}.topbar-main-title{margin-top:0;font-size:clamp(20px,4vw,27px);line-height:1.08}.warehouse-box{border:0;gap:2px;justify-items:center;align-content:center}.warehouse-box span{font-size:22px;letter-spacing:.02em}.warehouse-box small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.84}.warehouse-caption{margin-top:8px;color:var(--ds-gray-500);font-size:var(--ds-text-small);line-height:1.5}.warehouse-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border-radius:var(--ds-radius-btn);background:#ffffffe6;border:1px solid var(--ds-border-light);min-width:174px}.warehouse-segment button{border:0;border-radius:var(--ds-radius-md);min-height:34px;padding:0 10px;background:transparent;color:var(--ds-gray-500);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold)}.warehouse-segment button.active{background:var(--ds-blue-100);color:var(--ds-blue-700)}.warehouse-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 12px;border-radius:var(--ds-radius-full);background:linear-gradient(135deg,#0f172a14,#2563eb24);color:var(--ds-blue-800);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.warehouse-helper{margin-top:-4px}.topbar-dropdown-anchor{position:relative;display:inline-flex}.topbar-dropdown-btn{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;-webkit-tap-highlight-color:transparent;border:1px solid var(--ds-border-light);border-radius:var(--ds-radius-full);min-height:38px;min-width:78px;padding:0 12px;background:#fff;color:var(--ds-gray-900);font-size:var(--ds-text-body);font-weight:var(--ds-weight-bold);display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--ds-shadow-sm);white-space:nowrap}.topbar-dropdown-btn.open{border-color:var(--ds-border-active);background:var(--ds-blue-50)}.topbar-dropdown-btn:focus-visible{box-shadow:0 0 0 3px #2563eb33}.topbar-dropdown-label{flex:0 1 auto;min-width:0;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-dropdown-caret{font-size:1em;width:1.16em;height:1.16em;min-width:1.16em;line-height:1;color:#334155c7;display:inline-flex;align-items:center;justify-content:center}.topbar-dropdown-caret svg{width:100%;height:100%;display:block;stroke-width:2.35}.topbar-dropdown-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-warehouse-menu);background:transparent}.topbar-dropdown-menu{position:absolute;top:calc(100% + 8px);min-width:132px;padding:6px;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-light);background:#fff;box-shadow:var(--ds-shadow-2xl);z-index:calc(var(--ds-z-warehouse-menu) + 1);display:grid;gap:4px}.topbar-dropdown-menu.align-left{left:0}.topbar-dropdown-menu.align-right{right:0}.topbar-dropdown-menu-item{outline:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:var(--ds-radius-sm);min-height:36px;padding:0 10px;background:transparent;color:var(--ds-gray-700);font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;white-space:nowrap}.topbar-dropdown-menu-item.active{background:#2563eb1f;color:var(--ds-blue-700)}.topbar-dropdown-menu-item:not(:disabled):hover{background:var(--ds-gray-100);color:var(--ds-gray-900)}.topbar-dropdown-menu-item.active:not(:disabled):hover{background:#2563eb33;color:var(--ds-blue-800)}.topbar-dropdown-menu-item:disabled{opacity:.42}.topbar-dropdown-check{width:16px;height:16px;text-align:center;color:transparent;display:inline-flex;align-items:center;justify-content:center;line-height:0}.topbar-dropdown-check svg{width:14px;height:14px;display:block}.topbar-dropdown-check.active{color:var(--ds-blue-700);font-weight:var(--ds-weight-bold)}.topbar-dropdown-divider{height:1px;background:var(--ds-gray-200);margin:2px 0}.topbar-dropdown-count{margin-left:auto;margin-right:8px;min-width:20px;padding:0 5px;border-radius:8px;background:var(--ds-gray-100);color:var(--ds-gray-500);font-size:11px;font-weight:var(--ds-weight-bold);text-align:center;line-height:17px}.topbar-dropdown-menu-item.active .topbar-dropdown-count{background:var(--ds-blue-600);color:#fff}.bottom-nav{position:fixed;left:var(--app-fixed-bar-left);right:var(--app-fixed-bar-right);bottom:0;z-index:var(--ds-z-bottom-nav);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 14px calc(var(--app-safe-bottom) + 8px);background:var(--ds-bg-page);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;border-top:1px solid rgba(203,213,225,.52);border-right:0;border-bottom:0;border-left:0;box-shadow:none;width:var(--app-fixed-bar-width);max-width:var(--app-fixed-bar-max-width);min-width:0;margin:var(--app-fixed-bar-margin);overflow-x:hidden}.bottom-nav button{border:0;background:transparent;border-radius:15px;min-height:54px;display:grid;justify-items:center;align-content:center;gap:4px;color:var(--ds-gray-500)}.bottom-nav button>span:last-child{font-size:clamp(12px,3.2vw,14px);line-height:1.1;font-weight:var(--ds-weight-semibold)}.bottom-nav button.active{background:var(--ds-blue-100);color:var(--ds-blue-700);box-shadow:none}.bottom-nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.bottom-nav-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.toggle-btn-content{display:inline-flex;align-items:center;gap:8px;font-size:inherit;line-height:1.05}.toggle-caret{width:1.4em;height:1.4em;min-width:1.4em;line-height:1;color:#334155e6;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.toggle-caret svg{width:100%;height:100%;display:block}.bottom-nav.batch-action-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4);padding:10px 14px calc(var(--app-safe-bottom) + 10px);background:#f8fafcfa;border-top:1px solid var(--ds-border-blue);box-shadow:0 -14px 32px #0f172a14}.batch-action-bar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4)}.batch-action-bar-copy{display:grid;gap:4px;min-width:0}.batch-action-bar-copy strong{font-size:15px;font-weight:var(--ds-weight-extrabold);color:var(--ds-gray-900)}.batch-action-bar-copy span{color:var(--ds-gray-700);font-size:var(--ds-text-xs);line-height:1.35}.batch-action-bar-copy .batch-action-bar-note{color:var(--ds-gray-500)}.batch-action-bar-exit{border:0;background:transparent;color:var(--ds-blue-600);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);padding:2px 0;white-space:nowrap}.batch-action-bar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap)}.batch-action-bar-actions button{border:0;min-height:48px;border-radius:var(--ds-radius-btn);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);padding:0 10px}.batch-action-bar-actions button:disabled{opacity:.52}.batch-action-secondary{background:var(--ds-gray-200);color:var(--ds-gray-700)}.batch-action-primary{background:var(--ds-gradient-primary);color:#fff}.batch-action-bar-actions{display:flex;flex-wrap:wrap;gap:var(--ds-grid-gap)}.batch-action-bar-actions button{flex:1 1 auto;min-width:0;white-space:nowrap}.batch-action-danger{background:var(--ds-red-600, #dc2626);color:#fff}.batch-action-danger.armed{background:var(--ds-red-700, #b91c1c);box-shadow:inset 0 0 0 2px #ffffff59}.profile-account-card,.profile-manage-card,.profile-system-card,.profile-logout-card{display:grid;gap:var(--ds-space-4)}.profile-user-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ds-space-4);border-radius:var(--ds-radius-3xl);padding:var(--ds-space-5);background:var(--ds-gradient-card-blue);border:1px solid var(--ds-border-blue)}.profile-avatar{width:48px;height:48px;border-radius:var(--ds-radius-lg);background:var(--ds-gradient-primary);color:#fff;display:grid;place-items:center;font-weight:var(--ds-weight-bold);font-size:var(--ds-radius-2xl)}.profile-user-grid{display:grid;gap:var(--ds-grid-gap-sm)}.profile-row{display:flex;justify-content:space-between;gap:var(--ds-space-4);font-size:var(--ds-text-body);color:var(--ds-gray-900)}.profile-row span:last-child{text-align:right}.profile-label{color:var(--ds-gray-500)}.profile-manage-block{display:grid;gap:var(--ds-grid-gap);padding:var(--ds-space-4);border-radius:var(--ds-radius-2xl);background:#f8fafce6;border:1px solid rgba(226,232,240,.95)}.profile-subtitle{font-size:var(--ds-text-h4);font-weight:var(--ds-weight-bold);color:var(--ds-gray-900)}.profile-toggle-btn{min-height:36px;padding:8px 12px;border-radius:var(--ds-radius-md);font-size:var(--ds-text-small)}.profile-account-search-row{grid-template-columns:minmax(0,1fr) auto}.profile-account-actions{margin-top:-2px}.profile-manage-empty{min-height:72px;display:flex;align-items:center;justify-content:center}.profile-manage-empty>div{width:100%}.profile-version-line{font-size:var(--ds-text-body);color:var(--ds-gray-700)}.profile-advanced-box{font-size:var(--ds-text-small);gap:7px}.profile-logout-card{padding-top:var(--ds-space-4)}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:48px}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#94a3b829;color:var(--ds-gray-700);width:34px;height:34px;border-radius:var(--ds-radius-sm);display:grid;place-items:center;padding:0}.password-toggle-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.auth-subtitle{margin-top:-8px;margin-bottom:2px;color:var(--ds-gray-500);font-size:var(--ds-text-small)}.auth-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap-sm);padding:6px;border-radius:var(--ds-radius-btn);background:#eef2f7;border:1px solid #d9e3f0}.auth-mode-tab{border:0;border-radius:var(--ds-radius-md);padding:10px 12px;background:transparent;color:var(--ds-gray-500);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:var(--ds-transition-normal)}.auth-mode-tab.active{background:#fff;color:var(--ds-gray-900);box-shadow:0 8px 18px #0f172a14}.auth-mode-tab:not(.active):hover{color:var(--ds-gray-700);background:#ffffff8c}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4)}.auth-submit-row{display:grid;gap:var(--ds-space-4)}.search,.field input,.field select,.field .picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d8e0ea;border-radius:var(--ds-radius-input);padding:13px 15px;background:var(--ds-bg-input);transition:var(--ds-transition-normal)}.field .picker-trigger-caret{flex:0 0 auto;display:flex;align-items:center}.field .picker-trigger-caret svg{width:16px;height:16px;display:block}.search:focus,.field input:focus,.field select:focus,.field .picker-trigger:focus{outline:none;border-color:var(--ds-blue-600);box-shadow:0 0 0 4px #2563eb1f}.field.field-invalid input,.field.field-invalid select{border-color:#dc2626}.field.field-invalid input:focus,.field.field-invalid select:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.field-error{display:block;color:#dc2626;font-size:12px;line-height:1.5;margin-top:3px}.field-required{color:#dc2626;font-style:normal;margin-left:2px}.blue-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(180deg,#f8fbff,#eaf2ff),linear-gradient(135deg,transparent 50%,var(--ds-blue-700) 50%),linear-gradient(135deg,var(--ds-blue-700) 50%,transparent 50%);background-repeat:no-repeat;background-size:100% 100%,8px 8px,8px 8px;background-position:0 0,calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);border-color:var(--ds-border-blue);color:var(--ds-gray-900);font-weight:var(--ds-weight-semibold)}.two-buttons,.stack-buttons,.grid.two,.grid.three,.detail-actions{display:grid;gap:var(--ds-grid-gap-lg)}.two-buttons,.grid.two,.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field--full{grid-column:1 / -1}.stack-buttons{grid-template-columns:1fr}.primary,.secondary,.danger,.warning,.text-btn,.ghost-btn{border:0;border-radius:var(--ds-radius-btn);padding:12px 14px;min-height:44px;cursor:pointer;transition:var(--ds-transition-normal);font:inherit}.primary{background:var(--ds-gradient-primary);color:#fff}.primary:active{opacity:.78}.secondary{background:var(--ds-gray-200);color:var(--ds-gray-900)}.secondary:active{opacity:.72}.warning{background:var(--ds-danger-soft-bg);color:var(--ds-danger-soft)}.danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.ghost-btn,.text-btn{background:transparent;color:var(--ds-gray-700)}.modal button.full,.modal-box button.full,.sheet-panel button.full,.modal .primary.full,.modal .secondary.full,.modal .danger.full{width:100%}.pill{border:0;flex:0 0 auto;padding:9px 14px;position:relative;border-radius:var(--ds-radius-full);background:var(--ds-gray-200);color:var(--ds-gray-700);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);white-space:nowrap;cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease-out),box-shadow var(--ds-duration-fast) var(--ds-ease-out),border-color var(--ds-duration-fast) var(--ds-ease-out)}.pill.active{background:var(--ds-blue-100);color:var(--ds-blue-700);font-weight:var(--ds-weight-extrabold);border:1.5px solid var(--ds-blue-500)}.pill.active:before{content:"✓ "}.pill:active:not(.active){background:var(--ds-gray-300)}.tab-pill{border:1px solid rgba(148,163,184,.4);background:var(--ds-gray-200);color:var(--ds-gray-700);border-radius:var(--ds-radius-lg);min-height:40px;padding:9px 12px;cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease-out),border-color var(--ds-duration-fast) var(--ds-ease-out)}.tab-pill.active{background:var(--ds-info);color:#fff;border-color:var(--ds-info)}.page-motion-forward{animation:pageSlideForward var(--ds-duration-slower) var(--ds-ease-out)}.page-motion-backward{animation:pageSlideBackward var(--ds-duration-slower) var(--ds-ease-out)}.hero-card,.stat-card,.card,.cargo-card,.detail-panel-card,.empty{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);min-width:0;max-width:100%}.card,.detail-panel-card{padding:var(--ds-card-padding)}.hero-card{padding:var(--ds-card-padding);display:grid;gap:var(--ds-space-5)}.page{margin-top:12px;display:grid;gap:var(--ds-page-gap);min-width:0;max-width:100%;overflow-x:clip}.page>*{min-width:0;max-width:100%}.list-section,.form-card,.logs{display:grid;gap:var(--ds-grid-gap-lg);min-width:0;max-width:100%}.section-head,.row.between{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-4);min-width:0}.row.tight{display:inline-flex;align-items:center;gap:var(--ds-space-2);min-width:0}.section-head>*,.row.between>*,.row.tight>*{min-width:0}.row.between.compact{align-items:flex-start}.section-head.compact{align-items:flex-end}.home-actions,.subtle-card{display:grid;gap:var(--ds-grid-gap)}.compact-panel{padding:var(--ds-space-5)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.compact-grid{gap:var(--ds-grid-gap-sm)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-grid-gap-sm)}.compact-stats{gap:var(--ds-grid-gap-sm)}.stat-card{padding:var(--ds-space-4);transition:transform var(--ds-duration-slow) var(--ds-ease-out),box-shadow var(--ds-duration-slow) var(--ds-ease-out),border-color var(--ds-duration-slow) var(--ds-ease-out)}.compact-stat-card{border-radius:var(--ds-radius-2xl)}.stat-card-button{border:0;width:100%;text-align:left;cursor:pointer}.stat-card-button:hover,.stat-card-button:active{transform:translateY(-2px) scale(1.01);box-shadow:var(--ds-shadow-hover);border-color:#60a5fa9e}.stat-title{color:var(--ds-gray-500);font-size:var(--ds-text-small)}.stat-value{font-size:24px;font-weight:var(--ds-weight-bold);margin-top:4px}.cargo-card{border:0;width:100%;text-align:left;padding:var(--ds-space-6);cursor:pointer;transition:transform var(--ds-transition-normal),box-shadow var(--ds-transition-normal),border-color var(--ds-transition-normal)}.compact-list{gap:var(--ds-grid-gap-sm)}.compact-cargo-card{padding:11px 12px;border-radius:var(--ds-radius-xl);gap:7px}.compact-cargo-card .cargo-code{font-size:var(--ds-text-h4)}.compact-cargo-line{display:block;color:var(--ds-gray-600);font-size:var(--ds-text-xs);line-height:1.45}.compact-cargo-secondary{color:var(--ds-gray-700);font-weight:var(--ds-weight-semibold)}.compact-cargo-meta{color:var(--ds-gray-500)}.cargo-card:hover,.cargo-card.active{transform:translateY(-2px);box-shadow:var(--ds-shadow-hover);border-color:#60a5faa6}.filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap)}.filter-row.compact{margin-bottom:var(--ds-space-4)}.action-card{border:0;border-radius:var(--ds-radius-xl);padding:var(--ds-space-4);text-align:left;background:var(--ds-gradient-card-blue-alt);box-shadow:inset 0 0 0 1px var(--ds-border-blue)}.compact-action-card .cargo-code{font-size:var(--ds-text-h4)}.timeliness-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap-sm)}.summary-item{border:0;border-radius:var(--ds-radius-xl);padding:10px 12px;text-align:left;background:var(--ds-bg-overlay-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--ds-shadow-md)}.summary-title{font-size:var(--ds-text-xs);color:var(--ds-gray-500)}.summary-value{margin-top:4px;font-size:24px;font-weight:var(--ds-weight-bold);color:var(--ds-gray-900)}.cargo-code{font-weight:var(--ds-weight-bold);font-size:18px}.muted{color:var(--ds-gray-500);font-size:var(--ds-text-body)}.tiny{color:var(--ds-gray-400);font-size:var(--ds-text-xs)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap-sm);margin-top:var(--ds-space-4);color:var(--ds-gray-600);font-size:var(--ds-text-body)}.empty{padding:30px 18px;text-align:center;color:var(--ds-gray-500)}.compact-empty{padding:18px 14px;border-radius:var(--ds-radius-xl);border:1px dashed var(--ds-border-blue);background:#f8fafcd9}.warning-box{background:var(--ds-danger-soft-bg);color:var(--ds-danger-soft);border-radius:var(--ds-radius-xl);padding:12px 14px;font-size:var(--ds-text-body)}.warning-box-soft{background:#fef9c3;color:#854d0e}.inline-warning{margin-top:var(--ds-space-6)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:6px 12px;border-radius:6px;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.badge.red{background:var(--ds-danger-bg);color:var(--ds-danger)}.badge.blue{background:var(--ds-info-bg);color:var(--ds-info)}.badge.green{background:var(--ds-success-bg);color:var(--ds-success)}.badge.amber{background:var(--ds-warning-bg);color:var(--ds-warning)}.badge.slate{background:var(--ds-gray-200);color:var(--ds-gray-600)}.warehouse-sheet{display:grid;gap:var(--ds-space-5)}.warehouse-option-list{display:grid;gap:var(--ds-grid-gap)}.warehouse-option{border:0;width:100%;padding:var(--ds-space-5);border-radius:var(--ds-radius-3xl);background:var(--ds-gradient-card-blue);box-shadow:inset 0 0 0 1px var(--ds-border-blue);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);text-align:left}.warehouse-option.active{box-shadow:inset 0 0 0 2px #2563ebcc,var(--ds-shadow-blue)}.warehouse-option-main{display:flex;align-items:center;gap:var(--ds-space-4);min-width:0}.warehouse-option-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 12px;border-radius:var(--ds-radius-2xl);background:var(--ds-gradient-primary);color:#fff;font-weight:var(--ds-weight-bold);letter-spacing:.02em}.warehouse-option-title{color:var(--ds-gray-900);font-size:var(--ds-text-h4);font-weight:var(--ds-weight-bold)}.warehouse-option-copy{color:var(--ds-gray-500);font-size:var(--ds-text-small);line-height:1.45;margin-top:4px}.warehouse-option-check{color:var(--ds-blue-600);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);white-space:nowrap}.update-progress{width:100%;height:10px;border-radius:var(--ds-radius-full);overflow:hidden;background:var(--ds-blue-100);box-shadow:inset 0 1px 2px #2563eb1a}.update-progress-bar{height:100%;border-radius:inherit;background:var(--ds-gradient-primary);transition:width var(--ds-duration-slow) var(--ds-ease-out)}.update-progress.indeterminate{position:relative}.update-progress.indeterminate .update-progress-bar{width:42%;background:linear-gradient(135deg,rgba(15,23,42,.15),var(--ds-blue-600),rgba(15,23,42,.15));background-size:220% 100%;animation:update-progress-slide 1.15s linear infinite}.scan-icon{width:78px;height:78px;margin:0 auto 8px;border-radius:var(--ds-radius-card);background:linear-gradient(135deg,#e0f2fe,var(--ds-blue-100));color:var(--ds-blue-700);display:grid;place-items:center;font-size:22px;font-weight:var(--ds-weight-bold)}@media (max-width: 720px){.two-buttons,.grid.two,.grid.three,.meta-grid,.detail-summary-grid,.detail-key-grid,.detail-actions,.filter-row,.save-mode-row{grid-template-columns:1fr}.form-grid--compact-mobile{grid-template-columns:repeat(2,minmax(0,1fr))!important}.action-grid,.stats-grid,.home-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap-sm)}.lookup-search-row{grid-template-columns:minmax(0,1fr) auto auto auto}.profile-account-search-row{grid-template-columns:minmax(0,1fr) auto!important}.lookup-action-btn{min-width:64px;padding:10px}.lookup-row-head,.lookup-row-line{align-items:flex-start}}@media (min-width: 1040px){.page-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(360px,1fr);gap:var(--ds-space-10);align-items:start}.desktop-only{display:block}.mobile-only{display:none}.page-layout .detail-panel{position:sticky;top:20px;z-index:101}}@keyframes pageSlideForward{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideBackward{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes detailSlideIn{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes maskFadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideInFloating{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes update-progress-slide{0%{transform:translate(-70%)}to{transform:translate(240%)}}@keyframes batchBarSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rowRemove{to{opacity:0;transform:translate(-20px) scale(.96);max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden}}@keyframes flashSuccess{0%{background-color:#22c55e26}to{background-color:transparent}}.settlement-filter-row{display:flex;flex-wrap:wrap;gap:4px}.settlement-filter-row>button{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.settlement-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%}.settlement-presets button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.settlement-custom-dates{display:flex;align-items:center;gap:8px;width:100%}.settlement-stats-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.settlement-stat-item{flex:1;min-width:80px;background:var(--ds-gray-50, #f8f9fa);border-radius:var(--ds-radius-lg, 8px);padding:8px 10px;text-align:center}.settlement-stat-item .stat-label{font-size:var(--ds-text-xs, 11px);color:var(--ds-gray-500, #888);display:block}.settlement-stat-item .stat-value{font-size:var(--ds-text-body, 14px);font-weight:var(--ds-weight-bold, 600);display:block;margin-top:2px}.settlement-stat-item .stat-value.text-success{color:var(--ds-success, #28a745)}.settlement-stat-item .stat-value.text-danger{color:var(--ds-danger, #dc3545)}.settlement-stat-item .stat-value.text-warning{color:var(--ds-warning, #e67e22)}.settlement-progress-wrap{display:flex;align-items:center;gap:6px}.settlement-progress-track{flex:1;height:8px;background:var(--ds-gray-200, #eee);border-radius:4px;overflow:hidden}.settlement-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.settlement-progress-fill.pct-good{background:var(--ds-success, #28a745)}.settlement-progress-fill.pct-warn{background:var(--ds-warning, #e67e22)}.settlement-progress-fill.pct-bad{background:var(--ds-danger, #dc3545)}.settlement-progress-text{font-size:var(--ds-text-xs, 11px);color:var(--ds-gray-500, #888);white-space:nowrap;min-width:36px;text-align:right}.settlement-compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:8px;font-size:var(--ds-text-xs, 12px)}.settlement-compare-item{text-align:center;padding:6px 4px;border-radius:var(--ds-radius-md, 6px);background:var(--ds-gray-50, #f8f9fa)}.settlement-compare-item .cmp-label{color:var(--ds-gray-500, #888);display:block}.settlement-compare-item .cmp-value{font-weight:var(--ds-weight-bold, 600);display:block;margin-top:2px}.settlement-compare-item .cmp-value.cmp-expected{color:var(--ds-gray-700, #333)}.settlement-compare-item .cmp-value.cmp-collected,.settlement-compare-item .cmp-value.cmp-diff.diff-ok{color:var(--ds-success, #28a745)}.settlement-compare-item .cmp-value.cmp-diff.diff-warn{color:var(--ds-warning, #e67e22)}.settlement-compare-item .cmp-value.cmp-diff.diff-bad{color:var(--ds-danger, #dc3545)}.settlement-cargo-table{width:100%;font-size:var(--ds-text-xs, 12px);border-collapse:collapse;margin-top:6px}.settlement-cargo-table th{text-align:left;padding:6px 4px;border-bottom:1px solid var(--ds-gray-300, #ddd);color:var(--ds-gray-600, #666);font-weight:var(--ds-weight-semibold, 500);white-space:nowrap}.settlement-cargo-table td{padding:5px 4px;border-bottom:1px solid var(--ds-gray-100, #f0f0f0);vertical-align:middle}.settlement-cargo-table tr:last-child td{border-bottom:none}.settlement-cargo-table .collected-row{color:var(--ds-gray-400, #999)}.settlement-cargo-table .uncollected-row{cursor:pointer}.settlement-cargo-table .uncollected-row:hover{background:var(--ds-gray-50, #f8f9fa)}.settlement-merge-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:6px 10px;border-radius:var(--ds-radius-lg, 8px);background:var(--ds-blue-50, #eff6ff);border:1px solid var(--ds-blue-200, #bfdbfe);font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-700, #334155)}.settlement-merge-hint strong{color:var(--ds-blue-700, #1d4ed8);font-weight:700}.settlement-customer-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.settlement-customer-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}.settlement-customer-title>strong{font-size:var(--ds-text-md, 15px);font-weight:var(--ds-weight-extrabold, 800);color:var(--ds-gray-900, #0f172a)}.settlement-customer-title .settlement-customer-meta{font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.settlement-customer-toggle{font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-400, #94a3b8);flex:0 0 auto}.settlement-customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-600, #475569)}.settlement-customer-stats strong{font-weight:var(--ds-weight-bold, 700);color:var(--ds-gray-800, #1e293b)}.settlement-customer-actions{margin-top:8px;text-align:right}.settlement-detail-wrap{margin-top:8px;border-top:1px solid var(--ds-gray-200, #e2e8f0);padding-top:8px}.settlement-summary-note{margin-top:8px;text-align:right;font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.settlement-toolbar{display:flex;align-items:center;gap:6px;margin-top:8px;justify-content:flex-end}.settlement-amount{font-weight:var(--ds-weight-bold, 700);color:var(--ds-danger, #dc3545)}.settlement-amount-ok{font-weight:var(--ds-weight-bold, 700);color:var(--ds-success, #28a745)}.settlement-quick-search{position:relative;display:flex;gap:8px;margin-bottom:12px}.settlement-customer-suggest{position:absolute;top:calc(100% + 4px);left:0;right:58px;z-index:20;background:#fff;border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:var(--ds-radius-xl, 10px);box-shadow:0 8px 24px #0f172a1f;max-height:220px;overflow-y:auto}.settlement-customer-suggest-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--ds-gray-100, #f1f5f9);background:#fff;font-size:var(--ds-text-sm, 13px);text-align:left;cursor:pointer}.settlement-customer-suggest-item:last-child{border-bottom:none}.settlement-customer-suggest-item:active{background:var(--ds-blue-50, #eff6ff)}.settlement-customer-suggest-item .suggest-name{font-weight:var(--ds-weight-semibold, 600);color:var(--ds-gray-900, #0f172a);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-customer-suggest-item .suggest-phone{color:var(--ds-gray-500, #64748b);font-size:var(--ds-text-xs, 12px)}.settlement-customer-suggest-item .suggest-meta{font-style:normal;font-size:var(--ds-text-xs, 11px);color:var(--ds-danger, #dc3545);margin-left:auto;flex:0 0 auto}.settlement-quick-list{max-height:260px;overflow-y:auto;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:var(--ds-radius-lg, 8px);padding:4px;margin-bottom:12px}.settlement-quick-list-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--ds-gray-200, #e2e8f0);font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.settlement-quick-list-item{display:flex;align-items:center;padding:3px 0;font-size:var(--ds-text-sm, 13px);cursor:pointer}.settlement-quick-list-item.collected{opacity:.5;cursor:default}.settlement-quick-list-item .quick-cargo-meta{margin-left:6px;color:var(--ds-gray-500, #64748b)}.settlement-quick-list-item .quick-cargo-dest{margin-left:6px;color:var(--ds-gray-400, #94a3b8);font-size:var(--ds-text-xs, 12px)}.settlement-quick-list-item .quick-cargo-paid{margin-left:6px;color:var(--ds-success, #28a745);font-size:var(--ds-text-xs, 12px)}.collection-note-quick{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-bottom:6px}.collection-note-quick-label{font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.collection-note-chip{border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:999px;padding:2px 10px;font-size:var(--ds-text-xs, 12px);background:#fff;color:var(--ds-gray-700, #334155);cursor:pointer}.collection-note-chip.active{background:var(--ds-blue-100, #dbeafe);border-color:var(--ds-blue-600, #2563eb);color:var(--ds-blue-700, #1d4ed8);font-weight:var(--ds-weight-semibold, 600)}.desktop-sidebar{display:none}.device-desktop .app-shell{flex-direction:row;align-items:stretch;padding-left:220px}.device-desktop .desktop-sidebar{display:flex;flex-direction:column;width:220px;position:fixed;top:0;left:0;height:100dvh;padding:20px 12px 16px;background:var(--ds-gray-50, #f8fafc);border-right:1px solid var(--ds-gray-200, #e2e8f0);gap:6px;overflow-y:auto;z-index:80}.device-desktop .desktop-sidebar-brand{padding:4px 10px 14px;border-bottom:1px solid var(--ds-gray-200, #e2e8f0);margin-bottom:8px}.device-desktop .desktop-sidebar-brand strong{display:block;font-size:var(--ds-text-md, 15px);font-weight:var(--ds-weight-extrabold, 800);color:var(--ds-gray-900, #0f172a)}.device-desktop .desktop-sidebar-brand span{font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.device-desktop .desktop-sidebar-warehouse-wrap{position:relative;margin-bottom:8px}.device-desktop .desktop-sidebar-warehouse{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:var(--ds-radius-xl, 10px);background:#fff;cursor:pointer;text-align:left}.device-desktop .desktop-sidebar-warehouse:hover,.device-desktop .desktop-sidebar-warehouse.open{border-color:var(--ds-blue-400, #60a5fa)}.device-desktop .desktop-warehouse-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:90;display:grid;gap:2px;padding:6px;background:#fff;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:var(--ds-radius-xl, 10px);box-shadow:var(--ds-shadow-modal)}.device-desktop .desktop-warehouse-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--ds-radius-lg, 8px);background:transparent;font-size:13px;font-weight:var(--ds-weight-semibold, 600);color:var(--ds-gray-700, #334155);cursor:pointer;text-align:left}.device-desktop .desktop-warehouse-menu-item:hover{background:var(--ds-gray-100, #f1f5f9)}.device-desktop .desktop-warehouse-menu-item.active{background:var(--ds-blue-100, #dbeafe);color:var(--ds-blue-700, #1d4ed8)}.device-desktop .desktop-warehouse-menu-item:disabled{opacity:.5;cursor:not-allowed}.device-desktop .desktop-warehouse-menu-check{width:14px;height:14px}.device-desktop .desktop-sidebar-warehouse-label{font-size:11px;color:var(--ds-gray-500, #64748b)}.device-desktop .desktop-sidebar-warehouse-value{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:var(--ds-weight-bold, 700);color:var(--ds-blue-700, #1d4ed8)}.device-desktop .desktop-sidebar-warehouse-caret{width:13px;height:13px;color:var(--ds-gray-400, #94a3b8)}.device-desktop .desktop-sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.device-desktop .desktop-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:var(--ds-radius-xl, 10px);background:transparent;font-size:var(--ds-text-sm, 13px);font-weight:var(--ds-weight-semibold, 600);color:var(--ds-gray-700, #334155);text-align:left;cursor:pointer}.device-desktop .desktop-sidebar-item:hover{background:var(--ds-gray-100, #f1f5f9)}.device-desktop .desktop-sidebar-item.active{background:var(--ds-blue-100, #dbeafe);color:var(--ds-blue-700, #1d4ed8)}.device-desktop .desktop-sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.device-desktop .desktop-sidebar-footer{padding:10px 10px 0;border-top:1px solid var(--ds-gray-200, #e2e8f0);font-size:11px;color:var(--ds-gray-400, #94a3b8)}.device-desktop .page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;max-width:none;overflow-x:clip;padding-top:70px}.device-desktop .page-layout.page-layout-with-detail{grid-template-columns:minmax(0,1fr) minmax(360px,460px)}.device-desktop .cargo-detail-mask{place-items:center;padding:24px}.device-desktop .cargo-detail-mobile{width:min(100%,720px);max-height:min(88vh,900px)}.device-desktop .sheet-mask{align-items:center;padding:24px}.device-desktop .sheet-panel-bottom{border-radius:var(--ds-radius-sheet, 20px)}.device-desktop .desktop-home-dashboard{display:grid;gap:12px;min-width:0}.device-desktop .desktop-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0}.device-desktop .desktop-kpi-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px;padding:14px 14px 12px;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:var(--ds-radius-xl, 10px);background:#fff;box-shadow:var(--ds-shadow-card);cursor:pointer;text-align:left;min-width:0;transition:box-shadow .15s ease,transform .15s ease}.device-desktop .desktop-kpi-card:hover{box-shadow:0 6px 18px #0f172a1a;transform:translateY(-1px)}.device-desktop .desktop-kpi-icon{grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--ds-gray-100, #f1f5f9);color:var(--ds-gray-600, #475569)}.device-desktop .desktop-kpi-card.blue .desktop-kpi-icon{background:var(--ds-blue-100, #dbeafe);color:var(--ds-blue-700, #1d4ed8)}.device-desktop .desktop-kpi-card.teal .desktop-kpi-icon{background:#ccfbf1;color:#0f766e}.device-desktop .desktop-kpi-card.amber .desktop-kpi-icon,.device-desktop .desktop-kpi-card.warn .desktop-kpi-icon{background:#fef3c7;color:#b45309}.device-desktop .desktop-kpi-card.danger .desktop-kpi-icon{background:var(--ds-red-100, #fee2e2);color:var(--ds-red-700, #b91c1c)}.device-desktop .desktop-kpi-value{font-size:26px;font-weight:var(--ds-weight-extrabold, 800);line-height:1.1;color:var(--ds-gray-900, #0f172a)}.device-desktop .desktop-kpi-title{font-size:12px;color:var(--ds-gray-500, #64748b);font-weight:var(--ds-weight-semibold, 600);white-space:nowrap}.device-desktop .desktop-trend-card{padding:var(--ds-card-padding)}.device-desktop .desktop-trend-card .section-head{margin-bottom:8px}.device-desktop .desktop-trend-subtitle{font-size:12px;color:var(--ds-gray-400, #94a3b8)}.device-desktop .desktop-trend-chart{min-width:0}.device-desktop .desktop-trend-legend{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:6px}.device-desktop .desktop-trend-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ds-gray-600, #475569)}.device-desktop .desktop-trend-legend-item i{width:10px;height:10px;border-radius:3px;display:inline-block}.device-desktop .settlement-desktop-table-wrap,.device-desktop .settlement-aging-view,.device-desktop .settlement-trend-card{grid-column:1 / -1}.settlement-seg-nav-row{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settlement-seg-nav{display:inline-flex;background:var(--ds-gray-100, #f1f5f9);border-radius:var(--ds-radius-full);padding:3px;gap:2px}.settlement-seg-item{border:none;background:transparent;padding:7px 14px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-small, 13px);font-weight:var(--ds-weight-medium, 500);color:var(--ds-gray-600, #475569);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.settlement-seg-item.active{background:#fff;color:var(--ds-blue-700, #1d4ed8);font-weight:var(--ds-weight-bold, 700);box-shadow:0 1px 3px #0f172a1f}.settlement-seg-actions{display:flex;gap:6px;margin-left:auto}.settlement-pop-dates{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ds-gray-500, #64748b)}.settlement-pop-dates input[type=date]{font-size:12px;padding:4px 6px;border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:6px}.settlement-status-seg{display:inline-flex;margin-left:auto;background:var(--ds-gray-100, #f1f5f9);border-radius:var(--ds-radius-full);padding:3px;gap:2px}.settlement-status-item{border:none;background:transparent;padding:6px 10px;border-radius:var(--ds-radius-full);font-size:12px;font-weight:500;color:var(--ds-gray-600, #475569);cursor:pointer;white-space:nowrap}.settlement-status-item.active{background:#fff;color:var(--ds-blue-700, #1d4ed8);font-weight:700;box-shadow:0 1px 3px #0f172a1f}@media (max-width: 480px){.settlement-status-item{padding:6px 8px;font-size:11px}}.settlement-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.settlement-history-scope{display:inline-flex;background:var(--ds-gray-100, #f1f5f9);border-radius:var(--ds-radius-full);padding:2px;gap:2px}.history-scope-btn{border:none;background:transparent;padding:4px 10px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-600, #475569);cursor:pointer}.history-scope-btn.active{background:#fff;color:var(--ds-blue-700, #1d4ed8);font-weight:700;box-shadow:0 1px 2px #0f172a1f}.settlement-trend-mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px;padding:14px 16px;background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);font-size:var(--ds-text-md, 15px);font-weight:var(--ds-weight-bold, 700);color:var(--ds-gray-900, #0f172a);cursor:pointer}.settlement-trend-mobile-arrow{font-size:var(--ds-text-xs, 12px);font-weight:var(--ds-weight-normal, 400);color:var(--ds-gray-500, #64748b)}.settlement-trend-mobile .settlement-trend-card{margin-bottom:12px}.settlement-trend-card .settlement-trend-total{color:var(--ds-blue-700, #1d4ed8);font-size:15px;margin-left:4px}.scan-not-found{display:grid;gap:10px;padding:16px 14px 12px;margin-top:10px;background:var(--ds-warning-bg, #fef3c7);border:1px solid rgba(180,83,9,.28);border-radius:14px;box-shadow:0 2px 12px #b453091a;animation:ds-fade-in var(--ds-duration-normal, .25s) var(--ds-ease-out, ease-out)}.scan-not-found-head{display:flex;align-items:center;justify-content:center;gap:8px}.scan-not-found-icon{width:20px;height:20px;color:var(--ds-warning, #b45309);flex:0 0 auto}.scan-not-found-title{font-size:15px;font-weight:var(--ds-weight-bold, 700);color:var(--ds-warning, #b45309)}.scan-not-found-code{font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--ds-gray-900, #0f172a);text-align:center;word-break:break-all}.scan-not-found .three-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.scan-not-found .three-buttons button{flex:1 1 auto;min-width:110px}.scan-not-found-hint{font-size:12px;color:var(--ds-gray-600, #475569);text-align:center;line-height:1.5}.settlement-trend-tooltip{position:absolute;z-index:20;min-width:170px;padding:8px 12px;background:#0f172aeb;color:#f1f5f9;border-radius:8px;font-size:12px;line-height:1.6;pointer-events:none;box-shadow:0 6px 20px #0f172a38}.settlement-trend-tooltip-date{font-weight:700;color:#93c5fd;margin-bottom:2px}.settlement-trend-tooltip-row{display:flex;justify-content:space-between;gap:14px}.settlement-trend-tooltip-row strong{color:#fff}.desktop-trend-tooltip{position:absolute;z-index:20;min-width:150px;padding:8px 12px;background:#0f172aeb;color:#f1f5f9;border-radius:8px;font-size:12px;line-height:1.7;pointer-events:none;box-shadow:0 6px 20px #0f172a38}.desktop-trend-tooltip-title{font-weight:700;color:#93c5fd;margin-bottom:3px}.desktop-trend-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.desktop-trend-tooltip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.desktop-trend-tooltip-row strong{color:#fff}.device-desktop .settlement-batch-bar{position:fixed;left:calc(220px + (100vw - 220px)/2);bottom:16px;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:14px;box-shadow:0 8px 28px #0f172a24;font-size:13px}.device-desktop .settlement-batch-bar-copy{color:var(--ds-gray-600, #475569);white-space:nowrap}.device-desktop .settlement-batch-bar-copy strong{color:var(--ds-blue-700, #1d4ed8)}.device-desktop .settlement-page-root.settlement-batch-active{padding-bottom:64px}.settlement-desktop-table tbody tr.batch-selected{background:var(--ds-blue-50, #eff6ff)}.settlement-desktop-table tbody tr.batch-selected:hover{background:var(--ds-blue-100, #dbeafe)}.device-desktop .settlement-desktop-detail{grid-column:1 / -1;margin-top:4px}.device-desktop .settlement-desktop-detail .settlement-detail-wrap{display:grid;gap:10px}.device-desktop .desktop-home-recent{display:grid;gap:8px;min-width:0}.device-desktop .desktop-home-recent .desktop-cargo-table-wrap{grid-column:auto}.device-desktop .desktop-home-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.device-desktop .desktop-stat-strip-item{display:grid;gap:2px;text-align:left;padding:12px 14px;cursor:pointer;border:1px solid var(--ds-gray-200, #e2e8f0)}.device-desktop .desktop-stat-strip-item:hover{border-color:var(--ds-blue-300, #93c5fd)}.device-desktop .desktop-stat-strip-value{font-size:20px;font-weight:var(--ds-weight-extrabold, 800);color:var(--ds-gray-900, #0f172a)}.device-desktop .desktop-stat-strip-title{font-size:12px;font-weight:var(--ds-weight-semibold, 600);color:var(--ds-gray-600, #475569)}.device-desktop .desktop-stat-strip-hint{font-size:11px;color:var(--ds-gray-400, #94a3b8)}.device-desktop .bottom-nav.batch-action-bar{display:grid!important;grid-template-columns:minmax(0,1fr);left:calc(220px + (100vw - 220px)/2);right:auto;transform:translate(-50%);width:min(calc(100vw - 268px),1440px);max-width:none;margin:0;border-radius:16px 16px 0 0;background:#fffffffa;border:1px solid var(--ds-gray-200, #e2e8f0);border-bottom:0;box-shadow:0 -14px 32px #0f172a1a}.device-desktop .lookup-page-batch-mode{padding-bottom:130px}.device-desktop .desktop-topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;min-width:0;padding:10px calc(16px + var(--scrollbar-compensation, 0px)) 10px 16px;background:#fff;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:var(--ds-radius-xl, 10px);box-shadow:var(--ds-shadow-card);position:fixed;top:0;left:220px;right:0;border-radius:0;border-left:0;border-right:0;border-top:0;z-index:60}.device-desktop .desktop-topbar-title{display:flex;align-items:center;gap:8px;min-width:0}.device-desktop .desktop-topbar-title h1{margin:0;font-size:22px;font-weight:var(--ds-weight-extrabold, 800);color:var(--ds-gray-900, #0f172a);white-space:nowrap}.device-desktop .desktop-topbar-title-icon{color:var(--ds-blue-700, #1d4ed8)}.device-desktop .desktop-topbar-search{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0;max-width:620px;margin:0 auto}.device-desktop .desktop-topbar-search-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--ds-gray-400, #94a3b8);flex:0 0 auto}.device-desktop .desktop-topbar-search input{flex:1 1 auto;min-width:0;height:36px;padding:0 12px;border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:var(--ds-radius-xl, 10px);font-size:14px;background:var(--ds-gray-50, #f8fafc);color:var(--ds-gray-900, #0f172a)}.device-desktop .desktop-topbar-search input:focus{outline:none;border-color:var(--ds-blue-600, #2563eb);background:#fff}.device-desktop .desktop-topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.device-desktop .desktop-topbar-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--ds-blue-100, #dbeafe);color:var(--ds-blue-700, #1d4ed8);font-size:12px;font-weight:var(--ds-weight-bold, 700);white-space:nowrap}.device-desktop .desktop-topbar-user{font-size:14px;font-weight:var(--ds-weight-semibold, 600);color:var(--ds-gray-700, #334155);white-space:nowrap}.device-desktop .desktop-topbar-logout{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:var(--ds-radius-xl, 10px);background:transparent;color:var(--ds-gray-600, #475569);font-size:12px;font-weight:var(--ds-weight-semibold, 600);cursor:pointer;white-space:nowrap}.device-desktop .desktop-topbar-logout:hover{background:var(--ds-gray-100, #f1f5f9);color:var(--ds-gray-800, #1e293b)}.device-desktop .desktop-topbar-logout .app-icon{width:14px;height:14px}.device-desktop .app-shell{min-width:960px;overflow-x:clip}@media (max-width: 1439px){.desktop-cargo-table .col-expected,.desktop-cargo-table .col-pieces{display:none}}@media (max-width: 1079px){.desktop-cargo-table .col-weight{display:none}.device-desktop .app-shell{padding-left:64px}.device-desktop .desktop-sidebar{width:64px;padding:0 6px}.device-desktop .desktop-topbar{left:64px}.device-desktop .settlement-batch-bar{left:calc(64px + (100vw - 64px)/2)}.device-desktop .bottom-nav.batch-action-bar{left:calc(64px + (100vw - 64px)/2);width:min(calc(100vw - 112px),1440px)}.device-desktop .desktop-sidebar-brand{padding:8px 4px 10px;text-align:center}.device-desktop .desktop-sidebar-brand strong,.device-desktop .desktop-sidebar-brand span,.device-desktop .desktop-sidebar-warehouse-label,.device-desktop .desktop-sidebar-footer,.device-desktop .desktop-sidebar-item>span:not(.desktop-sidebar-icon),.device-desktop .desktop-sidebar-warehouse-value .desktop-sidebar-warehouse-caret{display:none}.device-desktop .desktop-sidebar-warehouse{justify-content:center;padding:8px 2px}.device-desktop .desktop-sidebar-warehouse-value{max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-desktop .desktop-sidebar-item{justify-content:center;padding:10px 0}.device-desktop .desktop-sidebar-item .desktop-sidebar-icon{width:20px;height:20px}.device-desktop .desktop-topbar-user{display:none}}.device-desktop .bottom-nav{display:none!important}.device-desktop .phone-frame{padding-bottom:var(--app-safe-bottom, 0)}.device-desktop .topbar{display:none!important}.device-desktop .stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.device-desktop .list-section.compact-list,.device-desktop .list-section.lookup-list,.device-desktop .boxing-list-section,.device-desktop .boxing-cargo-list .list-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.device-desktop .settlement-page-root{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start}.device-desktop .settlement-page-root>.card:first-child{grid-column:1 / -1}.device-desktop .desktop-only{display:block}.device-desktop .mobile-only{display:none}.desktop-cargo-table-wrap{grid-column:1 / -1;width:100%;overflow-x:clip;background:#fff;border:1px solid var(--ds-gray-200, #e2e8f0);border-radius:var(--ds-radius-xl, 10px)}.desktop-cargo-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--ds-text-sm, 13px)}.desktop-cargo-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ds-gray-200, #e2e8f0);color:var(--ds-gray-500, #64748b);font-size:var(--ds-text-xs, 12px);font-weight:var(--ds-weight-semibold, 600);white-space:nowrap;background:var(--ds-gray-50, #f8fafc)}.desktop-cargo-table thead{position:sticky;top:66px;z-index:5}.tooltip-wrap{display:inline-flex}.tooltip-bubble{position:fixed;z-index:2000;max-width:260px;padding:5px 9px;border-radius:6px;background:#303133;color:#fff;font-size:12px;font-weight:var(--ds-weight-semibold);line-height:1.45;white-space:normal;word-break:break-word;box-shadow:0 4px 12px #0000002e;pointer-events:none}.tooltip-bubble:after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.tooltip-top:after{top:100%;left:50%;margin-left:-5px;border-top-color:#303133;border-bottom:0}.tooltip-bottom:after{bottom:100%;left:50%;margin-left:-5px;border-bottom-color:#303133;border-top:0}.tooltip-left:after{left:100%;top:50%;margin-top:-5px;border-left-color:#303133;border-right:0}.tooltip-right:after{right:100%;top:50%;margin-top:-5px;border-right-color:#303133;border-left:0}.stay-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--ds-radius-full);font-size:11px;font-weight:var(--ds-weight-bold);line-height:1.5;white-space:nowrap;vertical-align:middle}.stay-badge-normal{background:var(--ds-gray-100);color:var(--ds-gray-600)}.stay-badge-warn{background:var(--ds-warning-bg);color:#b45309}.stay-badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.stay-badge-overtime{font-style:normal;font-weight:var(--ds-weight-extrabold)}.stay-badge-done{background:transparent;padding:0;color:var(--ds-gray-500);font-weight:var(--ds-weight-semibold)}.desktop-th-filter-btn{min-width:0;min-height:24px;padding:0 8px;border-radius:8px;background:var(--ds-gray-100, #f1f5f9);box-shadow:none;font-size:11px}.desktop-th-filter-btn .topbar-dropdown-label{max-width:80px}.desktop-th-filter-btn .topbar-dropdown-caret{width:.9em;height:.9em;min-width:.9em}.desktop-th-sort{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.desktop-th-sort:hover{color:var(--ds-blue-700, #1d4ed8)}.desktop-cargo-table td{padding:9px 12px;border-bottom:1px solid var(--ds-gray-100, #f1f5f9);white-space:nowrap}.desktop-cargo-table tr:last-child td{border-bottom:none}.desktop-cargo-table tbody tr{cursor:pointer;transition:background .15s ease}.desktop-cargo-table tbody tr:hover{background:var(--ds-blue-50, #eff6ff)}.desktop-cargo-table tbody tr.active{background:var(--ds-blue-100, #dbeafe)}.desktop-cargo-table .col-code{font-weight:var(--ds-weight-semibold, 600);color:var(--ds-blue-700, #1d4ed8)}.desktop-code-stack{display:inline-flex;flex-direction:column;line-height:1.3}.desktop-code-sub{font-style:normal;font-weight:400;font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.desktop-cargo-table .col-customer{font-weight:var(--ds-weight-bold, 700);color:var(--ds-gray-900, #0f172a)}.desktop-cargo-table .col-phone{color:var(--ds-gray-500, #64748b)}.desktop-cargo-table .col-amount{font-weight:var(--ds-weight-bold, 700);color:var(--ds-gray-800, #1e293b)}.desktop-cargo-table .col-age{color:var(--ds-gray-500, #64748b)}.desktop-cargo-status{display:inline-block;padding:1px 8px;border-radius:999px;font-size:var(--ds-text-xs, 12px);background:var(--ds-gray-100, #f1f5f9);color:var(--ds-gray-600, #475569)}.desktop-cargo-status.red{background:var(--ds-danger-bg);color:var(--ds-danger)}.desktop-cargo-status.blue{background:var(--ds-info-bg);color:var(--ds-info)}.desktop-cargo-status.green{background:var(--ds-success-bg);color:var(--ds-success)}.desktop-cargo-status.amber{background:var(--ds-warning-bg);color:var(--ds-warning)}.desktop-cargo-status.slate{background:var(--ds-gray-200);color:var(--ds-gray-600)}.desktop-cargo-table .col-check{width:32px;text-align:center}.settlement-cargo-table .settlement-cell-amount{color:var(--ds-red-700, #b91c1c);font-weight:var(--ds-weight-bold, 700);white-space:nowrap}.settlement-cargo-table .collected-row .settlement-cell-amount{color:var(--ds-gray-500, #6b7280);font-weight:400}.settlement-history-wrap{margin-top:12px;padding-top:10px;border-top:1px solid var(--ds-gray-200, #eee)}.settlement-history-title{font-size:var(--ds-text-sm, 13px);font-weight:var(--ds-weight-bold, 600);color:var(--ds-gray-700, #333);margin-bottom:6px}.settlement-history-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:var(--ds-gray-50, #f9f9f9);border-radius:var(--ds-radius-md, 4px);margin-bottom:4px;font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-600, #666)}.settlement-history-item .history-time{white-space:nowrap}.settlement-history-item .history-detail{color:var(--ds-gray-500, #888)}.settlement-history-item .history-amount{color:var(--ds-success, #28a745);font-weight:var(--ds-weight-bold, 600);white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ds-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal)}.modal-box{background:#fff;border-radius:var(--ds-radius-modal);padding:var(--ds-card-padding);box-shadow:var(--ds-shadow-modal);position:relative;max-height:80vh;overflow-y:auto}.scan-receive-overlay{padding:20px 16px 24px;display:flex;flex-direction:column;gap:16px}.scan-receive-cargo-info{display:flex;flex-direction:column;gap:8px}.scan-receive-cargo-code{font-size:var(--ds-font-lg);font-weight:var(--ds-weight-bold);color:var(--ds-gray-900)}.scan-receive-cargo-detail{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:var(--ds-font-sm);color:var(--ds-gray-700)}.scan-receive-actions{display:flex;flex-direction:column;gap:8px}.scan-receive-close{align-self:center;color:var(--ds-gray-500);font-size:var(--ds-font-sm)}.excel-modal-backdrop{display:flex;align-items:center;justify-content:center;z-index:1500}.excel-modal{width:min(96%,680px);max-height:86dvh;display:flex;flex-direction:column;gap:var(--ds-space-3)}.excel-modal-header{display:flex;align-items:center;justify-content:space-between}.excel-modal-header h3{margin:0;font-size:var(--ds-font-lg);font-weight:var(--ds-weight-bold)}.excel-close-btn{border:none;background:transparent;font-size:22px;color:var(--ds-gray-500);line-height:1;padding:4px 8px}.excel-pick{display:flex;flex-direction:column;gap:var(--ds-space-3);padding:var(--ds-space-5) 0}.excel-pick-hint{color:var(--ds-gray-600);font-size:var(--ds-font-sm);margin:0}.excel-pick input[type=file]{border:1.5px dashed var(--ds-gray-300);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);width:100%;box-sizing:border-box}.excel-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.excel-box-suffix-row{margin-bottom:8px}.excel-box-suffix-input{width:100%}.excel-filename{margin-left:auto;font-size:var(--ds-font-xs);color:var(--ds-gray-500);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excel-warn{background:#fef3c7!important;color:#92400e!important}.excel-err{background:#fee2e2!important;color:#b91c1c!important}.excel-table-wrap{overflow:auto;max-height:52dvh;border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-md)}.excel-table{width:100%;border-collapse:collapse;font-size:var(--ds-font-xs);min-width:640px}.excel-table th{position:sticky;top:0;background:var(--ds-gray-100);padding:8px 10px;text-align:left;font-weight:var(--ds-weight-semibold);white-space:nowrap;z-index:1}.excel-table td{padding:7px 10px;border-top:1px solid var(--ds-gray-100);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.excel-cell-remark{max-width:220px;color:var(--ds-gray-500)}.excel-row-error td{background:#fef2f2;color:#991b1b}.excel-row-warn td{background:#fffbeb}.excel-modal-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding-top:var(--ds-space-2)}.excel-result-wrap{display:flex;flex-direction:column;gap:var(--ds-space-3)}.excel-result{padding:var(--ds-space-4);border-radius:var(--ds-radius-md)}.excel-result h3{margin:0 0 8px;font-size:var(--ds-font-lg)}.excel-result p{margin:4px 0;font-size:var(--ds-font-sm)}.excel-result-ok{background:#f0fdf4;border:1px solid #bbf7d0}.excel-result-ok h3{color:#166534}.excel-result-error{background:#fef2f2;border:1px solid #fecaca}.excel-result-error h3{color:#991b1b}.excel-result-list{margin:8px 0 0;padding-left:18px;font-size:var(--ds-font-xs);color:var(--ds-gray-600);max-height:160px;overflow:auto}.excel-result-hint{color:var(--ds-gray-600)}.excel-table th:first-child,.excel-table td:first-child{width:40px;text-align:center}.excel-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-blue-700, #1d4ed8)}.excel-replace-toggle{border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:6px;padding:2px 8px;font-size:12px;background:#fff;color:var(--ds-gray-700, #334155);cursor:pointer}.excel-replace-toggle.active{background:var(--ds-blue-100, #dbeafe);border-color:var(--ds-blue-700, #1d4ed8);color:var(--ds-blue-700, #1d4ed8);font-weight:600}.excel-result-list-replaced li{color:var(--ds-blue-800, #1e40af)}.excel-existing-tag{display:inline-block;border-radius:6px;padding:1px 6px;font-size:11px;line-height:18px;white-space:nowrap}.excel-existing-replace{background:var(--ds-blue-100, #dbeafe);color:var(--ds-blue-700, #1d4ed8);font-weight:600}.excel-existing-boxed{background:var(--ds-blue-100, #dbeafe);color:var(--ds-blue-700, #1d4ed8)}.excel-existing-skip{background:var(--ds-orange-100, #ffedd5);color:var(--ds-orange-700, #c2410c)}.excel-edit-hint{font-size:11px;color:var(--ds-gray-500, #64748b);margin-left:6px}.excel-cell-editable{cursor:text;display:inline-block;min-width:32px;min-height:18px;padding:1px 4px;border-radius:4px}.excel-cell-editable:hover{background:var(--ds-blue-50, #eff6ff);outline:1px dashed var(--ds-blue-400, #60a5fa)}.excel-cell-edited{background:#fef9c3;font-weight:600}.excel-cell-edit-input{width:100%;min-width:56px;padding:2px 6px;font-size:13px;border:1px solid var(--ds-blue-600, #2563eb);border-radius:4px;background:#fff;color:var(--ds-gray-800, #1e293b)}.excel-row-error-text{color:var(--ds-red-600, #dc2626);font-size:12px}.lookup-batch-delete-btn{margin-left:8px;border:1px solid var(--ds-red-300, #fca5a5);border-radius:6px;padding:2px 10px;font-size:12px;background:#fff;color:var(--ds-red-600, #dc2626);cursor:pointer}.lookup-batch-delete-btn.armed{background:var(--ds-red-600, #dc2626);color:#fff;font-weight:600}.box-cargo-batch-bar{display:flex;gap:8px;align-items:center}.lookup-row-selected{background:var(--ds-blue-50, #eff6ff);border:1.5px solid var(--ds-blue-400, #60a5fa)}.lookup-row-check{display:flex;align-items:center;padding:0 4px}.lookup-row-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-blue-700, #1d4ed8)}.lookup-batch-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.lookup-batch-modal{max-width:320px;width:90%}.lookup-batch-form{display:flex;flex-direction:column;gap:10px;margin:12px 0}.lookup-batch-form input,.lookup-batch-form select{width:100%;padding:10px 12px;border:1px solid var(--ds-gray-300, #cbd5e1);border-radius:8px;font-size:14px;background:#fff;box-sizing:border-box}.lookup-batch-form-actions{display:flex;gap:10px;justify-content:flex-end}.lookup-batch-result{font-size:13px;color:var(--ds-green-700, #15803d);margin:8px 0}.lookup-batch-result.error{color:var(--ds-red-600, #dc2626)}.desktop-cargo-notice{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;font-size:11px;line-height:16px;vertical-align:middle}.desktop-cargo-notice.notified{color:var(--ds-green-700, #15803d);background:var(--ds-green-50, #f0fdf4);border:1px solid var(--ds-green-200, #bbf7d0);font-weight:700}.desktop-cargo-notice.pending{color:var(--ds-slate-500, #64748b);background:var(--ds-slate-50, #f8fafc);border:1px dashed var(--ds-slate-300, #cbd5e1)}.notice-modal{width:min(92vw,460px);max-height:84vh;overflow-y:auto;padding:16px}.notice-quick-phrases{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.notice-phrase-chip{padding:5px 12px;border-radius:14px;border:1px solid var(--ds-blue-200, #bfdbfe);background:var(--ds-blue-50, #eff6ff);color:var(--ds-blue-700, #1d4ed8);font-size:13px;cursor:pointer}.notice-phrase-chip:active{background:var(--ds-blue-100, #dbeafe)}.detail-remark-muted{color:var(--ds-slate-500, #64748b)}.overlay-notice-stack{position:fixed;top:calc(var(--app-safe-top) + 8px);left:50%;transform:translate(-50%);width:auto;display:flex;flex-direction:column;align-items:center;gap:var(--ds-grid-gap);z-index:var(--ds-z-toast);pointer-events:none}.overlay-notice-stack>*{pointer-events:auto}.overlay-notice-card{margin-top:0;border-radius:var(--ds-radius-full);padding:6px 14px;animation:toastSlideIn .3s var(--ds-ease-out-bounce);display:inline-flex;align-items:center;gap:6px;min-height:36px;max-width:320px;width:auto;will-change:transform,opacity;overflow:clip;max-height:180px;transition:opacity var(--ds-transition-normal),transform var(--ds-transition-normal),max-height var(--ds-transition-normal),padding var(--ds-transition-normal),margin var(--ds-transition-normal)}.overlay-notice-text{display:block;min-width:0;line-height:1.4;overflow-wrap:anywhere;text-wrap:balance;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-notice-card:before{content:"";width:20px;height:20px;flex-shrink:0}.overlay-notice-close{width:20px;height:20px;border:0;border-radius:var(--ds-radius-full);background:#0f172a0f;color:#0f172ab8;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.overlay-notice-close svg{width:12px;height:12px}.overlay-notice-close:active{transform:scale(.96)}.toast-banner.success .overlay-notice-close{display:none}.toast-banner{background:linear-gradient(135deg,#e0f2fe,var(--ds-blue-100));color:var(--ds-gray-900);box-shadow:0 6px 20px #0f172a24}.toast-banner.success{background:linear-gradient(135deg,var(--ds-success-bg),#bbf7d0);color:var(--ds-success)}.toast-banner.success:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:var(--ds-radius-full);background:#22c55e2e;color:var(--ds-success);font-size:var(--ds-text-small);font-weight:var(--ds-weight-extrabold);line-height:1;flex-shrink:0}.global-alert{background:var(--ds-danger-soft-bg);color:var(--ds-danger-soft);box-shadow:0 6px 20px #c2410c1a}.overlay-notice-card.notice-leaving{opacity:0;transform:translateY(-120%);max-height:0;min-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),max-height .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1),margin .2s cubic-bezier(.4,0,.2,1)}.network-banner{position:fixed;top:0;left:0;right:0;z-index:var(--ds-z-debug);text-align:center;padding:6px 12px;font-size:var(--ds-text-small);font-weight:var(--ds-weight-medium);line-height:1.6;transition:opacity var(--ds-duration-slow)}.network-banner.offline{background:#fff3e0;color:#e65100}.network-banner.online{background:#e6f7e6;color:#2e7d32}.boxing-card{display:grid;gap:var(--ds-space-4)}.box-add-summary{gap:6px}.box-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.box-summary-slim{gap:var(--ds-grid-gap)}.box-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap-sm)}.box-kpi-item{border:1px solid var(--ds-border-blue-strong);border-radius:var(--ds-radius-lg);padding:8px 9px;background:var(--ds-bg-overlay-light);display:grid;gap:2px}.box-kpi-item span{font-size:var(--ds-text-2xs);color:var(--ds-gray-500)}.box-kpi-item strong{font-size:15px;color:var(--ds-gray-900);font-weight:var(--ds-weight-extrabold);line-height:1.2}.box-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap-sm)}.box-meta-item{display:grid;gap:2px;min-width:0}.box-meta-item span{font-size:var(--ds-text-2xs);color:var(--ds-gray-500)}.box-meta-item strong{color:var(--ds-gray-900);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);min-width:0;word-break:break-word}.box-summary-item{display:grid;gap:3px;color:var(--ds-gray-500);font-size:var(--ds-text-xs)}.box-summary-item strong{color:var(--ds-gray-900);font-size:15px;font-weight:var(--ds-weight-bold)}.box-condition-strip{border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-light);background:#f8fafcf2;padding:10px 12px;display:grid;gap:4px;font-size:var(--ds-text-small)}.box-condition-strip strong{font-size:var(--ds-text-body);color:var(--ds-gray-900)}.box-condition-strip span{color:var(--ds-gray-600)}.box-condition-strip.ok{border-color:#86efacf2;background:#f0fdf4f2}.box-condition-strip.warn{border-color:#fde047e6;background:#fefce8f2}.box-condition-strip.danger{border-color:#fca5a5f2;background:#fef2f2f2}.box-condition-strip.slate{border-color:#cbd5e1f2;background:#f8fafcf2}.box-main-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-grid-gap-lg);margin-top:2px}.box-main-actions>.primary{grid-column:1 / -1}.box-add-list{padding-bottom:calc(200px + var(--app-safe-bottom))}.box-add-footer{position:fixed;left:var(--app-fixed-bar-left);right:var(--app-fixed-bar-right);width:var(--app-fixed-bar-width);max-width:var(--app-fixed-bar-max-width);margin:var(--app-fixed-bar-margin);bottom:0;z-index:var(--ds-z-box-footer);display:grid;gap:8px;padding:9px 14px calc(var(--app-safe-bottom) + 10px);border-radius:22px 22px 0 0;border-top:1px solid var(--ds-border-blue);border-right:0;border-bottom:0;border-left:0;background:#f8fafcfa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -14px 32px #0f172a14}.box-add-footer-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;color:var(--ds-gray-600);font-size:var(--ds-text-2xs);line-height:1.35}.box-add-footer-meta span:first-child{grid-column:1 / -1;color:var(--ds-gray-900);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-extrabold)}.box-enter-btn{border:0;border-radius:var(--ds-radius-full);padding:6px 12px;min-height:30px;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);color:#fff;background:var(--ds-gradient-primary);cursor:pointer}.box-enter-btn:disabled{opacity:.6;cursor:not-allowed}.box-list-row{cursor:default}.box-list-row:hover{transform:none;box-shadow:0 12px 26px #0f172a0f;border-color:#dbeafee6}.box-cargo-row-actions{gap:8px}.box-cargo-row-actions span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-row-remove-btn{min-height:32px;padding:6px 12px;border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);white-space:nowrap;flex:0 0 auto}.box-cargo-group-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 2px 6px;padding-bottom:4px;border-bottom:1px dashed var(--ds-gray-200, #e2e8f0)}.box-cargo-group-head:first-child{margin-top:0}.box-cargo-group-name{min-width:0;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-sm, 13px);font-weight:var(--ds-weight-bold, 700);color:var(--ds-gray-800, #1e293b)}.box-cargo-group-meta{flex:0 0 auto;font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.box-cargo-group-notice{flex:0 0 auto}.box-cargo-group-reply{flex:0 1 auto;min-width:0;max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-xs, 12px);color:var(--ds-gray-500, #64748b)}.box-cargo-group-action{flex:0 0 auto;min-height:28px;padding:2px 10px;font-size:var(--ds-text-xs, 12px);white-space:nowrap;background:var(--ds-blue-50, #eff6ff);border:1px solid var(--ds-blue-300, #93c5fd);color:var(--ds-blue-700, #1d4ed8)}.box-cargo-group-action:active{background:var(--ds-blue-100, #dbeafe)}.box-cargo-group-arrow{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 2px;cursor:pointer;color:var(--ds-gray-500, #64748b);font-size:12px;line-height:1;transition:transform .15s ease}.box-cargo-group-arrow.expanded{transform:rotate(90deg)}.box-cargo-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.box-cargo-collapse-all{flex:0 0 auto}.box-flow-steps{display:grid;gap:8px;margin:10px 2px 2px;padding:10px 12px;border-radius:var(--ds-radius-lg, 12px);background:#f8fafceb;box-shadow:inset 0 0 0 1px #e2e8f0eb}.box-flow-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.box-flow-track:before{content:"";position:absolute;top:10px;left:8%;right:8%;height:2px;background:var(--ds-gray-200, #e2e8f0)}.box-flow-step{position:relative;display:grid;justify-items:center;gap:4px}.box-flow-dot{position:relative;z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;font-size:11px;font-style:normal;font-weight:700;background:#fff;color:var(--ds-gray-500, #64748b);box-shadow:inset 0 0 0 2px var(--ds-gray-200, #e2e8f0)}.box-flow-step.done .box-flow-dot{background:var(--ds-success, #16a34a);color:#fff;box-shadow:none}.box-flow-step.current .box-flow-dot{background:var(--ds-blue-600, #2563eb);color:#fff;box-shadow:0 0 0 3px #2563eb2e}.box-flow-label{font-size:11px;font-style:normal;color:var(--ds-gray-500, #64748b);white-space:nowrap}.box-flow-step.current .box-flow-label{color:var(--ds-blue-700, #1d4ed8);font-weight:var(--ds-weight-bold, 700)}.box-flow-step.done .box-flow-label{color:var(--ds-gray-600, #475569)}.box-flow-next{padding:6px 9px;border-radius:8px;font-size:var(--ds-text-xs, 12px);line-height:1.45;color:var(--ds-blue-700, #1d4ed8);background:var(--ds-blue-50, #eff6ff)}.box-flow-steps.ready .box-flow-next{color:var(--ds-success, #15803d);background:var(--ds-success-bg, #f0fdf4)}.box-flow-steps.done .box-flow-next{color:var(--ds-gray-600, #475569);background:var(--ds-gray-100, #f1f5f9)}.box-more-toggle{font-weight:var(--ds-weight-bold, 700)}.box-more-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap-lg, 8px);margin-top:8px;padding:8px;border-radius:var(--ds-radius-2xl, 16px);background:#f8fafcdb;box-shadow:inset 0 0 0 1px #e2e8f0eb}.box-type-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-grid-gap)}@media (max-width: 720px){.box-summary-grid{grid-template-columns:1fr}.boxing-card .save-mode-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.box-add-footer-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.box-add-list{padding-bottom:calc(230px + var(--app-safe-bottom))}}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-grid-gap);align-items:center}.lookup-card{gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);min-width:0;max-width:100%;overflow-x:clip}.lookup-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.lookup-topbar h2{font-size:20px}.lookup-refreshing{padding:4px 10px;border-radius:var(--ds-radius-full);background:var(--ds-blue-50);color:var(--ds-blue-600);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.lookup-page{min-width:0;max-width:100%;overflow-x:clip}.lookup-status-pills{display:grid;gap:var(--ds-grid-gap-sm);overflow-x:clip;padding-bottom:0;scrollbar-width:none;min-width:0;max-width:100%}.lookup-status-pills::-webkit-scrollbar{display:none}.lookup-status-select-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.lookup-status-select{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 12px;border-radius:var(--ds-radius-2xl);border:1px solid var(--ds-gray-300);background:#fff;color:var(--ds-gray-900);font-size:var(--ds-text-body);font-weight:var(--ds-weight-bold);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.lookup-batch-select-entry{flex:0 0 auto;width:auto;min-width:64px;padding:0 14px;min-height:44px;border-radius:var(--ds-radius-2xl)}.lookup-status-pills-desktop-only{display:none}.lookup-status-pills .pill{width:100%;min-width:0;min-height:40px;padding:8px;font-size:var(--ds-text-small);line-height:1;box-shadow:none}.pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--ds-gray-200);color:var(--ds-gray-700);font-size:11px;font-weight:var(--ds-weight-bold);line-height:1;vertical-align:1px}.pill.active .pill-count{background:var(--ds-blue-600);color:#fff}.lookup-status-all-row{display:flex;flex-wrap:wrap;gap:6px}.lookup-status-all-row .pill{flex:1 0 auto;min-width:0;max-width:none}@media (max-width: 720px){.lookup-status-all-row .pill{flex:1 1 calc(33.33% - 6px);min-width:0;min-height:44px;font-size:var(--ds-text-body)}}.lookup-status-main-row,.lookup-status-more-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}.lookup-status-more-row{padding:6px;border:1px solid var(--ds-border-blue);border-radius:var(--ds-radius-2xl);background:#eff6ffad}.pill-more-toggle{border:1px dashed rgba(37,99,235,.28);display:inline-flex;align-items:center;justify-content:center;gap:4px}.pill-more-icon{width:13px;height:13px;transform:translateY(1px)}.pill-more-toggle.open:not(.active){background:var(--ds-blue-100);color:var(--ds-blue-700)}.pill-batch-entry{border:1px dashed rgba(37,99,235,.28);background:#eff6ffb8;color:var(--ds-blue-700)}.pill-batch-entry.active{border-style:solid;background:var(--ds-blue-700);color:#fff}.anomaly-today-summary{color:#dc2626;font-size:var(--ds-text-body);font-weight:var(--ds-weight-bold);min-height:32px;display:flex;align-items:center;padding:0}.anomaly-filter-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--ds-grid-gap);min-height:auto;overflow-x:clip;padding:0;max-width:100%;min-width:0}.anomaly-filter-row::-webkit-scrollbar{display:none}.anomaly-filter-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-items:center;gap:6px;min-width:0}.anomaly-filter-group .pill{background:var(--ds-gray-200);color:var(--ds-gray-700);width:100%;min-width:0;min-height:36px;padding:0 8px;border-radius:var(--ds-radius-full);white-space:normal;text-align:center;line-height:1.1;font-size:var(--ds-text-small)}.anomaly-filter-group .pill.active{background:var(--ds-blue-100);color:var(--ds-blue-700);font-weight:var(--ds-weight-extrabold)}.lookup-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--ds-grid-gap-sm);align-items:center}.lookup-page-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-grid-gap-sm);align-items:stretch;min-width:0;max-width:100%}.lookup-page-search-row>*{min-width:0}.lookup-search-input{min-height:42px}.search-with-prefix{padding-left:54px}.lookup-action-btn{min-width:72px;min-height:42px;padding:9px 11px;border-radius:var(--ds-radius-lg)}.lookup-page-search-btn{min-width:76px}.lookup-summary-row{display:flex;flex-wrap:wrap;gap:var(--ds-grid-gap-sm)}.lookup-summary-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:var(--ds-radius-full);background:var(--ds-blue-50);color:var(--ds-blue-800);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.lookup-summary-chip-highlight{background:var(--ds-blue-100);color:var(--ds-blue-700)}.lookup-summary-chip-overtime{background:var(--ds-danger-soft-bg);color:var(--ds-danger-soft);border:1px solid #fed7aa}.lookup-summary-note{color:var(--ds-gray-500);font-size:var(--ds-text-xs);line-height:1.3}.lookup-light-action{justify-self:flex-start;padding:0;color:var(--ds-blue-600);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold)}.lookup-page-batch-mode{padding-bottom:calc(152px + var(--app-safe-bottom))}.lookup-list{gap:var(--ds-grid-gap);min-width:0;max-width:100%;overflow-anchor:none;transition:opacity .18s ease}.lookup-list.is-refreshing{opacity:.55}.cargo-group{display:grid;gap:6px;min-width:0;scroll-margin-top:calc(var(--app-safe-top) + 58px)}.cargo-group-header{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;border-radius:var(--ds-radius-2xl);background:#f8fafcf2;border:1px solid var(--ds-gray-200);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.cargo-group-header:active{background:var(--ds-blue-100)}.cargo-group-header.expanded{background:var(--ds-blue-100);border-color:var(--ds-blue-400);box-shadow:0 0 0 1px #2563eb33}.cargo-group-header.expanded strong{color:var(--ds-blue-800)}.cargo-group-header.expanded .cargo-group-arrow{color:var(--ds-blue-600)}.cargo-group-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font:inherit;color:var(--ds-gray-900);cursor:pointer;min-height:26px}.cargo-group-toggle strong{font-size:15px;font-weight:var(--ds-weight-extrabold)}.cargo-group-arrow{display:inline-block;font-size:18px;line-height:1;color:var(--ds-gray-600);transition:transform var(--ds-duration-slow) var(--ds-ease-out)}.cargo-group-arrow.expanded{transform:rotate(90deg)}.cargo-group-meta{font-size:var(--ds-text-xs);color:var(--ds-gray-700);font-weight:var(--ds-weight-bold);white-space:nowrap}.desktop-cargo-table .cargo-group-meta{flex:0 0 7em;min-width:0;overflow:hidden;text-overflow:ellipsis}.cargo-group-action{min-height:28px;padding:2px 10px;font-size:var(--ds-text-xs);white-space:nowrap;background:var(--ds-blue-50);border:1px solid var(--ds-blue-300);color:var(--ds-blue-700)}.cargo-group-action:active{background:var(--ds-blue-100)}.cargo-group-notice-badge{cursor:pointer;transition:filter var(--ds-duration-fast) var(--ds-ease-out);border-radius:var(--ds-radius-full)}.cargo-group-notice-badge:active{filter:brightness(.94)}.cargo-group-items{display:grid;gap:6px;min-width:0}.cargo-group-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-height:36px;padding:4px 10px;border-radius:var(--ds-radius-2xl);background:#fffc;border:1px solid var(--ds-gray-200);-webkit-tap-highlight-color:transparent}.cargo-group-notice-text{font-size:var(--ds-text-xs);color:var(--ds-gray-600);line-height:1.4;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cargo-group-action-row .cargo-group-action{flex:0 0 auto}.cargo-group-collapsed-hint{width:100%;padding:10px;border:1px dashed var(--ds-gray-300);border-radius:var(--ds-radius-2xl);background:transparent;color:var(--ds-gray-500);font-size:var(--ds-text-xs);text-align:center;cursor:pointer}.cargo-group-collapsed-hint.expanded{border-style:solid;border-color:var(--ds-blue-300);color:var(--ds-blue-700);background:var(--ds-blue-50);font-weight:var(--ds-weight-bold)}.desktop-cargo-table .cargo-group-header-row td{padding:6px 12px}.desktop-cargo-table .cargo-group-header-row{scroll-margin-top:114px}.desktop-cargo-table .cargo-group-header-row .cargo-group-header{border:0;padding:6px 10px}.desktop-cargo-table .cargo-group-header strong{flex:0 0 120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-cargo-table .cargo-group-reply-summary{flex:0 0 8em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-gray-500);font-size:var(--ds-text-xs);line-height:1.3}.desktop-cargo-table .cargo-group-header .cargo-group-action{flex-shrink:0}.lookup-window-note{padding:0 4px;color:var(--ds-gray-500);font-size:var(--ds-text-xs);line-height:1.45}.lookup-list-footer{display:grid;place-items:center;padding:4px 0 10px}.lookup-load-more-btn{min-width:132px;min-height:42px;font-weight:var(--ds-weight-bold)}.exceptions-page{margin-top:0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;min-width:0}.anomaly-list-header{display:flex;flex-direction:column;gap:var(--ds-space-3);padding-bottom:var(--ds-space-1);flex-shrink:0}.anomaly-severity-summary{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);align-items:center}.anomaly-severity-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);white-space:nowrap}.anomaly-severity-chip.severity-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.anomaly-severity-chip.severity-warn{background:var(--ds-gray-100);color:var(--ds-gray-700);border:1px solid var(--ds-gray-200)}.anomaly-list{display:flex;flex-direction:column;gap:var(--ds-space-3);flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:clip;padding:0 0 calc(92px + var(--app-safe-bottom)) 0;max-width:100%;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.selectable-row{cursor:pointer}.anomaly-type-filter-row{padding:var(--ds-space-1) 0;max-width:100%;overflow:hidden;min-height:auto;align-items:start}.anomaly-filter-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--ds-space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--ds-space-1)}.anomaly-filter-scroll::-webkit-scrollbar{display:none}.pagination-row{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-3);padding:var(--ds-space-3) 0}.pagination-row button.pill:disabled{opacity:.4}.pagination-info{font-size:var(--ds-font-size-sm);color:var(--ds-gray-600);white-space:nowrap}.selectable-row .badge{min-width:52px}.lookup-row{border:0;width:100%;text-align:left;padding:12px 14px;border-radius:var(--ds-radius-3xl);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ds-shadow-md);border:1px solid rgba(219,234,254,.9);display:grid;gap:8px;transition:transform var(--ds-transition-normal),box-shadow var(--ds-transition-normal),border-color var(--ds-transition-normal)}.lookup-row:hover{transform:translateY(-1px);box-shadow:0 16px 32px #2563eb1a;border-color:#60a5fab8}.lookup-row.active,.selectable-row.active{transform:translateY(-1px);border-color:#3b82f6d9;background:linear-gradient(135deg,#dbeafef2,#bfdbfecc);box-shadow:var(--ds-shadow-active)}.lookup-row.active .lookup-row-line,.lookup-row.active .lookup-row-line-strong,.selectable-row.active .lookup-row-line,.selectable-row.active .lookup-row-line-strong{color:var(--ds-gray-900)}.lookup-row.active .badge.slate,.selectable-row.active .badge.slate{background:#2563eb24;color:var(--ds-blue-700)}.lookup-row-head,.lookup-row-line{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.lookup-row-code{font-size:17px;font-weight:var(--ds-weight-bold);color:var(--ds-gray-900)}.lookup-row-code .mini-badge{margin-left:8px;vertical-align:middle}.lookup-row-line{color:var(--ds-gray-600);font-size:var(--ds-text-small)}.lookup-row-line-secondary{color:var(--ds-gray-700);font-weight:var(--ds-weight-medium)}.lookup-row-line span:last-child{text-align:right}.lookup-row-line-strong{color:var(--ds-gray-800);font-weight:var(--ds-weight-semibold)}.lookup-row-line-aux,.lookup-row-extra{color:var(--ds-gray-500);font-size:var(--ds-text-xs)}.signal-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:6px;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold)}.mini-badge.high{background:#e0f2fe;color:#0c4a6e}.mini-badge.urgent{background:var(--ds-blue-100);color:var(--ds-blue-700)}.mini-badge.warn{background:var(--ds-warning-bg);color:#a16207}.mini-badge.danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.mini-badge.urgency-danger{background:#fef2f2;color:#dc2626}.mini-badge.slate-total{background:var(--ds-gray-100);color:var(--ds-gray-600)}.mini-badge.slate{background:var(--ds-gray-200);color:var(--ds-gray-700)}.mini-badge.green{background:var(--ds-success-bg);color:var(--ds-success);font-weight:var(--ds-weight-extrabold);box-shadow:inset 0 0 0 1px #16a34a40}.mini-badge.anomaly-auto{background:#ffe4e6;color:#be123c}.mini-badge.anomaly-manual{background:#ede9fe;color:#6d28d9}.anomaly-row-card{width:100%;max-width:100%;min-width:0;padding:var(--ds-space-3);border-radius:var(--ds-radius-sm);border:1px solid var(--ds-gray-200);background:#fff;display:grid;gap:5px;box-shadow:0 6px 18px #0f172a0a}.anomaly-row-card.status-open{border-left:2px solid var(--ds-danger)}.anomaly-row-card.status-resolved{border-left:2px solid var(--ds-success)}.anomaly-row-card.status-ignored{border-left:2px solid var(--ds-gray-400)}.anomaly-row-card.severity-danger{border-left:4px solid var(--ds-danger);background:#fffaf5}.anomaly-row-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-grid-gap);min-width:0}.anomaly-row-code{font-size:var(--ds-radius-2xl);font-weight:var(--ds-weight-bold);color:var(--ds-gray-900);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anomaly-status-tag{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:4px 10px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.anomaly-status-tag.open{background:var(--ds-danger);color:#fff}.anomaly-status-tag.resolved{background:#16a34a;color:#fff}.anomaly-status-tag.ignored{background:var(--ds-gray-400);color:#fff}.anomaly-row-sub{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--ds-text-body);color:var(--ds-gray-700);min-width:0}.anomaly-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.anomaly-row-desc{font-size:var(--ds-text-small);color:var(--ds-gray-400);line-height:1.5}.anomaly-row-resolved{display:flex;align-items:center;gap:6px;font-size:var(--ds-text-small);color:var(--ds-success);line-height:1.5;padding:3px 0}.anomaly-resolved-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#16a34a;color:#fff;font-size:11px;font-weight:var(--ds-weight-bold);flex-shrink:0}.anomaly-row-footer{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;gap:var(--ds-grid-gap);min-width:0}.anomaly-row-time{font-size:var(--ds-text-xs);color:var(--ds-gray-400)}.anomaly-row-actions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;gap:6px;min-width:0}.anomaly-action-btn{min-width:56px;height:36px;border:0;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-small);font-weight:var(--ds-weight-semibold);padding:0 10px}.anomaly-action-view,.anomaly-action-ignore{background:var(--ds-gray-200);color:var(--ds-gray-700)}.anomaly-action-process{background:var(--ds-blue-700);color:#fff}.anomaly-action-sheet{gap:var(--ds-space-5)}.anomaly-action-summary{display:grid;gap:5px;padding:12px 14px;border-radius:var(--ds-radius-2xl);background:var(--ds-gradient-card-blue);border:1px solid var(--ds-border-blue);color:var(--ds-gray-600);font-size:var(--ds-text-small)}.anomaly-action-summary strong{color:var(--ds-gray-900);font-size:17px}.anomaly-action-note{display:grid;gap:8px;color:var(--ds-gray-700);font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold)}.anomaly-action-note textarea{width:100%;min-height:108px;resize:vertical;border:1px solid #d8e0ea;border-radius:var(--ds-radius-2xl);padding:12px 14px;background:#fffffff5;color:var(--ds-gray-900);font:inherit;line-height:1.5}.anomaly-action-note textarea:focus{outline:none;border-color:var(--ds-blue-600);box-shadow:0 0 0 4px #2563eb1f}.anomaly-quick-templates{display:flex;flex-wrap:wrap;gap:var(--ds-grid-gap-sm)}.anomaly-quick-chip{border:1px solid var(--ds-border-blue);border-radius:var(--ds-radius-full);padding:8px 14px;background:#eff6ffc7;color:var(--ds-blue-700);font-size:var(--ds-text-small);font-weight:var(--ds-weight-semibold);cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease-out)}.anomaly-quick-chip:active{background:#bfdbfee6}.search-input-wrap{position:relative;min-width:0;max-width:100%}.lookup-search-input-wrap{display:flex;align-items:stretch;min-width:0;max-width:100%}.search-with-clear{padding-right:42px}.search-scan-trigger{position:absolute;top:50%;left:7px;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:var(--ds-radius-md);background:linear-gradient(180deg,var(--ds-blue-50),var(--ds-blue-100));color:var(--ds-blue-700);display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 0 0 1px #93c5fdbf;transition:transform var(--ds-transition-normal),box-shadow var(--ds-transition-normal),background var(--ds-transition-normal)}.search-scan-trigger:after{content:"";position:absolute;top:50%;right:-8px;width:1px;height:18px;transform:translateY(-50%);background:#94a3b861}.search-scan-trigger svg{width:18px;height:18px}.search-scan-trigger:hover,.search-scan-trigger:focus-visible{background:linear-gradient(180deg,var(--ds-blue-100),var(--ds-blue-200));box-shadow:inset 0 0 0 1px #60a5fae6,0 0 0 3px #2563eb1f}.search-scan-trigger:active{transform:translateY(-50%) scale(.97)}.search-clear-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:var(--ds-radius-full);background:var(--ds-blue-100);color:var(--ds-blue-700);display:grid;place-items:center;font-size:18px;line-height:1;padding:0}.lookup-page-batch-mode .lookup-status-pills{transition:opacity var(--ds-transition-normal)}.lookup-page-batch-mode .batch-action-bar{animation:batchBarSlideUp var(--ds-duration-slow) var(--ds-ease-out)}.lookup-batch-mode-note{display:grid;gap:4px;padding:10px 12px;border-radius:var(--ds-radius-lg);background:#eff6ffc7;border:1px solid var(--ds-border-blue);color:var(--ds-gray-700);font-size:var(--ds-text-xs);line-height:1.45;min-width:0;max-width:100%}.lookup-batch-mode-note-title{color:var(--ds-gray-900);font-weight:var(--ds-weight-bold)}.lookup-row-head-tags{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}.lookup-row-select-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:24px;padding:4px 10px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold)}.lookup-row-select-badge.idle{background:var(--ds-blue-100);color:var(--ds-blue-700)}.lookup-row-select-badge.selected{background:var(--ds-success-bg);color:var(--ds-success)}.lookup-row-select-badge.disabled{background:var(--ds-gray-200);color:var(--ds-gray-500)}.lookup-row-batch-selected{border-color:#22c55ec7;box-shadow:0 18px 34px #22c55e24}.lookup-row-batch-disabled{opacity:.72;box-shadow:none}.lookup-row-batch-disabled:hover{transform:none;border-color:#dbeafee6}.lookup-row-checkbox{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:4px;border:2px solid var(--ds-gray-300);background:#fff;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;transition:all var(--ds-transition-fast);margin-right:8px}.lookup-row-checkbox.checked{background:var(--ds-success);border-color:var(--ds-success)}.lookup-row-checkbox.disabled{background:var(--ds-gray-100);border-color:var(--ds-gray-200);color:var(--ds-gray-300)}.detail-box{background:linear-gradient(180deg,var(--ds-gray-50),var(--ds-blue-50));border-radius:var(--ds-radius-3xl);padding:15px;display:grid;gap:9px;font-size:var(--ds-text-body)}.detail-summary-card{background:var(--ds-gradient-card-blue);border:1px solid var(--ds-border-blue);border-radius:var(--ds-radius-3xl);padding:var(--ds-space-5);display:grid;gap:var(--ds-space-4)}.detail-summary-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-grid-gap)}.detail-summary-code{font-size:22px;font-weight:var(--ds-weight-extrabold);color:var(--ds-gray-900);line-height:1.15;word-break:break-all}.detail-summary-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.detail-summary-item{display:grid;gap:4px;min-width:0}.detail-summary-item span{font-size:var(--ds-text-xs);color:var(--ds-gray-500)}.detail-summary-item strong{font-size:var(--ds-text-body);color:var(--ds-gray-900);font-weight:var(--ds-weight-bold);line-height:1.35;word-break:break-word}.detail-section-card{background:#ffffffe6;border:1px solid rgba(219,234,254,.85);border-radius:var(--ds-radius-2xl);padding:var(--ds-text-small);display:grid;gap:var(--ds-grid-gap);box-shadow:var(--ds-shadow-md)}.detail-section-card.weak{background:#f8fafcd9}.detail-section-title{font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);color:var(--ds-gray-800)}.detail-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-grid-gap)}.detail-key-item{display:grid;gap:4px;min-width:0}.detail-key-label{font-size:var(--ds-text-xs);color:var(--ds-gray-500)}.detail-key-value{font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold);color:var(--ds-gray-900);line-height:1.35;word-break:break-word}.detail-empty-hint{color:var(--ds-gray-400);font-size:var(--ds-text-small)}.detail-actions-sticky{position:sticky;bottom:0;background:#fff;padding-top:8px;margin-top:-4px;border-radius:0 0 var(--ds-radius-4xl) var(--ds-radius-4xl)}.detail-actions-focused{grid-template-columns:1fr;gap:8px}.detail-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:stretch}.detail-primary-action,.detail-secondary-actions button{display:grid;gap:4px;text-align:left;align-content:center}.detail-primary-action{min-height:58px}.detail-notify-action{display:grid;gap:4px;text-align:center;align-content:center;min-width:88px;min-height:58px;font-weight:var(--ds-weight-extrabold)}.detail-notify-action .detail-action-hint{display:none}.detail-more-toggle{min-width:92px;font-weight:var(--ds-weight-extrabold)}.detail-action-main{font-weight:var(--ds-weight-extrabold)}.detail-action-hint{font-size:var(--ds-text-xs);line-height:1.35;opacity:.78}.detail-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:var(--ds-radius-2xl);background:#f8fafcdb;box-shadow:inset 0 0 0 1px #e2e8f0eb}.detail-remark{color:var(--ds-gray-700);font-size:var(--ds-text-body);line-height:1.6;white-space:pre-line;word-break:break-word}.detail-panel{display:none}.detail-panel-card{position:sticky;top:20px;display:grid;gap:var(--ds-space-5)}.quick-filter-card{display:grid;gap:var(--ds-space-4)}.detail-empty{min-height:260px;place-content:center}.detail-collapse-toggle,.inbound-collapse-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-grid-gap-sm);width:100%;padding:var(--ds-space-5) var(--ds-space-6);border:1px solid var(--ds-gray-300);border-radius:var(--ds-radius-xl);background:var(--ds-gray-100);color:var(--ds-gray-700);font-size:15px;font-weight:var(--ds-weight-semibold);min-height:48px;cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease-out),border-color var(--ds-duration-fast) var(--ds-ease-out)}.detail-collapse-toggle:active,.inbound-collapse-toggle:active{background:var(--ds-gray-200)}.detail-collapse-arrow{display:inline-block;font-size:11px;transition:transform var(--ds-duration-slow) var(--ds-ease-out);color:var(--ds-gray-400)}.detail-collapse-arrow.expanded{transform:rotate(90deg)}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.log-item{display:flex;gap:var(--ds-space-4);align-items:flex-start}.log-content{display:grid;gap:4px}.dot{width:10px;height:10px;border-radius:var(--ds-radius-full);background:linear-gradient(135deg,var(--ds-blue-400),var(--ds-blue-600));margin-top:6px;flex:0 0 10px}.log-title{font-weight:var(--ds-weight-bold)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ds-bg-overlay);display:grid;place-items:center;padding:var(--ds-space-6);z-index:var(--ds-z-modal)}.modal-mask-soft{animation:maskFadeIn var(--ds-transition-normal)}@media (min-width: 1040px){.detail-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:100;animation:maskFadeIn .15s ease-out}}.modal{width:min(100%,560px);max-height:92vh;overflow:auto;background:#fff;border-radius:var(--ds-radius-modal);padding:var(--ds-radius-2xl);box-shadow:var(--ds-shadow-modal)}.modal-small{width:min(100%,520px)}.inbound-box-picker .list-section{max-height:46vh;overflow:auto}.modal-confirm{width:min(100%,420px);display:grid;gap:var(--ds-space-5)}.confirm-copy{line-height:1.6;white-space:pre-line}.detail-mobile{padding:0;background:transparent;box-shadow:none}.modal-scroll-footer{display:flex;flex-direction:column;overflow:hidden}.modal-scroll-content{flex:1;overflow:auto;min-height:0}.modal-sticky-footer{flex-shrink:0;background:#fff;padding:var(--ds-space-4) var(--ds-radius-2xl) 0;border-top:1px solid var(--ds-gray-200);margin:8px calc(-1 * var(--ds-radius-2xl)) 0}.cargo-detail-mask{padding:calc(var(--app-safe-top) + 8px) 12px calc(var(--app-safe-bottom) + 8px);place-items:start center}.cargo-detail-mobile{width:min(100%,560px);max-height:calc(100dvh - var(--app-safe-top) - var(--app-safe-bottom) - 16px);overflow:auto}.cargo-detail-mobile .detail-panel-card{position:relative;top:auto;gap:var(--ds-space-4);padding:var(--ds-space-6);border-radius:var(--ds-radius-4xl);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}.cargo-detail-mobile .detail-summary-card{padding:var(--ds-space-4);gap:var(--ds-grid-gap)}.cargo-detail-mobile .section-head{align-items:flex-start;gap:var(--ds-grid-gap)}.cargo-detail-mobile .detail-summary-code{font-size:20px}.detail-motion-enter{opacity:0;animation:detailSlideIn var(--ds-duration-slower) var(--ds-ease-out);animation-fill-mode:forwards}.detail-motion-exit{animation:detailSlideOut var(--ds-duration-slower) var(--ds-ease-in);animation-fill-mode:forwards}.cargo-detail-mask.detail-motion-exit{animation:maskFadeOut .2s ease-in forwards}@keyframes maskFadeOut{0%{background:var(--ds-bg-overlay)}to{background:transparent}}@keyframes detailSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}.top-gap{margin-bottom:var(--ds-space-5)}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0f172a3d;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(var(--app-safe-bottom) + 12px)}.sheet-panel{width:min(100%,560px);background:#fffffffa;border-radius:var(--ds-radius-sheet);box-shadow:var(--ds-shadow-modal);padding:var(--ds-space-4) var(--ds-space-6) var(--ds-space-6);display:grid;gap:var(--ds-space-4)}.sheet-panel-bottom{border-bottom-left-radius:var(--ds-radius-4xl);border-bottom-right-radius:var(--ds-radius-4xl)}.sheet-handle{width:44px;height:5px;border-radius:var(--ds-radius-full);background:#94a3b87a;justify-self:center}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.sheet-subtitle{color:var(--ds-gray-500);font-size:var(--ds-text-small);line-height:1.55}.sheet-option-list{display:grid;gap:var(--ds-grid-gap)}.sheet-option{width:100%;padding:var(--ds-space-5) var(--ds-space-8);border-radius:var(--ds-radius-3xl);background:#fff;border:1px solid var(--ds-gray-200);box-shadow:var(--ds-shadow-card);display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;color:var(--ds-gray-900);font:inherit;cursor:pointer;transition:transform var(--ds-transition-normal),box-shadow var(--ds-transition-normal),border-color var(--ds-transition-normal)}.sheet-option.active{border-color:var(--ds-blue-600);box-shadow:0 0 0 3px #2563eb1f,var(--ds-shadow-card)}.sheet-option:active{transform:translateY(1px);box-shadow:var(--ds-shadow-sm)}.sheet-option-title{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);width:100%;font-size:15px;font-weight:var(--ds-weight-bold)}.sheet-option-hint,.sheet-option-check{color:var(--ds-gray-500);font-size:var(--ds-text-xs);line-height:1.4}.sheet-option-check{color:var(--ds-blue-700);font-weight:var(--ds-weight-bold);flex:0 0 auto}.delivery-operator-note{display:grid;gap:6px;padding:13px 14px;border-radius:var(--ds-radius-2xl);background:#f8fafceb;border:1px solid rgba(226,232,240,.95)}.delivery-operator-title{font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);color:var(--ds-gray-700)}.delivery-evidence-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;border-radius:var(--ds-radius-2xl);background:#f8fafceb;border:1px solid rgba(226,232,240,.95)}.delivery-evidence-status.good{background:#f0fdf4eb;border-color:#bbf7d0f2}.delivery-evidence-status.partial{background:#fffbebeb;border-color:#fde68af2}.delivery-evidence-head{display:flex;align-items:center;gap:4px;color:var(--ds-gray-900);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-extrabold);flex:0 0 auto}.delivery-evidence-head strong{color:var(--ds-blue-700)}.delivery-amount-required{color:var(--ds-red-600, #dc2626);font-weight:800;font-size:var(--ds-text-sm)}.delivery-amount-required em{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--ds-red-600, #dc2626);border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:1px}.delivery-amount-required+input::placeholder{color:var(--ds-red-500, #ef4444);opacity:.8}.delivery-evidence-checks{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}.delivery-evidence-chip{min-height:22px;padding:2px 8px;border-radius:var(--ds-radius-full);background:var(--ds-gray-200);color:var(--ds-gray-500);font-size:11px;font-weight:var(--ds-weight-extrabold)}.delivery-evidence-chip.done{background:var(--ds-success-bg);color:var(--ds-success)}.detail-manager-divider{display:flex;align-items:center;gap:var(--ds-grid-gap);margin-top:var(--ds-space-3)}.detail-manager-divider:before,.detail-manager-divider:after{content:"";flex:1;height:1px;background:var(--ds-gray-200)}.detail-manager-divider-label{font-size:var(--ds-text-small);font-weight:var(--ds-weight-bold);color:var(--ds-gray-500);white-space:nowrap;letter-spacing:.3px}.scan-card{display:grid;gap:var(--ds-grid-gap-sm);min-height:calc(100vh - env(safe-area-inset-bottom,0px))}.native-scan-card{position:relative;--android-dp: calc(100vw / 360);--android-status-inset: max( env(safe-area-inset-top, 0px), var(--android-inset-top-runtime, 0px) );--android-bottom-inset: max( env(safe-area-inset-bottom, 0px), var(--android-inset-bottom-runtime, 0px) );--android-side: max(4vw, calc(16 * var(--android-dp)));--android-side-fixed: calc(16 * var(--android-dp));--android-nav-height: calc(56 * var(--android-dp));--android-toolbar-btn-size: calc(44 * var(--android-dp));--android-toolbar-gap: calc(10 * var(--android-dp));--android-icon-size: calc(24 * var(--android-dp));--android-icon-gap: calc(16 * var(--android-dp));--android-scan-size: min(62.5vw, 62.5vh);--android-scan-bottom-actions-h: 110px;--android-scan-zone-top: calc(var(--app-safe-top, 0px) + 56px);--android-scan-zone-height: calc( 100svh - var(--android-scan-zone-top) - var(--android-scan-bottom-actions-h) - var(--app-safe-bottom, 0px) );--android-scan-top-fallback: calc( var(--android-scan-zone-top) + (var(--android-scan-zone-height) - var(--android-scan-size)) / 2 );--android-scan-top: var(--android-scan-top-fallback);--android-scan-bottom-fallback: calc( var(--android-scan-top-fallback) + var(--android-scan-size) );--android-scan-bottom: calc(var(--android-scan-top) + var(--android-scan-size));--android-corner: calc(20 * var(--android-dp));--android-corner-width: calc(2 * var(--android-dp));--android-scan-line-height: max(calc(1 * var(--android-dp)), 1px);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;padding:0;min-height:100svh;overflow:hidden}.native-scan-head{display:block;position:absolute;top:0;left:0;right:0;z-index:12;min-height:calc(var(--android-status-inset) + var(--android-toolbar-btn-size) + calc(16 * var(--android-dp)));padding:calc(var(--android-status-inset) + calc(6 * var(--android-dp))) var(--android-side-fixed) calc(10 * var(--android-dp));margin-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.phone-frame.scan-manual-active .native-scan-head{position:static;min-height:0;padding:40px var(--android-side-fixed, 16px) 0;pointer-events:auto}.native-scan-title{padding:0;background:transparent;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.native-scan-toolbar{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--android-toolbar-gap);align-items:center;min-height:var(--android-toolbar-btn-size);pointer-events:none}.native-scan-toolbar-side{display:flex;align-items:center;min-width:0;pointer-events:auto}.native-scan-toolbar-left{justify-content:flex-start}.native-scan-toolbar-right{justify-content:flex-end}.native-scan-title-compact{min-width:auto;max-width:100%;pointer-events:none}.native-scan-title-center{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;justify-self:center;align-self:center}.native-scan-title-center h2{display:block;max-width:100%}.native-scan-toolbar-left .native-scan-icon-btn,.native-scan-toolbar-right .native-scan-icon-btn{width:var(--android-toolbar-btn-size);height:var(--android-toolbar-btn-size);flex:0 0 var(--android-toolbar-btn-size);justify-self:center}.native-scan-title-compact h2{margin:0;font-size:16px;line-height:1.2;font-weight:600;color:#fff;text-shadow:0 0 calc(1 * var(--android-dp)) rgba(0,0,0,.95),0 calc(1 * var(--android-dp)) calc(2 * var(--android-dp)) rgba(0,0,0,.9)}.native-scan-back{min-width:auto;min-height:auto;padding:0}.native-scan-icon-btn{min-width:var(--android-toolbar-btn-size);min-height:var(--android-toolbar-btn-size);padding:0!important}.native-scan-plain-btn{border:0!important;border-radius:var(--ds-radius-full)!important;background:transparent!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;line-height:0;pointer-events:auto;transition:transform var(--ds-duration-fast) var(--ds-ease-out),opacity var(--ds-duration-fast) var(--ds-ease-out)}.native-scan-plain-btn:active{transform:scale(.96)}.native-scan-plain-btn:disabled{opacity:.35}.native-scan-torch-btn{color:#ffffffc7!important}.native-scan-torch-btn.is-on,.native-scan-plain-btn.is-on{color:#fbbf24!important}.native-scan-toolbar-icon{width:var(--android-icon-size);height:var(--android-icon-size);filter:drop-shadow(0 0 calc(1 * var(--android-dp)) rgba(0,0,0,.95)) drop-shadow(0 calc(1 * var(--android-dp)) calc(2 * var(--android-dp)) rgba(0,0,0,.9))}.native-scan-circle-btn{width:calc(36 * var(--android-dp));height:calc(36 * var(--android-dp));border-radius:var(--ds-radius-full)!important;background:#00000057!important;border:0!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;line-height:0;pointer-events:auto;transition:transform var(--ds-duration-fast) var(--ds-ease-out),background var(--ds-duration-fast) var(--ds-ease-out),opacity var(--ds-duration-fast) var(--ds-ease-out)}.native-scan-circle-btn:active{transform:scale(.96);background:#00000075!important}.native-scan-circle-btn.is-active{background:#00000080!important}.native-scan-circle-btn.is-on{color:#ffd54a!important}.native-scan-close-btn{pointer-events:auto}.native-scan-head .section-kicker,.native-scan-head h2,.native-scan-head .text-btn{color:#fff;text-shadow:none}.native-scan-head .text-btn{border-radius:var(--ds-radius-full);background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;line-height:0;opacity:.98}.scan-card.native-scan-live{background:linear-gradient(180deg,#0f172a,#111827);box-shadow:none;border-color:transparent}.scanner-shell{display:grid;gap:var(--ds-space-4)}.native-scanner-shell{position:relative;height:100svh;min-height:100svh;gap:0;grid-template-rows:1fr;overflow:hidden}.native-scan-controls{display:grid;align-content:start;gap:1.6vw;padding:2.4vh 4vw calc(2.4vh + env(safe-area-inset-bottom,0px));margin-top:-2vh;border-radius:5vw 5vw 0 0;background:linear-gradient(180deg,#fffffffa,#eff6fffa);border:.3vw solid var(--ds-border-blue-strong);box-shadow:0 -2vh 5vh #0f172a1a;overflow-y:auto;overscroll-behavior:contain;position:relative;z-index:2}.native-scan-controls-compact{gap:1.2vw;padding:2vh 4vw calc(2vh + env(safe-area-inset-bottom,0px))}.native-scan-controls.manual-only{margin-top:0;border-radius:4vw;padding-top:2.6vh}.scan-manual-page{display:grid;gap:2vw;align-content:start;min-height:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.scanner-viewport{position:relative;min-height:45svh;border-radius:7vw;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.22),transparent 30%),linear-gradient(180deg,var(--ds-blue-900),#111827)}.scanner-viewport-native{background:transparent;border:0;min-height:100%;height:100%;border-radius:0}.scanner-video{width:100%;height:100%;min-height:45svh;object-fit:cover;display:block;opacity:.9}.scanner-canvas{display:none}.scanner-native-card{display:grid;gap:var(--ds-grid-gap);padding:22px 18px;border-radius:var(--ds-radius-4xl);background:radial-gradient(circle at top right,rgba(96,165,250,.32),transparent 34%),linear-gradient(180deg,var(--ds-blue-50),var(--ds-blue-100));border:1px solid rgba(148,163,184,.22)}.scanner-native-badge{width:fit-content;padding:6px 10px;border-radius:var(--ds-radius-full);background:#0f172a14;color:var(--ds-blue-800);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);letter-spacing:.08em;text-transform:uppercase}.scanner-native-title{color:var(--ds-gray-900);font-size:20px;font-weight:var(--ds-weight-bold)}.scanner-native-copy{color:var(--ds-gray-600);line-height:1.7;font-size:var(--ds-text-body)}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-grid-gap);padding:20px;background:transparent}.scanner-overlay-native{background:transparent;padding:0;pointer-events:none;--scan-size: var(--android-scan-size);--scan-top: var(--android-scan-top);--scan-left: calc(50% - (var(--scan-size) / 2));--scan-right: calc(50% + (var(--scan-size) / 2));--scan-bottom: var(--android-scan-bottom);--scan-corner: var(--android-corner);--scan-corner-width: var(--android-corner-width)}.scanner-focus-square{position:absolute;left:50%;top:50%;width:var(--scan-size);height:var(--scan-size);transform:translate(-50%,-50%);z-index:2}.scanner-focus-square:before{content:none}.scanner-corner{position:absolute;width:clamp(32px,12vw,56px);height:clamp(32px,12vw,56px);border-color:#fff;border-style:solid;border-width:0;border-radius:0;box-sizing:border-box;filter:drop-shadow(0 0 2px rgba(0,0,0,.65))}.scanner-corner.tl{top:0;left:0;border-top-width:4px;border-left-width:4px}.scanner-corner.tr{top:0;right:0;border-top-width:4px;border-right-width:4px}.scanner-corner.bl{left:0;bottom:0;border-bottom-width:4px;border-left-width:4px}.scanner-corner.br{right:0;bottom:0;border-bottom-width:4px;border-right-width:4px}.scan-success-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.scanner-focus-line{position:absolute;left:4%;top:0;width:92%;height:5px;display:block;object-fit:fill;pointer-events:none;filter:drop-shadow(0 0 8px rgba(14,195,255,.5));will-change:transform}.scanner-frame{--scan-size: min(70vw, 70svh);--android-scan-line-height: 2px;width:min(70vw,70svh);aspect-ratio:1 / 1;border-radius:4vw;border:0;box-shadow:0 0 0 100vmax #000000b3;position:relative;overflow:hidden;background:linear-gradient(#fff,#fff) left top/var(--scan-corner) var(--scan-corner-width) no-repeat,linear-gradient(#fff,#fff) left top/var(--scan-corner-width) var(--scan-corner) no-repeat,linear-gradient(#fff,#fff) right top/var(--scan-corner) var(--scan-corner-width) no-repeat,linear-gradient(#fff,#fff) right top/var(--scan-corner-width) var(--scan-corner) no-repeat,linear-gradient(#fff,#fff) left bottom/var(--scan-corner) var(--scan-corner-width) no-repeat,linear-gradient(#fff,#fff) left bottom/var(--scan-corner-width) var(--scan-corner) no-repeat,linear-gradient(#fff,#fff) right bottom/var(--scan-corner) var(--scan-corner-width) no-repeat,linear-gradient(#fff,#fff) right bottom/var(--scan-corner-width) var(--scan-corner) no-repeat}.scanner-frame:after{content:"";position:absolute;left:4%;right:4%;top:4%;height:var(--android-scan-line-height, 2px);border-radius:var(--ds-radius-full);background:#07c160;box-shadow:0 0 calc(4 * var(--android-dp)) #07c160cc;animation:scan-square-line-down 1.8s linear infinite}.scanner-tip{margin-top:calc(24 * var(--android-dp));text-align:center;color:#ffffffd1;font-size:min(calc(14 * var(--android-dp)),14px)}.scanner-tip.is-recognizing{color:#07c160}.scanner-tip.is-failed{color:#ffffffe0}.scanner-tip-native{display:block;position:absolute;left:50%;top:calc(50vh + var(--scan-size) / 2 + 24px);top:calc(50svh + var(--scan-size) / 2 + 24px);transform:translate(-50%);margin-top:0;padding:0 8px;border-radius:0;background:transparent;color:#ffffffc7;font-size:min(calc(14 * var(--android-dp)),14px);text-shadow:0 0 calc(1 * var(--android-dp)) rgba(0,0,0,.95),0 calc(1 * var(--android-dp)) calc(2 * var(--android-dp)) rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92vw;line-height:1.3;text-align:center;z-index:3}.scanner-tip-native.is-recognizing{color:#07c160}.scanner-tip-native.is-failed{color:#f59e0b}.scan-bottom-actions{position:absolute;left:0;right:0;top:auto;bottom:0;z-index:11;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:18px 22px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0f172a00,#0f172a38 55%,#0f172a80);pointer-events:auto}.scan-bottom-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;padding:8px 6px;flex:1 1 0;min-width:0;max-width:112px;background:transparent;color:#ffffffc7;font-size:11px;font-weight:var(--ds-weight-normal);line-height:1;-webkit-tap-highlight-color:transparent;transition:color var(--ds-duration-fast) var(--ds-ease-out),opacity var(--ds-duration-fast) var(--ds-ease-out)}.scan-bottom-icon{width:24px;height:24px;display:block;filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.8))}.scan-bottom-action:active{opacity:.7}.scan-bottom-action:disabled{opacity:.35}.scan-bottom-action.is-on{color:#fbbf24}.scan-more-menu{position:absolute;top:calc(var(--android-status-inset) + calc(58 * var(--android-dp)));right:var(--android-side);z-index:14;min-width:calc(124 * var(--android-dp));border-radius:calc(12 * var(--android-dp));padding:calc(6 * var(--android-dp));background:#101010e0;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:calc(4 * var(--android-dp))}.scan-more-item{border:0;border-radius:calc(8 * var(--android-dp));min-height:calc(34 * var(--android-dp));padding:0 calc(10 * var(--android-dp));font-size:min(calc(13 * var(--android-dp)),13px);color:#fffffff5;background:#ffffff0f;text-align:left}.scan-more-item:active{background:#ffffff24}.scan-bottom-shortcuts{position:absolute;left:var(--android-side);right:var(--android-side);bottom:calc(var(--android-bottom-inset) + calc(72 * var(--android-dp)));z-index:11;display:flex;justify-content:space-between;align-items:flex-end}.scan-shortcut-myqr{border:0;padding:0;color:#fffffff0;background:transparent;display:inline-flex;align-items:center;gap:calc(8 * var(--android-dp));text-align:left}.scan-shortcut-icon{width:calc(18 * var(--android-dp));height:calc(18 * var(--android-dp));color:#ffffffe6;flex:0 0 auto}.scan-shortcut-icon svg{width:100%;height:100%;display:block}.scan-shortcut-copy{display:grid;gap:calc(2 * var(--android-dp))}.scan-shortcut-title{font-size:min(calc(14 * var(--android-dp)),14px);line-height:1.2}.scan-shortcut-sub{font-size:min(calc(11 * var(--android-dp)),11px);color:#ffffffb8;line-height:1.2}.scan-shortcut-album{width:calc(36 * var(--android-dp));height:calc(36 * var(--android-dp));border-radius:var(--ds-radius-full);border:0;color:#fffffff5;background:#00000057;display:inline-flex;align-items:center;justify-content:center;padding:0}.scan-shortcut-album svg{width:calc(20 * var(--android-dp));height:calc(20 * var(--android-dp))}.scan-shortcut-album:active,.scan-shortcut-myqr:active{opacity:.78}.scan-mode-switch{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--android-bottom-inset) + calc(12 * var(--android-dp)));z-index:11;display:inline-flex;align-items:center;gap:calc(4 * var(--android-dp));padding:calc(4 * var(--android-dp));border-radius:var(--ds-radius-full);background:#00000070;min-width:calc(148 * var(--android-dp))}.scan-mode-switch button{border:0;border-radius:var(--ds-radius-full);min-width:calc(64 * var(--android-dp));min-height:calc(28 * var(--android-dp));padding:0 calc(10 * var(--android-dp));color:#ffffffd1;background:transparent;font-size:min(calc(14 * var(--android-dp)),14px)}.scan-mode-switch button.active{color:#fff;background:#ffffff2e}.scan-mode-switch button:active{opacity:.78}.scan-status-box{border-radius:var(--ds-radius-2xl);padding:12px 14px;background:linear-gradient(180deg,var(--ds-gray-50),var(--ds-blue-50));color:var(--ds-gray-700);font-size:var(--ds-text-body)}.native-scan-status{padding:7px 10px;border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);text-align:center}.native-scan-status.is-querying{background:linear-gradient(180deg,var(--ds-blue-100),var(--ds-blue-200));color:var(--ds-blue-800)}.native-scan-status.is-failed{background:linear-gradient(180deg,#fef2f2,var(--ds-danger-bg));color:var(--ds-danger)}.native-scan-buttons{gap:var(--ds-grid-gap-sm)}.native-scan-controls .primary,.native-scan-controls .secondary{min-height:36px;padding:8px 12px;border-radius:var(--ds-radius-md)}.scan-manual-btn{box-shadow:0 10px 18px #2563eb33}.scan-end-btn{opacity:.92}.scan-manual-panel{display:grid;gap:var(--ds-grid-gap-sm);padding-top:2px}.scan-manual-panel-standalone{gap:var(--ds-grid-gap-sm)}.scan-manual-only-head{border-radius:var(--ds-radius-2xl);padding:var(--ds-space-5);background:linear-gradient(180deg,#f1f5f9f2,#e2e8f0f5);border:1px solid var(--ds-border-blue);display:grid;gap:4px}.scan-manual-only-title{font-size:var(--ds-text-h4);font-weight:var(--ds-weight-bold);color:var(--ds-gray-900)}.scan-recent-row{display:flex;gap:var(--ds-grid-gap-sm);overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.scan-recent-row::-webkit-scrollbar{display:none}.scan-recent-chip{border:0;border-radius:var(--ds-radius-full);padding:6px 10px;background:var(--ds-gray-200);color:var(--ds-gray-700);font-size:var(--ds-text-xs);white-space:nowrap}.native-scan-field{gap:4px;font-size:var(--ds-text-small)}.native-scan-field input{padding:11px 13px;border-radius:var(--ds-radius-lg);min-height:48px;font-size:var(--ds-radius-2xl)}.native-scan-helper{padding:0 4px 2px;text-align:center}.native-scan-helper-compact{font-size:var(--ds-text-2xs);color:var(--ds-gray-500)}.native-scan-buttons .secondary:disabled,.native-scan-buttons .primary:disabled{opacity:.9}.scan-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#065f46,#059669);animation:scan-overlay-in .35s cubic-bezier(.16,1,.3,1)}@keyframes scan-overlay-in{0%{opacity:0}to{opacity:1}}.scan-success-svg{width:100px;height:100px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18));animation:scan-svg-pop .45s cubic-bezier(.16,1,.3,1)}@keyframes scan-svg-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.scan-svg-circle{stroke-dasharray:226;stroke-dashoffset:226;animation:scan-draw-circle .35s ease-out forwards;animation-delay:.08s}@keyframes scan-draw-circle{to{stroke-dashoffset:0}}.scan-svg-check{stroke-dasharray:48;stroke-dashoffset:48;animation:scan-draw-check .28s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.38s}@keyframes scan-draw-check{to{stroke-dashoffset:0}}.scan-success-label{font-size:22px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 1px 4px rgba(0,0,0,.18);animation:scan-label-fade .35s ease-out .15s both}.scan-success-code{font-size:15px;color:#ffffffc7;font-family:SF Mono,Cascadia Code,Consolas,monospace;letter-spacing:.04em;animation:scan-label-fade .35s ease-out .2s both}@keyframes scan-label-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scan-loading-ring{width:80px;height:80px;margin-bottom:20px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin-ring .8s linear infinite}@keyframes spin-ring{to{transform:rotate(360deg)}}@media (max-width: 320px){.native-scan-card{--android-dp: calc(320px / 360)}.native-scan-title-compact h2{font-size:min(calc(16 * var(--android-dp)),16px)}.scanner-tip-native,.scanner-tip{font-size:min(calc(12 * var(--android-dp)),12px)}}@media (min-width: 420px){.native-scan-card{--android-dp: calc(420px / 360)}}@media (max-width: 300px){.native-scan-card{--android-scan-size: 220px}}@keyframes scan-square-line-down{0%{transform:translateY(0);opacity:.2}12%{opacity:1}to{transform:translateY(calc(var(--scan-size) - var(--android-scan-line-height)));opacity:.2}}@keyframes scan-line-move{0%{transform:translateY(0);opacity:.85}50%{opacity:1}to{transform:translateY(65%);opacity:.85}}.skeleton-line{background:linear-gradient(90deg,var(--ds-gray-100) 25%,var(--ds-gray-200) 50%,var(--ds-gray-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{padding:var(--ds-space-4);margin-bottom:var(--ds-space-3);background:#fff;border-radius:var(--ds-radius-xl);border:1px solid var(--ds-gray-100)}.skeleton-list{padding:var(--ds-space-3)}