*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-4xl{max-width:56rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.bg-card{background-color:hsl(var(--card))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-normal{letter-spacing:0}.text-input{color:hsl(var(--input))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card-foreground:222.2 84% 4.9%;--primary:224 76% 48%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 74% 42%;--destructive-foreground:210 40% 98%;--success:142 72% 29%;--success-foreground:210 40% 98%;--warning:26 90% 37%;--warning-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:224 76% 48%;--radius:0.5rem;--sidebar:212 29% 13%;--sidebar-accent:212 27% 20%;--sidebar-border:212 20% 25%}body{margin:0;background:#f6f7f9;color:#17202a;font-family:Arial,Noto Sans TC,sans-serif}a{color:#1d4ed8;text-decoration:none}button,input,select,textarea{font:inherit}.page{margin:0 auto;max-width:1180px;padding:32px 24px}.page.narrow{max-width:840px}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:28px;line-height:1.2;margin:4px 0 0}.eyebrow{color:#64748b;font-size:14px;margin:0}.detail-grid,.filters,.form-grid,.table-wrap,.timeline{background:#ffffff;border:1px solid #d9e0ea;border-radius:8px}.filters{align-items:end;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px;padding:16px}label{color:#334155;display:grid;font-size:14px;gap:6px}input,select,textarea{border:1px solid #b7c2d0;border-radius:6px;min-height:40px;padding:8px 10px}textarea{resize:vertical}.button{align-items:center;background:#ffffff;border:1px solid #9aa8ba;border-radius:6px;color:#17202a;cursor:pointer;display:inline-flex;justify-content:center;min-height:40px;padding:8px 14px}.button.primary{background:#0f766e;border-color:#0f766e;color:#ffffff}.button.danger{background:#b91c1c;border-color:#b91c1c;color:#ffffff}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.45}table{border-collapse:collapse;min-width:720px;width:100%}td,th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}th{background:#edf2f7;color:#334155;font-size:14px}.actions,.inline-form,.pager{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.detail-grid,.form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.span-2{grid-column:span 2}.error{color:#b91c1c}.error,.notice{margin:0}.notice.success{color:#166534}.notice.danger{color:#b91c1c}.card-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;padding:10px 14px}@media (max-width:760px){.detail-grid,.filters,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.page-header{align-items:flex-start;flex-direction:column}}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:underline:hover{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--logistics-night:#102a36;--logistics-night-raised:#173846;--logistics-route:#0f6d68;--logistics-route-hover:#0b5956;--logistics-route-soft:#e0efed;--logistics-info:#315e73;--logistics-canvas:#f3f6f5;--logistics-paper:#ffffff;--logistics-ink:#172b35;--logistics-muted:#63757c;--logistics-line:#d6dfdc;--logistics-line-strong:#aebdb8;--logistics-warning:#b9682a;--logistics-warning-soft:#f8ecdf;--logistics-success:#2f6d50;--logistics-success-soft:#e4efe9;--logistics-danger:#a33d3d;--logistics-danger-hover:#873333;--logistics-danger-soft:#f7e6e4;--logistics-shadow:0 8px 24px rgb(23 43 53/0.055);--logistics-shadow-raised:0 14px 34px rgb(23 43 53/0.1);--logistics-font-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Segoe UI",sans-serif;--logistics-font-data:Bahnschrift,"Arial Narrow",var(--font-inter),ui-monospace,monospace;--background:150 14% 96%;--foreground:198 39% 15%;--card:0 0% 100%;--card-foreground:198 39% 15%;--primary:177 76% 24%;--primary-foreground:0 0% 100%;--secondary:170 17% 91%;--secondary-foreground:198 39% 15%;--muted:160 14% 93%;--muted-foreground:194 11% 44%;--accent:171 35% 91%;--accent-foreground:177 76% 24%;--destructive:0 45% 44%;--destructive-foreground:0 0% 100%;--success:151 39% 31%;--success-foreground:0 0% 100%;--warning:27 63% 45%;--warning-foreground:0 0% 100%;--border:160 14% 86%;--input:160 14% 74%;--ring:177 76% 24%;--radius:0.55rem;--sidebar:196 54% 14%;--sidebar-foreground:0 0% 100%;--sidebar-accent:194 50% 18%;--sidebar-border:192 27% 28%}html{color-scheme:light}*,:after,:before{box-sizing:border-box}body{background:var(--logistics-canvas);font-size:15px;line-height:1.65;text-rendering:optimizeLegibility}:where(h1,h2,h3){text-wrap:balance}::-moz-selection{background:#b9dad6;color:var(--logistics-night)}::selection{background:#b9dad6;color:var(--logistics-night)}a{color:var(--logistics-info);text-underline-offset:.18em}a:hover{color:var(--logistics-route)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #55aaa5;outline-offset:2px}.app-shell{display:flex;height:100vh;min-height:100vh}.app-main,.app-shell{background:var(--logistics-canvas);min-width:0}.app-main{flex:1;overflow-y:auto}.page{color:var(--logistics-ink);max-width:1240px;padding:36px clamp(20px,3vw,46px) 52px}.page.narrow{max-width:900px}.page-header{border-bottom:1px solid var(--logistics-line);margin-bottom:22px;padding-bottom:18px}.page-header h1{color:var(--logistics-night);font-size:clamp(1.55rem,2.35vw,1.95rem);font-weight:700;letter-spacing:-.035em;line-height:1.22}.eyebrow{font-size:.72rem;font-weight:680;letter-spacing:.06em;line-height:1.5}.page-intro{color:var(--logistics-muted);font-size:.92rem;line-height:1.8;margin:-8px 0 22px;max-width:48rem}.data-value,.metric-value,[data-value]{font-family:var(--logistics-font-data);font-variant-numeric:tabular-nums;letter-spacing:-.025em}:where(.filters,.form-grid,.detail-grid,.table-wrap,.timeline,.panel,.reconciliation-detail,.alt-login-button,.alt-login-qr-panel),:where(.rounded,.rounded-lg).border.bg-card,:where(.rounded,.rounded-lg).border.bg-gray-50,:where(.rounded,.rounded-lg).border.bg-white{background:var(--logistics-paper);border-color:var(--logistics-line);box-shadow:var(--logistics-shadow)}.filters{gap:14px;padding:18px}.alt-login-button,.alt-login-qr-panel,.detail-grid,.form-grid,.panel,.reconciliation-detail,.timeline{border-radius:10px}.form-section-title,.panel-header{color:var(--logistics-night);letter-spacing:-.01em}label{color:#40535b;font-weight:620}input,select,textarea{background:var(--logistics-paper);border-color:var(--logistics-line-strong);color:var(--logistics-ink)}label input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),label select,label textarea{min-width:0;width:100%}input::-moz-placeholder,textarea::-moz-placeholder{color:#829097}input::placeholder,textarea::placeholder{color:#829097}input:hover,select:hover,textarea:hover{border-color:#78918a}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgb(15 109 104/.12);outline:0}input:disabled,select:disabled,textarea:disabled{background:#edf1ef;color:#75837f}.button,a.bg-blue-600,button.bg-blue-600{border-radius:7px;font-weight:700;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.button:not(.primary):not(.danger),a.border:not(.bg-blue-600):not(.bg-red-600),button.border:not(.bg-blue-600):not(.bg-red-600){background:var(--logistics-paper);border-color:var(--logistics-line-strong);color:var(--logistics-ink)}.button:not(.primary):not(.danger):hover,a.border:not(.bg-blue-600):not(.bg-red-600):hover,button.border:not(.bg-blue-600):not(.bg-red-600):hover{background:#edf4f2;border-color:#78918a;color:var(--logistics-night)}.button.primary,a.bg-blue-600,button.bg-blue-600{border-color:var(--logistics-route);color:#fff;box-shadow:0 5px 14px rgb(15 109 104/.16)}.button.primary:hover,.hover\:bg-blue-700:hover,a.bg-blue-600:hover,button.bg-blue-600:hover{background:var(--logistics-route-hover);border-color:var(--logistics-route-hover);color:#fff}.button.danger,a.bg-red-600,button.bg-red-600{background:var(--logistics-danger);border-color:var(--logistics-danger);color:#fff}.button.danger:hover,a.bg-red-600:hover,button.bg-red-600:hover{background:var(--logistics-danger-hover);border-color:var(--logistics-danger-hover)}.button:active,a.bg-blue-600:active,button.bg-blue-600:active{transform:translateY(1px)}.button:disabled,button:disabled{box-shadow:none;transform:none}.table-wrap{border-radius:10px}table{color:var(--logistics-ink)}th{background:#eaf0ee;border-bottom-color:#c7d3cf;color:#3f545c;font-size:.75rem;letter-spacing:.035em}td{border-bottom-color:#e1e7e4}tbody tr:hover{background:#f2f7f5}tbody tr:last-child td{border-bottom-color:transparent}.link-button,.text-blue-600,.text-primary{color:var(--logistics-info)}.error,.text-destructive,.text-red-600,.text-red-700{color:var(--logistics-danger)}.bg-red-50,.notice.error{background:var(--logistics-danger-soft);border-color:#e6b9b4}.alt-login{margin-top:22px}.alt-login-divider{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--logistics-muted);font-size:.78rem;letter-spacing:.03em}.alt-login-divider:after,.alt-login-divider:before{content:"";flex:1;height:1px;background:var(--logistics-line)}.alt-login-options{display:flex;flex-direction:column;gap:10px}.alt-login-button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;color:var(--logistics-ink);font-family:inherit;font-weight:640;font-size:.92rem;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.alt-login-button:hover{border-color:var(--logistics-route);box-shadow:0 8px 20px rgb(15 109 104/.14);transform:translateY(-1px)}.alt-login-button:active{transform:scale(.97)}.alt-login-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.alt-login-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--logistics-route-soft);color:var(--logistics-route)}.alt-login-qr-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;text-align:center}.alt-login-qr-panel img{border:1px solid var(--logistics-line);border-radius:8px}.login-shell{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.login-shell>*{width:min(100%,440px)}.login-shell .page-header{display:grid;gap:2px;justify-content:center;justify-items:center;margin-bottom:20px;text-align:center}.login-shell .actions .button{width:100%}.login-brand{display:flex;gap:10px;margin-bottom:14px}.login-brand,.login-brand-mark{align-items:center;justify-content:center}.login-brand-mark{background:var(--logistics-route-soft);border-radius:50%;color:var(--logistics-route);display:inline-flex;flex-shrink:0;height:36px;width:36px}.login-brand-name{color:var(--logistics-night);font-size:1rem;font-weight:720;letter-spacing:-.01em}.install-app-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px 16px 0;padding:12px 16px;border:1px solid var(--logistics-line);border-radius:10px;background:var(--logistics-paper);box-shadow:var(--logistics-shadow)}.install-app-banner p{margin:0;font-size:14px}.install-app-banner-actions{display:flex;gap:8px}.notice.success,.success{color:var(--logistics-success)}.notice.warning,.waiting,.warning{color:var(--logistics-warning)}.status-pill{border-color:var(--logistics-line);font-weight:700}.body-sm,.text-body-sm,.text-gray-400,.text-gray-500,.text-gray-600,.text-muted-foreground{color:var(--logistics-muted)}.bg-gray-50,.bg-muted{background:#eef3f1}.system-mobile-nav-trigger,.system-sidebar-backdrop,.system-sidebar-close{display:none}.system-sidebar{background:var(--logistics-night);color:#e7efed;display:flex;flex:0 0 240px;flex-direction:column;height:100vh;min-height:100vh;overflow-y:hidden;padding:18px 14px 16px;position:sticky;top:0;z-index:40}.system-sidebar-brand{align-items:center;border-bottom:1px solid rgb(214 223 220/.14);color:#fff;display:flex;gap:10px;justify-content:space-between;margin:0 4px 16px;min-height:52px;padding:0 5px 15px}.system-sidebar-brand:hover{color:#fff}.system-sidebar-brand-copy{color:#fff;display:grid;gap:2px}.system-sidebar-brand-copy:hover{color:#fff}.system-sidebar-brand-copy strong{font-size:.95rem}.system-sidebar-brand-copy small{color:#91aaa8;font-size:.66rem;font-weight:700;letter-spacing:.12em}.system-sidebar-groups{display:grid;gap:18px}.system-sidebar-groups,.system-sidebar>.system-nav-links{align-content:start;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.system-nav-group{display:grid;gap:5px}.system-nav-group-title{align-items:center;color:#7f9b9a;display:flex;font-size:.65rem;font-weight:750;gap:7px;letter-spacing:.13em;padding:0 9px}.system-nav-group-title svg{height:14px;width:14px}.system-nav-links{display:grid;gap:3px}.system-nav-link{align-items:center;border:1px solid transparent;border-radius:7px;color:#c5d3d1;display:flex;font-size:.81rem;font-weight:650;gap:9px;min-height:36px;padding:7px 10px;position:relative;text-align:left;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.system-nav-link:hover{background:var(--logistics-night-raised);color:#fff}.system-nav-link.is-active{background:#194554;border-color:rgb(126 195 188/.2);color:#fff}.system-nav-link.is-active:before{background:#75c4bd;border-radius:999px;content:"";height:18px;left:-4px;position:absolute;width:3px}.system-nav-link svg{flex:0 0 auto;height:16px;width:16px}.system-attendance-clock{display:grid;gap:3px;grid-template-columns:1fr 1fr}.system-attendance-clock .system-nav-link{font-size:.72rem;justify-content:center;text-align:center}.system-sidebar-footer{border-top:1px solid rgb(214 223 220/.14);display:grid;gap:5px;margin-top:auto;padding-top:14px}.system-sidebar-footer form{margin:0}.system-sidebar-footer .system-nav-link{width:100%}.system-sidebar-identity{color:#91aaa8;display:flex;font-size:.72rem;justify-content:space-between;padding:7px 10px}.admin-sidebar{background:var(--logistics-night);overflow-y:hidden}.admin-sidebar-groups{align-content:start;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.admin-sidebar-brand-mark{background:var(--logistics-route-soft);color:var(--logistics-route)}.admin-nav-link:hover{background:var(--logistics-night-raised)}.admin-nav-link.is-active{background:#194554;border-color:rgb(126 195 188/.2)}.admin-nav-link.is-active:before{background:#75c4bd}.dashboard-page{--dashboard-ink:var(--logistics-ink);--dashboard-muted:var(--logistics-muted);--dashboard-line:var(--logistics-line);--dashboard-paper:var(--logistics-paper);--dashboard-fog:var(--logistics-canvas);--dashboard-route:var(--logistics-route);--dashboard-route-soft:var(--logistics-route-soft);--dashboard-success:var(--logistics-success);--dashboard-success-soft:var(--logistics-success-soft);--dashboard-warning:var(--logistics-warning);--dashboard-warning-soft:var(--logistics-warning-soft)}@media (max-width:820px){.page{padding:78px 16px 34px}.page-header{align-items:flex-start;gap:12px}.system-mobile-nav-trigger{align-items:center;background:var(--logistics-night);border:0;color:#fff;cursor:pointer;display:flex;font-weight:750;gap:9px;height:54px;left:0;padding:0 16px;position:fixed;right:0;top:0;width:100%;z-index:35}.system-mobile-nav-trigger svg,.system-sidebar-close svg{height:20px;width:20px}.system-sidebar{box-shadow:var(--logistics-shadow-raised);left:0;max-width:calc(100vw - 48px);position:fixed;top:0;transform:translateX(-104%);transition:transform .18s ease;width:300px;z-index:50}.system-sidebar.is-open{transform:translateX(0)}.admin-sidebar-brand,.system-sidebar-brand{background:var(--logistics-night);position:sticky;top:0;z-index:2}.system-sidebar-backdrop{background:rgb(9 29 37/.55);border:0;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:45}.system-sidebar-backdrop.is-open{display:block}.system-sidebar-close{align-items:center;background:transparent;border:0;color:#c5d3d1;cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.app-main{min-height:100vh;overflow-x:hidden;width:100%}.app-main>main:not(.page){margin-top:54px}.filters{grid-template-columns:1fr}.actions{flex-wrap:wrap}.dashboard-page{padding-top:78px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--logistics-night:#1d1d1f;--logistics-night-raised:#2c2c2e;--logistics-route:#007a78;--logistics-route-hover:#006664;--logistics-route-soft:#e5f3f2;--logistics-info:#006b69;--logistics-canvas:#f5f5f7;--logistics-paper:rgb(255 255 255/0.88);--logistics-ink:#1d1d1f;--logistics-muted:#6e6e73;--logistics-line:rgb(29 29 31/0.12);--logistics-line-strong:rgb(29 29 31/0.22);--logistics-shadow:0 1px 2px rgb(0 0 0/0.03),0 12px 34px rgb(0 0 0/0.055);--logistics-shadow-raised:0 20px 52px rgb(0 0 0/0.11);--logistics-font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;--radius:0.9rem}body{background:radial-gradient(circle at 84% -10%,rgb(0 122 120/.08),transparent 28rem),var(--logistics-canvas);color:var(--logistics-ink);font-family:var(--logistics-font-body);letter-spacing:-.006em}.app-main{background:transparent}.page{margin-inline:auto;max-width:1320px;padding:44px clamp(20px,3.4vw,56px) 64px}.page-header{border-bottom:0;margin-bottom:28px;padding-bottom:0}.page-header h1{color:#1d1d1f;font-size:clamp(1.7rem,2.6vw,2.25rem);font-weight:720;letter-spacing:-.045em}.eyebrow{color:var(--logistics-route);font-size:.71rem;letter-spacing:.095em}.alt-login-button,.alt-login-qr-panel,.detail-grid,.filters,.form-grid,.metric-card,.panel,.reconciliation-detail,.table-wrap,.timeline,:where(.rounded,.rounded-lg,.rounded-xl).border.bg-card,:where(.rounded,.rounded-lg,.rounded-xl).border.bg-gray-50,:where(.rounded,.rounded-lg,.rounded-xl).border.bg-white{backdrop-filter:saturate(145%) blur(22px);background:var(--logistics-paper);border:1px solid var(--logistics-line);border-radius:18px;box-shadow:var(--logistics-shadow)}input,select,textarea{background:rgb(255 255 255/.82);border:1px solid var(--logistics-line-strong);border-radius:11px;min-height:44px}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--logistics-route);box-shadow:0 0 0 4px rgb(0 122 120/.12)}.button,a.bg-blue-600,a.border,button.bg-blue-600,button.border{border-radius:999px;min-height:42px;padding-inline:18px}.button.primary,a.bg-blue-600,button.bg-blue-600{background:var(--logistics-route);box-shadow:0 7px 18px rgb(0 122 120/.18)}.table-wrap{border-radius:18px;overflow-x:auto}th{background:rgb(245 245 247/.94);color:#515154;font-size:.72rem}tbody tr:hover{background:rgb(0 122 120/.045)}.admin-sidebar,.system-sidebar{backdrop-filter:saturate(140%) blur(28px);background:rgb(29 29 31/.96);border-right:1px solid rgb(255 255 255/.08);flex-basis:252px;padding:20px 14px}.admin-nav-link,.system-nav-link{border-radius:11px;min-height:40px;transition:background-color .14s ease,color .14s ease,transform .12s ease}.admin-nav-link.is-active,.system-nav-link.is-active{background:rgb(255 255 255/.13);border-color:rgb(255 255 255/.08)}.admin-nav-link.is-active:before,.system-nav-link.is-active:before{background:#4ed7d2;animation:pill-pop .22s cubic-bezier(.2,.9,.3,1.3) both}.admin-nav-link:active,.system-nav-link:active{transform:scale(.97)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgb(0 122 120/.55);outline-offset:3px}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pill-pop{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.page{animation:page-enter .42s cubic-bezier(.16,1,.3,1) both}.button,a.bg-blue-600,a.border,button.bg-blue-600,button.border{transition:background-color .14s ease,box-shadow .14s ease,transform .12s ease,border-color .14s ease}.button:active,a.bg-blue-600:active,a.border:active,button.bg-blue-600:active,button.border:active{transform:scale(.96)}tbody tr{transition:background-color .12s ease}@media (prefers-reduced-motion:reduce){.admin-nav-link.is-active:before,.page,.system-nav-link.is-active:before{animation:none!important}}@media (max-width:760px){.page{padding:28px 16px 44px}.detail-grid,.filters,.form-grid,.panel,.timeline{border-radius:15px}}.attendance-gate-overlay,.attendance-lock-overlay{position:fixed;inset:0;z-index:999;background:rgba(15,23,42,.92);color:#ffffff;display:flex;align-items:center;justify-content:center;padding:24px}.attendance-gate-card{background:#ffffff;color:#17202a;border-radius:16px;padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}.attendance-gate-card h2{font-size:20px;font-weight:700;margin-bottom:12px}.attendance-gate-card p{font-size:14px;color:#64748b;margin-bottom:20px}.attendance-gate-card .button{width:100%;justify-content:center}.attendance-gate-actions{display:flex;flex-direction:column;gap:10px}.attendance-reminder-toast{position:fixed;bottom:24px;right:24px;z-index:998;background:#17202a;color:#ffffff;padding:16px 20px;border-radius:12px;max-width:320px;box-shadow:0 12px 30px rgba(0,0,0,.3);display:flex;align-items:flex-start;gap:12px;font-size:14px}.attendance-reminder-toast button{background:transparent;border:0;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1}