:root{--bg:#eef1f5;--surface:#fff;--surface-2:#f5f7fa;--line:#dde3ea;--line-strong:#c3cbd6;--ink:#1b2430;--muted:#5c6672;--faint:#8a93a0;--navy:#1e3a5f;--navy-deep:#122238;--navy-tint:#e8eef5;--seal:#9c3b3b;--seal-tint:#f6e9e9;--success:#2f7a4f;--success-tint:#e7f3ec;--warn:#a8711c;--warn-tint:#faf1e0;--shadow:0 1px 2px #141e2d0d, 0 8px 24px -12px #141e2d2e;--radius:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Heiti TC", "Noto Sans", sans-serif;--font-serif:"PingFang TC", "Microsoft JhengHei", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:700}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}a{color:inherit}[hidden]{display:none!important}button{font-family:inherit}.topbar{background:var(--navy-deep);color:#eef2f7;align-items:center;gap:16px;padding:16px clamp(16px,4vw,40px);display:flex}.mark{background:linear-gradient(155deg,var(--navy) 0%, var(--navy-deep) 100%);width:38px;height:38px;font-family:var(--font-serif);color:#fff;border:1.5px solid #ffffff40;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.topbar .titles{cursor:pointer;flex-direction:column;gap:1px;display:flex}.topbar h1{color:#fff;letter-spacing:.02em;font-size:18px}.topbar .sub{color:#aebdd1;letter-spacing:.03em;font-size:11.5px}.topbar .userbox{color:#cddaeb;flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;font-size:12.5px;display:flex}.topbar .role-badge{letter-spacing:.03em;border:1px solid #ffffff4d;border-radius:100px;padding:3px 10px;font-size:10.5px}.topbar .role-badge.admin{background:var(--seal);border-color:var(--seal);color:#fff;font-weight:700}.topbar button.linklike{color:#eef2f7;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px}.topbar button.linklike:hover{background:#ffffff1a}.shell{max-width:1200px;margin:0 auto;padding:28px clamp(16px,4vw,40px) 80px}.shell.narrow{max-width:480px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card+.card{margin-top:20px}.card-head{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:baseline;gap:10px;padding:16px 22px;display:flex}.card-head .num{font-family:var(--font-mono);color:var(--navy);background:var(--navy-tint);border-radius:5px;padding:2px 7px;font-size:12px;font-weight:600}.card-head h2{font-size:16.5px}.card-head p{color:var(--muted);margin:2px 0 0;font-size:12.5px;font-weight:400}.card-body{padding:22px}.req{color:var(--seal);font-weight:700}.fgrid{grid-template-columns:repeat(4,1fr);gap:16px 18px;display:grid}.fgrid .f{flex-direction:column;gap:6px;min-width:0;display:flex}.f.span2{grid-column:span 2}.f.span4{grid-column:span 4}.dt-row{gap:6px;min-width:0;display:flex}.dt-row input{flex:1;min-width:0}@media (width<=900px){.fgrid{grid-template-columns:repeat(2,1fr)}.f.span2,.f.span4{grid-column:span 2}}@media (width<=560px){.fgrid{grid-template-columns:1fr}.f.span2,.f.span4{grid-column:span 1}}label.flabel{color:var(--muted);letter-spacing:.01em;font-size:12.5px;font-weight:500}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=month],textarea,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;width:100%;padding:9px 10px;font-size:14px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--navy);outline-offset:1px}textarea{resize:vertical;min-height:56px}input[readonly],input:disabled,select:disabled{background:var(--surface-2);color:var(--muted)}.radiorow{flex-wrap:wrap;gap:8px;display:flex}.chip-radio{position:relative}.chip-radio input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip-radio span{border:1px solid var(--line-strong);color:var(--muted);background:var(--surface);border-radius:100px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;transition:all .15s;display:inline-flex}.chip-radio input:checked+span{background:var(--navy-tint);border-color:var(--navy);color:var(--navy-deep);font-weight:600}.chip-radio input:focus-visible+span{outline:2px solid var(--navy);outline-offset:1px}.duration-hint{color:var(--success);margin-top:2px;font-size:12.5px;font-weight:600}.field-hint{color:var(--faint);margin-top:2px;font-size:11px}.field-error{color:var(--seal);margin-top:2px;font-size:11.5px;font-weight:600}.name-suggest-box{z-index:80;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;max-height:220px;display:none;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0f152124}.name-suggest-item{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.name-suggest-item:hover,.name-suggest-item.active{background:var(--navy-tint)}.name-suggest-item .ns-dept{color:var(--muted);white-space:nowrap;font-size:11px}.name-suggest-empty{color:var(--faint);padding:8px 12px;font-size:12.5px}.tablewrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.scrollwrap{border:1px solid var(--line);border-radius:8px;max-height:268px;overflow:auto}.scrollwrap table.list thead th{z-index:1;position:sticky;top:0}table.items{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px;font-size:12.6px}table.items thead th{background:var(--surface-2);color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;letter-spacing:.02em;padding:8px 6px;font-size:11px;font-weight:600}table.items tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:6px 5px}table.items tbody tr.item-row:last-of-type td{border-bottom:none}table.items input,table.items select{box-sizing:border-box;width:100%;min-width:0;padding:5px 6px;font-size:12.2px}table.items input[type=date]{padding:5px 4px;font-size:11.6px}table.items td.idx{color:var(--faint);font-family:var(--font-mono);text-align:center;font-size:11.5px}.route-row{align-items:center;gap:4px;min-width:0;display:flex}.route-row input{flex:1;min-width:0}.route-sep{color:var(--muted);flex:none;font-weight:700}table.items td.amt input{text-align:right}table.items td.twd{font-family:var(--font-mono);text-align:right;white-space:nowrap;color:var(--navy-deep);padding-right:10px;font-weight:600}.amt-row{align-items:center;gap:4px;min-width:0;display:flex}.amt-row input{flex:1;min-width:0}.perdiem-recalc{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:5px;flex:none;width:24px;height:24px;padding:0;font-size:12px;line-height:1;display:none}tr.item-row.is-perdiem .perdiem-recalc{justify-content:center;align-items:center;display:inline-flex}.perdiem-hint{color:var(--muted);margin-top:2px;font-size:9.5px;line-height:1.4}.perdiem-hint.warn{color:var(--warn);font-weight:700}.amt-limit-hint{color:var(--seal);margin-top:2px;font-size:9.5px;font-weight:700;line-height:1.4}.pf-amount.over-limit{border-color:var(--seal);background:var(--seal-tint)}.rowdel{color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:5px;width:26px;height:26px;font-size:15px;line-height:1}.rowdel:hover{background:var(--seal-tint);color:var(--seal)}.attach-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.attach-chip:hover{border-color:var(--navy);color:var(--navy-deep)}.attach-chip.has-files{background:var(--navy-tint);border-color:var(--navy);color:var(--navy-deep)}tr.attach-drawer td{background:var(--surface-2);border-bottom:1px solid var(--line);padding:12px 16px}.attach-drawer-inner{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-list{flex-wrap:wrap;gap:8px;display:flex}.att-item{flex-direction:column;align-items:center;gap:3px;width:64px;display:flex;position:relative}.att-item img{object-fit:cover;border:1px solid var(--line-strong);border-radius:6px;width:56px;height:56px}.pdf-chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.att-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:9.5px;overflow:hidden}.att-remove{border:1px solid var(--line-strong);background:var(--surface);width:17px;height:17px;color:var(--seal);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;position:absolute;top:-6px;right:-2px}.att-thumb-btn{all:unset;cursor:zoom-in;display:block}.att-thumb-btn:hover img,.att-thumb-btn:hover .pdf-chip{border-color:var(--navy)}.att-empty{color:var(--faint);font-size:12.5px}.att-ocr{color:var(--navy-deep);background:var(--navy-tint);border:1px solid var(--navy);cursor:pointer;white-space:nowrap;border-radius:100px;margin-top:1px;padding:2px 6px;font-size:9px}.att-ocr:hover{opacity:.82}.att-ocr:disabled{opacity:.55;cursor:wait}.ocr-result-hint{color:var(--success);background:var(--success-tint);border-radius:6px;flex-basis:100%;padding:6px 10px;font-size:11.5px}.ocr-result-hint.warn{color:var(--warn);background:var(--warn-tint)}.tablefoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--navy);color:var(--navy-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-deep);color:#fff}.btn-ai{background:var(--success-tint);border-color:var(--success);color:var(--success)}.btn-ai:hover{background:var(--success);color:#fff}.btn-ai:disabled{opacity:.6;cursor:wait}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface);color:var(--ink)}.btn-lg{justify-content:center;width:100%;padding:12px 20px;font-size:14.5px}.btn-danger{border-color:var(--seal);color:var(--seal)}.btn-danger:hover{background:var(--seal-tint)}.authwrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.authcard{background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:12px;padding:32px}.authcard .mark{width:48px;height:48px;margin:0 auto 16px;font-size:22px}.authcard h1{text-align:center;margin-bottom:4px;font-size:20px}.authcard .sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:12.5px}.autherr{background:var(--seal-tint);color:var(--seal);border:1px solid var(--seal);border-radius:6px;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.authok{background:var(--success-tint);color:var(--success);border:1px solid var(--success);border-radius:6px;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.btn-sso{justify-content:center;align-items:center;gap:10px;display:flex}.btn-sso svg{flex:none}.entry-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}@media (width<=640px){.entry-grid{grid-template-columns:1fr}}.entry-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:left;font:inherit;border-radius:12px;padding:28px;transition:all .15s}.entry-card:hover{border-color:var(--navy);transform:translateY(-2px)}.entry-card .icon{background:var(--navy-tint);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:24px;display:flex}.entry-card h2{margin-bottom:6px;font-size:18px}.entry-card p{color:var(--muted);margin:0;font-size:12.5px}.statuspill{white-space:nowrap;background:var(--success-tint);color:var(--success);border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}table.list{border-collapse:collapse;width:100%;font-size:13px}table.list th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}table.list td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}table.list tbody tr:last-child td{border-bottom:none}.editable-list table.list td{padding:6px 8px}.editable-list table.list input[type=text]{padding:6px 8px;font-size:12.6px}.empty-note{text-align:center;color:var(--faint);padding:32px;font-size:13px}.error-note{text-align:center;color:var(--seal);padding:32px;font-size:13px}.rulebox{background:var(--navy-tint);border:1px solid var(--line);color:var(--navy-deep);border-radius:8px;margin-bottom:18px;padding:14px 16px;font-size:12px}.rulebox h3{margin-bottom:8px;font-size:12.5px}.rulebox ol{margin:0;padding-left:18px}.rulebox li{margin-bottom:5px}.sumbar{background:var(--surface-2);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:24px;padding:16px 22px;display:flex}.sumbar .label{color:var(--muted);font-size:12px}.sumbar .total{font-family:var(--font-mono);color:var(--navy-deep);font-size:22px;font-weight:700}.backlink{color:var(--muted);cursor:pointer;font-size:13px;font:inherit;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;display:inline-flex}.backlink:hover{color:var(--navy-deep)}.pagerow{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding:12px 22px;font-size:12.5px;display:flex}.toast{background:var(--navy-deep);color:#fff;box-shadow:var(--shadow);z-index:100;text-align:center;border-radius:8px;max-width:min(90vw,520px);padding:12px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.err{background:var(--seal)}footer{max-width:1200px;color:var(--faint);margin:0 auto;padding:0 clamp(16px,4vw,40px) 40px;font-size:11.5px}.modal-overlay{z-index:50;background:#0f15218c;justify-content:center;align-items:flex-start;padding:32px 16px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:var(--surface);width:100%;max-width:1080px;box-shadow:var(--shadow);border-radius:10px}.modal-bar{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;border-radius:10px 10px 0 0;align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}.modal-bar h2{flex:1;font-size:15px}.modal-bar select{width:auto}#printArea{color:#111;background:#fff;padding:26px 30px}.doc-title{text-align:center;font-family:var(--font-serif);letter-spacing:.06em;margin-bottom:14px;font-size:19px;font-weight:700}table.doc{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11.5px}table.doc td,table.doc th{vertical-align:middle;border:1px solid #333;padding:5px 6px}table.doc td.lbl{white-space:nowrap;background:#f0f2f5;width:1%;font-weight:600}.doc-items th{text-align:center;background:#eef1f5;font-size:10.5px;font-weight:700}.doc-items td{text-align:center;font-size:10.8px}.doc-items td.tleft{text-align:left}.doc-items td.tright{text-align:right;font-family:var(--font-mono)}.doc-sign td{text-align:center;vertical-align:top;height:46px;padding-top:5px;font-size:11px;font-weight:600}.amtwords{flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0;font-size:12px;display:flex}.amtwords .box{min-width:24px;height:26px;font-family:var(--font-serif);border:1px solid #333;justify-content:center;align-items:center;padding:0 3px;font-weight:700;display:inline-flex}.doc-footer-group,.doc-sign{page-break-inside:avoid;break-inside:avoid}.rulebox-print{color:#333;page-break-inside:avoid;break-inside:avoid;border-top:1px solid #999;margin-top:10px;padding-top:6px;font-size:10px}.rulebox-print ol{margin:4px 0 0;padding-left:16px}.rulebox-print li{margin-bottom:2px}.receipt-page{page-break-before:always;border-top:2px dashed #ccc;flex-direction:column;min-height:400px;margin-top:26px;padding-top:22px;display:flex}.receipt-page-head{border-bottom:1px solid #333;margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:700}.receipt-page-body-single{flex:1;justify-content:center;align-items:center;min-height:320px;display:flex}.receipt-page-body-single img{object-fit:contain;border:1px solid #ccc;border-radius:2px;max-width:100%;max-height:520px;display:block}.receipt-cap{color:#555;text-align:center;margin-top:8px;font-size:10px}.pdf-placeholder{aspect-ratio:1/1.3;color:#888;text-align:center;border:1px dashed #999;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:70%;max-width:420px;margin:0 auto;font-size:13px;display:flex}.pdf-placeholder .pico{font-size:30px}.rotate-hint{color:var(--muted);margin-left:8px;font-size:10.5px;font-weight:400;display:inline-block}@media print{body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{width:100%;padding:0;position:absolute;top:0;left:0}.modal-overlay{background:0 0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.modal{max-width:none!important;box-shadow:none!important;border-radius:0!important;position:static!important}.modal-bar{display:none!important}.receipt-page{border-top:none;min-height:0;margin-top:0;padding-top:0}.receipt-page.page-portrait{justify-content:center;align-items:center;width:277mm;height:190mm;display:flex;overflow:hidden}.receipt-page.page-portrait .rot-wrap{flex-direction:column;width:190mm;height:277mm;display:flex;transform:rotate(90deg)}.receipt-page-body-single img{max-height:250mm}}