.exec-app{--exec-line:#dbe1df;--exec-muted:#535e59;--exec-accent:#126a5c;color:#202823;letter-spacing:0;overflow-wrap:anywhere;background:#f6f8f7;min-height:100vh;font-size:18px;line-height:1.55}.exec-app[data-size=large]{font-size:20px}.exec-app[data-size=extra-large]{font-size:24px}.exec-app *,.exec-app :before,.exec-app :after{box-sizing:border-box}.exec-app h1{margin:0;font-size:1.65em;line-height:1.3}.exec-app h2{margin:0;font-size:1.16em}.exec-app h3{margin:0 0 14px;font-size:1em}.exec-app button,.exec-app select,.exec-app input{font:inherit;min-height:44px;color:inherit;background:#fff;border:1px solid #bfcac4;border-radius:6px;max-width:100%;padding:8px 12px}.exec-app button{cursor:pointer}.exec-app button:disabled{opacity:.6;cursor:wait}.exec-app :focus-visible{outline-offset:3px;outline:3px solid #126a5c}.exec-app label{grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;margin:0;font-weight:600;display:grid}.exec-app form{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;display:grid}.exec-app input{width:100%;min-width:0}.exec-header{border-bottom:1px solid var(--exec-line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 32px;display:flex}.exec-brand{align-items:center;gap:12px;display:flex}.exec-brand svg{color:var(--exec-accent);flex-shrink:0}.exec-brand strong,.exec-brand span{display:block}.exec-brand span{color:var(--exec-muted);font-size:.89em}.exec-account-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exec-role{color:#126a5c;align-items:center;gap:6px;font-size:.89em;display:inline-flex}.exec-app .exec-size{align-items:center;gap:8px;font-size:.89em;display:flex}.exec-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.exec-icon svg{flex-shrink:0}.exec-app .exec-primary{color:#fff;background:#126a5c;border-color:#126a5c;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:650;display:flex}.exec-app .exec-primary:hover{background:#0e564b}.exec-login{width:calc(100% - 40px);max-width:480px;margin:64px auto;padding-bottom:36px}.exec-login h1{margin:0 0 32px}.exec-password{align-items:center;gap:8px;display:flex}.exec-password input{width:100%;min-width:0}.exec-text-link{color:#126a5c;text-underline-offset:4px;align-items:center;gap:6px;margin-top:26px;display:inline-flex}.exec-nav{border-bottom:1px solid var(--exec-line);background:#fff;flex-wrap:wrap;gap:4px 24px;padding:0 32px;display:flex}.exec-nav a{color:#46544b;border-bottom:3px solid #0000;padding:14px 0;text-decoration:none}.exec-nav a:hover{color:#126a5c;border-color:#126a5c}.exec-main{width:min(1480px,100% - 64px);margin:0 auto;padding-top:28px}.exec-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.exec-kicker{color:#126a5c;margin:0 0 6px;font-size:.89em;font-weight:700}.exec-muted{color:var(--exec-muted);font-size:.89em}.exec-heading p:last-child{margin:10px 0 0}.exec-filters{align-items:end;gap:10px;max-width:100%;display:flex}.exec-filters label{font-size:.89em}.exec-scope{color:var(--exec-muted);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:22px;font-size:.89em;display:flex}.exec-status{color:#795200;background:#fff0cd;border-radius:4px;padding:3px 8px}.exec-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:30px;display:grid}.exec-metric{border:1px solid var(--exec-line);background:#fff;border-radius:6px;min-width:0;padding:18px}.exec-metric-accent{border-top:3px solid var(--exec-accent);padding-top:16px}.exec-metric-label{color:var(--exec-muted);justify-content:space-between;align-items:start;gap:8px;font-size:.89em;display:flex}.exec-metric-label svg{flex-shrink:0;margin-top:3px}.exec-metric strong{font-variant-numeric:tabular-nums;margin-top:12px;font-size:1.65em;display:block}.exec-metric-accent strong{color:#126a5c}.exec-metric p{color:var(--exec-muted);margin:10px 0 0;font-size:.89em}.exec-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.exec-section{border-top:1px solid var(--exec-line);min-width:0;padding:26px 0 30px;scroll-margin-top:20px}.exec-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.exec-ledger{margin:0}.exec-ledger>div{border-bottom:1px solid #e4e9e6;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;padding:13px 0;display:flex}.exec-ledger dt{color:#46544b}.exec-ledger dd{font-variant-numeric:tabular-nums;text-align:right;margin:0 0 0 auto}.exec-ledger-total{font-weight:700}.exec-ledger-total dd{color:#126a5c}.exec-note{color:var(--exec-muted);margin:16px 0 0;font-size:.89em;line-height:1.65}.exec-mini-summary{border-left:3px solid #3b7a9d;align-items:start;gap:12px;margin-top:24px;padding:6px 0 6px 14px;display:flex}.exec-mini-summary svg{color:#3b7a9d;flex-shrink:0;margin-top:3px}.exec-mini-summary p{color:var(--exec-muted);margin:6px 0 0;font-size:.89em}.exec-workforce-summary{flex-wrap:wrap;gap:12px 32px;padding:4px 0 22px;display:flex}.exec-workforce-summary strong{margin:0 4px;font-size:1.3em}.exec-table-scroll{max-width:100%;overflow-x:auto}.exec-app table{border-collapse:collapse;width:100%;font-size:.95em}.exec-app th,.exec-app td{text-align:right;border-bottom:1px solid var(--exec-line);font-variant-numeric:tabular-nums;min-width:100px;padding:14px 12px}.exec-app th:first-child{text-align:left}.exec-app thead th{color:#425048;background:#eaf0ec;font-size:.94em}.exec-calendar-name{color:#795200;font-size:.85em;font-weight:400;display:block}.exec-chart{font-variant-numeric:tabular-nums;text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:18px 0 0;display:grid}.exec-chart-column{justify-items:center;gap:6px;min-width:0;display:grid}.exec-chart-column strong{font-size:.95em}.exec-chart-column small{color:var(--exec-muted);font-size:.8em}.exec-chart-track{border-bottom:1px solid #90a397;align-items:end;width:100%;max-width:44px;height:140px;display:flex}.exec-bar{background:#57958a;border-radius:3px 3px 0 0;width:100%}.exec-bar-selected{background:#126a5c}.exec-attention-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;display:grid}.exec-review-list,.exec-alerts{margin:0;padding:0;list-style:none}.exec-review-list li{border-bottom:1px solid var(--exec-line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 0;display:flex}.exec-alerts li{border-bottom:1px solid var(--exec-line);gap:12px;padding:14px 0;display:flex}.exec-alerts li>svg{color:#8e651a;flex-shrink:0;margin-top:3px}.exec-alerts li.exec-alert-danger>svg{color:#b42318}.exec-alerts p{color:var(--exec-muted);margin:6px 0 0;font-size:.89em}.exec-error{color:#8b251c;background:#fff0ed;border-left:3px solid #b42318;margin:18px 0;padding:12px 16px}.exec-loading{text-align:center;color:var(--exec-muted);padding:70px 24px}.exec-footer{border-top:1px solid var(--exec-line);color:var(--exec-muted);padding:26px 0;font-size:.89em}.exec-dialog{border:1px solid var(--exec-line);width:min(480px,100% - 28px);max-height:calc(100vh - 40px);color:inherit;font:inherit;border-radius:8px;padding:24px;overflow-y:auto}.exec-dialog::backdrop{background:#17241ab3}.exec-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.exec-spin{animation:1s linear infinite exec-spin}@keyframes exec-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.exec-spin{animation:none}}@media (width<=1100px){.exec-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.exec-two-col,.exec-attention-grid{gap:24px}}@media (width<=800px){.exec-two-col,.exec-attention-grid{grid-template-columns:minmax(0,1fr);gap:0}.exec-attention-grid>div{margin-bottom:24px}.exec-header{padding:18px}.exec-nav{gap:4px 18px;padding:0 18px}.exec-main{width:calc(100% - 36px)}.exec-account-tools{gap:8px}}@media (width<=560px){.exec-metrics{grid-template-columns:minmax(0,1fr);gap:12px}.exec-metric{padding:16px}.exec-chart{gap:6px}.exec-chart-track{max-width:30px}.exec-chart-column small{font-size:.85em}}:root{color:#17212b;background:#f4f7f9;font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit}.site-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #d9e1e8;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{font-weight:900;text-decoration:none}.topbar nav{flex-wrap:wrap;gap:10px;display:flex}.topbar nav a{color:#41515f;border-radius:8px;padding:8px 10px;text-decoration:none}.topbar nav a:hover{background:#e8eef4}button,input,select,textarea{font:inherit}.app-shell{width:min(1080px,100% - 32px);margin:0 auto;padding:24px 0}.live-clock{letter-spacing:0;margin-bottom:16px;font-size:clamp(32px,7vw,72px);font-weight:800}.panel{background:#fff;border:1px solid #d9e1e8;border-radius:8px;padding:20px;box-shadow:0 8px 24px #23314014}.eyebrow{font-weight:800;color:#0f766e!important}.lead{max-width:760px;font-size:18px}.action-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.primary-link,.secondary-link{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary-link{color:#fff;background:#0f766e}.secondary-link{color:#17212b;background:#fff;border:1px solid #cfd8e2}.secondary-button{color:#17212b;background:#fff;border:1px solid #cfd8e2;border-radius:8px;min-height:44px;padding:0 16px;font-weight:800}.hero-amount{color:#0f766e;white-space:nowrap;font-size:clamp(28px,4vw,44px)}.status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px;display:grid}.status-grid div{background:#fbfcfd;border:1px solid #d9e1e8;border-radius:8px;padding:14px}.status-grid span{color:#5b6773;font-size:14px;display:block}.status-grid strong{margin-top:6px;display:block}.formal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:22px;display:grid}.formal-card{background:#fbfcfd;border:1px solid #d9e1e8;border-radius:8px;gap:8px;min-height:132px;padding:16px;text-decoration:none;display:grid}.formal-card:hover{border-color:#0f766e;box-shadow:0 8px 18px #0f766e1f}.formal-card strong{font-size:20px}.formal-card span{color:#5b6773;line-height:1.55}.legacy-shell{grid-template-rows:auto 1fr;min-height:calc(100vh - 64px);display:grid}.legacy-head{background:#fff;border-bottom:1px solid #d9e1e8;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px clamp(16px,4vw,40px);display:flex}.legacy-head h1,.legacy-head p{margin:0 0 8px}.migration-note{color:#8a5a00!important}.legacy-frame{background:#fff;border:0;width:100%;min-height:780px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-header h1,.panel h1{margin:0 0 8px;font-size:28px}.panel-header p,.panel p{color:#5b6773;margin:0 0 16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0;display:grid}.summary-grid div{border:1px solid #d9e1e8;border-radius:8px;padding:12px}.summary-grid dt{color:#5b6773}.summary-grid dd{margin:8px 0 0;font-weight:700}.split-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px;display:grid}.split-grid h2,.detail-block h2,.panel h2{margin:0 0 12px;font-size:20px}.line-list{border:1px solid #d9e1e8;border-radius:8px;gap:0;margin:0;display:grid;overflow:hidden}.line-list div{border-bottom:1px solid #e8eef4;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.line-list div:last-child{border-bottom:0}.line-list dt{color:#5b6773}.line-list dd{margin:0;font-weight:800}.detail-block{background:#fbfcfd;border:1px solid #d9e1e8;border-radius:8px;margin-top:18px;padding:14px}.detail-block ul{gap:8px;margin:0;padding-left:22px;display:grid}.payslip-sheet-panel{background:#f7f7f7;overflow-x:auto}.payslip-sheet{color:#111;background:#fff;width:min(100%,760px);min-width:640px;margin:0 auto;padding:10px;font-family:Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif;font-size:15px;line-height:1.25}.salary-slip-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0}.salary-slip-table+.salary-slip-table{margin-top:0}.salary-slip-table td,.salary-slip-table th{vertical-align:middle;word-break:keep-all;border:2px solid #2f2f2f;padding:3px 6px}.salary-slip-table td{background:#fff}.salary-slip-main td{border-color:#7a3dd8 #2f2f2f}.center{text-align:center}.purple-text{color:#7a3dd8;font-size:20px;font-weight:900}.red-text{color:#8b2d2d}.green-text{color:#00a653;font-weight:800}.thin-title td{color:#6b2f2f;text-align:center;font-size:14px}.annual-month-table td{color:#7a3434;text-align:center;font-size:14px}.annual-total-table{margin-bottom:10px}.annual-total-table td:first-child{width:70%}.annual-total-table td:last-child{text-align:center}.strong-row td{color:#7a3434;text-align:center;font-size:20px;font-weight:900}.purple-row td{color:#7a3dd8;text-align:center;border-top-color:#7a3dd8;border-bottom-color:#7a3dd8;font-size:21px;font-weight:900}.monthly-table{margin-top:10px}.month-title td{text-align:center;letter-spacing:0;font-size:22px;font-weight:900}.monthly-table td:nth-child(2),.monthly-table td:nth-child(4),.allowance-table td:last-child{text-align:center}.small-text{font-size:13px}.summary-row td{text-align:center;background:#f0f0f0;font-size:19px;font-weight:900}.allowance-table{margin-top:24px}.allowance-table td:first-child,.allowance-table td:last-child{width:50%}.payout-table{margin-top:22px}.payout-table td{text-align:center}.total-pay-row td{background:#fff;border-left-color:#0000;border-right-color:#0000;font-size:18px;font-weight:900}.total-pay-row strong{background:#e9e9e9;padding:0 8px;font-size:32px;line-height:1;display:inline-block}.salary-slip-footer{text-align:center;margin-top:12px;font-weight:900}.salary-slip-note{text-align:center;font-size:14px;color:#4b4b4b!important;margin:4px 0 0!important}.payslip-supporting-details{width:min(100%,760px);min-width:640px;margin:14px auto 0}.employee-formal,.admin-formal{gap:16px;display:grid}.app-shell.admin-formal{width:min(1440px,100% - 32px)}.admin-formal .panel{min-width:0;overflow:hidden}.admin-formal .panel-header{flex-wrap:wrap}.admin-formal input,.admin-formal select,.admin-formal textarea{width:100%;min-width:0}.admin-formal .table-wrap{max-width:100%}.admin-login-panel{max-width:680px;margin:0 auto}.login-form{gap:12px;margin-top:18px;display:grid}.login-form input,.filter-row input{border:1px solid #cfd8e2;border-radius:8px;padding:12px}.admin-actions,.filter-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.admin-actions span{color:#5b6773;font-weight:800}.filter-row label{min-width:180px;margin:0}.adjustment-form{background:#fbfcfd;border:1px solid #d9e1e8;border-radius:8px;gap:14px;margin:18px 0;padding:14px;display:grid}.adjustment-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.adjustment-grid label{margin:0}.adjustment-grid input{border:1px solid #cfd8e2;border-radius:8px;padding:10px 12px}.wide-field{grid-column:1/-1}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:18px 0;display:grid}.calendar-day{background:#edf7f4;border:1px solid #d9e1e8;border-radius:8px;gap:4px;min-height:88px;padding:10px;display:grid}.calendar-day strong{font-size:20px}.calendar-day span{font-weight:800}.calendar-day small{color:#5b6773}.calendar-day.rest_day{background:#f1f4f7}.calendar-day.national_holiday_paid{background:#fff3d8}.calendar-day.typhoon_unpaid{background:#fdecec}.compact-primary{width:auto;min-width:180px}.muted-text{color:#5b6773;align-items:center;font-size:14px;display:inline-flex}.panel-header select{min-width:min(100%,360px)}.review-highlight{animation:1.8s highlight-row}@keyframes highlight-row{0%{background:#fff3d8}to{background:0 0}}.warning-panel{background:#fff8e5;border-color:#f2c94c}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #d9e1e8;padding:12px 10px}.data-table th{color:#5b6773;font-weight:800}.table-action{background:#fff;border:1px solid #cfd8e2;border-radius:8px;min-height:34px;padding:0 12px;font-weight:800}.danger-action{color:#b42318;border-color:#f2b8b5}.table-action:disabled{opacity:.55}label{gap:8px;margin:14px 0;font-weight:700;display:grid}select,textarea{border:1px solid #cfd8e2;border-radius:8px;padding:12px}textarea{min-height:92px}.primary{color:#fff;background:#0f766e;border:0;border-radius:8px;width:100%;padding:14px 16px;font-weight:800}.primary:disabled{background:#9aa7b4}.success{color:#0f766e}.error{color:#b42318}.clock-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.qr-placeholder{aspect-ratio:1;text-align:center;background:#fff;border:2px dashed #9aa7b4;border-radius:8px;place-items:center;width:min(520px,100%);padding:24px;display:grid}.formal-clock{background:#f5f7f8;grid-template-columns:minmax(420px,1fr) minmax(360px,520px);min-height:calc(100vh - 65px);display:grid}.formal-clock-time{background:#fff;border-right:1px solid #d9e1e8;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,88px);display:flex}.formal-clock-time h1{margin:0 0 18px;font-size:clamp(28px,3vw,44px)}.formal-clock-date{color:#0f766e;margin-bottom:18px;font-size:clamp(30px,4vw,58px);font-weight:900}.formal-clock-value{font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;font-size:clamp(84px,13vw,190px);font-weight:900;line-height:.92}.formal-clock-value span{color:#0f766e}.formal-clock-qr{text-align:center;background:#fbfcfc;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,4vw,56px);display:flex}.formal-clock-qr h2{margin:24px 0 10px;font-size:clamp(28px,3vw,42px)}.formal-clock-qr p{color:#5b6773;max-width:420px;margin:0;font-size:18px;line-height:1.6}.formal-qr-box{aspect-ratio:1;background:#fff;border:12px solid #fff;outline:1px solid #d9e1e8;place-items:center;width:min(74vw,360px);display:grid;box-shadow:0 18px 36px #0f172a1f}.formal-qr-box canvas{width:100%;height:100%;image-rendering:pixelated}.token-card{text-align:left;background:#fff;border:1px solid #d9e1e8;border-radius:8px;width:min(100%,440px);margin:22px 0 0;overflow:hidden}.token-card div{border-bottom:1px solid #e8eef4;padding:12px 14px}.token-card div:last-child{border-bottom:0}.token-card dt{color:#5b6773;font-size:14px}.token-card dd{color:#134e4a;overflow-wrap:anywhere;margin:4px 0 0;font-family:Consolas,Courier New,monospace}.clock-warning{background:#fff3d8;border-radius:8px;padding:14px 16px;color:#8a4b0b!important;margin-top:14px!important}.payslip-preview-page{gap:16px;display:grid}@media print{.topbar,.payslip-preview-page>.panel:first-child{display:none}body{background:#fff}.app-shell{width:100%;padding:0}.panel{box-shadow:none;border:1px solid #333}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.topbar nav a{padding-left:0}}@media (width<=880px){.formal-clock{grid-template-columns:1fr}.formal-clock-time{text-align:center;border-bottom:1px solid #d9e1e8;border-right:0;align-items:center;min-height:52vh;padding:28px 20px}.formal-clock-value{font-size:clamp(70px,19vw,130px)}.formal-clock-qr{min-height:48vh;padding:28px 20px 40px}.status-bar{justify-content:center}}