:root{--bg-canvas: #ffffff;--bg-paper: #f4f6f9;--bg-surface: #ffffff;--bg-deep: #f5f7fa;--bg-head: #e8edf3;--navy: #1d2c3c;--navy-deep: #152332;--navy-active: #354e68;--navy-head: #25394f;--navy-line: #455467;--navy-ink: #e8eef5;--navy-ink-soft: #bbc8d7;--ink: #202b38;--ink-soft: #3e536d;--ink-muted: #536171;--ink-faint: #7a8798;--primary-100: #edf2f8;--primary-300: #355578;--primary-500: #244e78;--primary-700: #183b5d;--primary-900: #12293f;--primary-soft: #edf2f8;--primary-line: #c7d5e4;--gold: #efbd72;--gold-ink: #805000;--secondary-500: #805000;--secondary-700: #57380f;--amber-500: #805000;--amber-soft: #fff5e2;--amber-line: #dfc69e;--info-500: #355578;--info-soft: #e8eef6;--info-line: #c7d5e4;--success-500: #1f6b4b;--success-soft: #e9f3ee;--success-line: #bbd6c7;--warn-500: #9a422b;--warn-soft: #fff1eb;--warn-line: #dfb7a7;--line: #c7d1dd;--line-soft: #dce2e9;--line-deep: #b9c4d2;--neutral-line: #d3dae3;--neutral-soft: #eef1f5;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 6px;--shadow-2: 0 2px 3px rgba(32, 54, 79, .05);--shadow-3: 0 12px 44px rgba(23, 43, 66, .25);--font-display: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-body);background:var(--bg-canvas);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}.serif{font-family:var(--font-display)}.mono{font-family:var(--font-mono);font-size:.88em;letter-spacing:-.2px}input,select,textarea{font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--bg-surface);border:1px solid var(--line-deep);border-radius:var(--radius-sm);padding:0 13px;height:38px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-soft)}textarea{height:auto;padding:10px 13px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-faint)}select{cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--primary-500);height:auto}button{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{padding:13px 16px;font-weight:600;text-align:left;background:var(--bg-head);color:#33465d;font-size:12px;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-top:1px solid var(--line-soft)}tr:hover{background:#f0f4f9}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-paper)}::-webkit-scrollbar-thumb{background:var(--line-deep);border-radius:5px;border:2px solid var(--bg-paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-sm);line-height:1.3}.badge-success{background:var(--success-soft);color:var(--success-500);border:1px solid var(--success-line)}.badge-warn{background:var(--warn-soft);color:var(--warn-500);border:1px solid var(--warn-line)}.badge-info{background:var(--info-soft);color:var(--info-500);border:1px solid var(--info-line)}.badge-amber{background:var(--amber-soft);color:var(--amber-500);border:1px solid var(--amber-line)}.badge-neutral{background:var(--neutral-soft);color:var(--ink-muted);border:1px solid var(--neutral-line)}.badge-primary{background:var(--primary-soft);color:var(--primary-500);border:1px solid var(--primary-line)}.btn-primary{height:38px;padding:0 18px;background:var(--primary-500);color:#fff;border:1px solid var(--primary-500);border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:background .12s,border-color .12s}.btn-primary:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700)}.btn-primary:disabled{background:#a9b6c6;border-color:#a9b6c6;color:#fff;cursor:default}.btn-ghost{height:36px;padding:0 14px;background:#fff;border:1px solid var(--line-deep);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:13px;transition:background .12s,border-color .12s}.btn-ghost:hover:not(:disabled){background:var(--bg-paper);border-color:var(--ink-faint);color:var(--ink)}.btn-ghost:disabled{color:#a2adbb;background:var(--bg-deep);cursor:not-allowed}.btn-link{background:none;border:none;color:var(--primary-500);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;padding:0}.btn-link:hover{color:var(--primary-700);text-decoration:underline}.tab{height:36px;padding:0 14px;background:#fff;border:1px solid transparent;border-radius:var(--radius-sm);color:#46566a;font-size:14px;transition:background .12s,color .12s}.tab:hover:not(.active){background:#e5ecf4;border-color:var(--primary-line);color:var(--primary-500)}.tab.active{background:#294766;border-color:#294766;color:#fff;font-weight:600}.tab.active:hover{background:#1e3853;border-color:#1e3853}.card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.page-header{margin-bottom:26px;padding-bottom:2px}.page-header h1{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.03em;color:var(--ink);margin:0 0 6px;display:flex;align-items:center;gap:13px}.page-header h1:before{content:"";width:4px;height:30px;background:var(--primary-500);border-radius:1px;flex:none}.page-header p{font-size:13.5px;color:var(--ink-muted);margin:0 0 0 17px}.page-header:has(.page-stat){display:flex;align-items:center;justify-content:space-between;gap:24px}.page-header:has(.page-stat)>div:first-child{min-width:0}.page-stat{display:flex;align-items:center;gap:10px;flex:none;padding-left:22px;border-left:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.page-stat b{display:grid;place-items:center;min-width:48px;min-height:45px;padding:0 9px;background:var(--navy-head);color:#fff;border-radius:var(--radius-sm);font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.hint{font-size:12px;color:var(--ink-muted)}.table-wrap{overflow-x:auto}.is-stale{opacity:.55;transition:opacity .12s ease}.problem{border:1px solid var(--warn-line);background:var(--warn-soft)}tr.warn td{background:var(--warn-soft);color:var(--warn-500)}.neg{color:var(--warn-500);font-weight:600}.pending{font-size:11px;background:var(--amber-soft);color:var(--amber-500);border:1px solid var(--amber-line);padding:1px 7px;border-radius:var(--radius-sm);font-weight:600}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;font-size:13px;color:var(--ink-muted);background:var(--bg-paper);border-top:1px solid var(--line-soft)}.pager button{height:32px;padding:0 12px;background:#fff;border:1px solid var(--line-deep);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:13px}.pager button:hover:not(:disabled){background:var(--bg-deep);border-color:var(--ink-faint)}.pager button:disabled{opacity:.45;cursor:default}.filter-bar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:center;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px}.filter-bar select,.filter-bar input{height:36px;padding:0 12px;font-size:13px;background:#fff}.msg-error{display:flex;align-items:center;gap:8px;background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn-500);border-radius:var(--radius-sm);padding:9px 12px;font-size:12.5px;font-weight:600}.msg-success{display:flex;align-items:center;gap:8px;background:var(--success-soft);border:1px solid var(--success-line);color:var(--success-500);border-radius:var(--radius-sm);padding:9px 12px;font-size:12.5px;font-weight:600}.dialog-backdrop{position:fixed;inset:0;background:#172b4273;z-index:60}.dialog-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);overflow:auto;background:var(--bg-surface);border:1px solid #9eafc3;border-radius:var(--radius-lg);box-shadow:var(--shadow-3);z-index:61}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--navy-head);border-bottom:1px solid var(--navy-head);color:#fff}.dialog-header h2,.dialog-header h3,.dialog-header strong{color:#fff}.dialog-header .btn-ghost,.dialog-header button{color:#fff;background:transparent;border-color:#9bacc1}.dialog-header .btn-ghost:hover,.dialog-header button:hover{background:#3c536e;border-color:#cfdae7;color:#fff}.dialog-header :focus-visible{outline-color:var(--gold)}.dialog-body{padding:22px 24px;background:#fff}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;background:var(--primary-soft);border-top:1px solid var(--primary-line)}