:root{color:#16233a;background:#eef1f6;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#eef1f6;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.console-topbar{color:#fff;background:#16233a;align-items:center;gap:14px;padding:14px 24px;display:flex}.brand{flex:none;align-items:baseline;gap:8px;display:flex}.brand strong{font-size:15px;font-weight:900}.brand span{color:#8fa3c4;letter-spacing:.18em;font:500 10px IBM Plex Mono,monospace}.topbar-spacer{flex:1}.top-search{flex:0 0 260px;align-items:center;gap:8px;display:flex}.top-search input{color:#c9d6ec;background:#22314e;border:1px solid #35496e;border-radius:8px;outline:0;width:100%;padding:7px 10px;font-size:13px}.top-search input::placeholder{color:#7e93b8}.workspace{flex-direction:column;gap:16px;width:100%;max-width:1600px;margin:auto;padding:20px 24px 24px;display:flex}.card{background:#fff;border:1px solid #dbe3ee;border-radius:10px}.quick-entry{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.quick-entry>*{flex:none}.quick-label{font-size:13px;font-weight:900}.quick-date-control,.quick-end-control{color:#3c4d69;cursor:pointer;background:#fff;border:1px solid #c6d2e4;border-radius:8px;align-items:center;min-height:37px;padding:8px 12px;font:500 13px IBM Plex Mono,monospace;display:inline-flex;position:relative;overflow:hidden}.quick-date-control input,.quick-end-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.quick-end-control{color:#9aa8bf;border-style:dashed}.quick-end-control.has-value{color:#3c4d69;border-style:solid}.quick-arrow{color:#9aa8bf;font-size:12px}.quick-project{flex:285px;align-items:center;gap:6px;min-width:260px;display:flex}.quick-project select{flex:165px;width:auto;min-width:0}.quick-select,.quick-hours{color:#3c4d69;background:#fff;border:1px solid #c6d2e4;border-radius:8px;min-height:37px;padding:8px 12px;font-size:13px}.quick-select:focus,.quick-hours:focus,.quick-note:focus,.top-search input:focus{outline-offset:1px;outline:2px solid #9bbcf2}.catalog-launch{color:#2557d6;white-space:nowrap;background:#fff;border:1px solid #c6d2e4;border-radius:8px;flex:none;min-height:37px;padding:8px 10px;font-size:12px;font-weight:700}.catalog-launch:hover{background:#f5f8fc;border-color:#9bbcf2}.segmented{white-space:nowrap;border:1px solid #c6d2e4;border-radius:8px;display:flex;overflow:hidden}.segmented button{color:#5b6b85;background:#fff;border:0;padding:8px 14px;font-size:13px}.segmented button.active{color:#fff;background:#16233a;font-weight:700}.stepper{background:#fff;border:1px solid #c6d2e4;border-radius:8px;align-items:center;min-height:37px;display:flex}.stepper button{color:#9aa8bf;background:0 0;border:0;padding:8px 10px;font-size:16px;line-height:1}.stepper button:hover{color:#16233a}.quick-hours{text-align:center;color:#16233a;border:0;width:47px;min-height:auto;padding:8px 2px;font:500 13px IBM Plex Mono,monospace}.quick-hours::-webkit-inner-spin-button{appearance:none;margin:0}.quick-hours::-webkit-outer-spin-button{appearance:none;margin:0}.quick-hours{appearance:textfield}.stepper-unit{color:#5b6b85;font-size:12px}.quick-note{color:#3c4d69;resize:vertical;background:#fff;border:1px solid #c6d2e4;border-radius:8px;flex:200px;min-width:200px;min-height:37px;padding:8px 12px;font-size:13px;line-height:1.5}.quick-note::placeholder{color:#9aa8bf}.quick-shortcuts{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.quick-shortcuts button{color:#3c4d69;background:#fff;border:1px solid #c6d2e4;border-radius:7px;align-items:center;gap:4px;min-height:33px;padding:5px 8px;font-size:11px;display:inline-flex}.quick-shortcuts button.active{color:#2557d6;background:#eef4ff;border-color:#2f6fdb}.primary-action{color:#fff;white-space:nowrap;background:#2f6fdb;border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}.primary-action:hover{background:#2557d6}.summary-grid{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:16px;display:grid}.summary-card,.rhythm-card{min-width:0;padding:16px 18px}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{margin:0;font-size:15px;font-weight:900}.summary-title{align-items:baseline;gap:10px;min-width:0;display:flex}.month-nav{color:#3c4d69;align-items:center;gap:6px;font:500 13px IBM Plex Mono,monospace;display:flex}.month-nav button{color:#9aa8bf;background:0 0;border:0;padding:0;font-size:20px;line-height:1}.month-chip{background:#eef3fb;border:1px solid #c6d2e4;border-radius:6px;padding:3px 10px}.summary-hint{color:#9aa8bf;white-space:nowrap;font-size:11px}.export-action{color:#2557d6;white-space:nowrap;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.summary-table,.list-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.summary-table{margin-top:12px;font-size:13px}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid #eef1f6;padding:7px 8px}.summary-table th{color:#5b6b85;border-bottom-color:#dbe3ee;font-size:11px;font-weight:700}.summary-table .numeric,.list-table .numeric{text-align:right;font-family:IBM Plex Mono,monospace}.summary-table .total-row td{background:#f8fafd;font-weight:700}.summary-table .total-row td:first-child{border-radius:4px 0 0 4px}.summary-table .total-row td:last-child{border-radius:0 4px 4px 0}.total-hint{color:#9aa8bf;font-size:11.5px;font-weight:400}.tag{white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:11.5px;font-weight:700;display:inline-block}.tag.internal{color:#2557d6;background:#e8eef9}.tag.external{color:#0e7a4e;background:#e2f5ec}.tag.pending{color:#8a5b00;background:#fdeeca}.tag.none{color:#5b6472;background:#edf0f4}.overtime-badge{color:#b42318;background:#fce4e4;border-radius:4px;margin-left:5px;padding:2px 5px;font-size:10px;font-weight:700;display:inline-block}.nonwork-list-tag{margin-right:6px}.overtime-line,.check-line{color:#5b6b85;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.overtime-line input,.check-line input{width:15px;height:15px}.summary-counters{color:#5b6b85;flex-wrap:wrap;gap:7px 14px;margin-top:12px;font-size:11.5px;display:flex}.summary-subheading{color:#3c4d69;margin:16px 0 6px;font-size:12px}.nonwork-summary{color:#5b6b85;gap:5px;font-size:11.5px;display:grid}.nonwork-summary>div{border-bottom:1px solid #eef1f6;justify-content:space-between;gap:12px;padding-bottom:5px;display:flex}.nonwork-subtotal{font-weight:700}.nonwork-details-heading{color:#8a97aa;margin-top:6px;font-size:10px}.nonwork-summary b,.nonwork-detail{display:block}.nonwork-context{color:#3c4d69;font-size:11px}.nonwork-detail{margin-top:2px}.nonwork-detail small{color:#8a97aa;display:block}.nonwork-other-details{border-top:1px solid #eef1f6;padding-top:5px}.nonwork-other-details summary{cursor:pointer;color:#5b6b85;font-weight:700}.nonwork-other-list{gap:5px;margin-top:6px;display:grid}.nonwork-other-list>div{border-bottom:1px solid #eef1f6;justify-content:space-between;gap:12px;padding-bottom:5px;display:flex}.quick-none-hint{color:#8a5b00;white-space:nowrap;font-size:11px}.ui-error{color:#b42318;background:#fff5f5;border:1px solid #f0b4b4;border-radius:8px;margin:0 0 12px;padding:9px 11px;font-size:12px}.catalog-tabs{border-bottom:1px solid #dbe3ee;gap:6px;margin-top:14px;display:flex}.catalog-tabs button{color:#5b6b85;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-weight:700}.catalog-tabs button.active{color:#2557d6;border-bottom-color:#2f6fdb}.catalog-controls{gap:8px;margin:12px 0;display:flex}.catalog-controls input,.catalog-controls select,.catalog-create-form input,.catalog-create-form select,.catalog-editor input,.catalog-editor select{color:#16233a;background:#fff;border:1px solid #c6d2e4;border-radius:7px;min-height:35px;padding:6px 9px}.catalog-controls input{flex:1;min-width:0}.catalog-create-form,.catalog-editor{border:1px solid #dbe3ee;border-radius:8px;gap:8px;margin:12px 0;padding:12px;display:grid}.catalog-create-form h3,.catalog-editor h3{color:#3c4d69;margin:0;font-size:12px}.catalog-create-form label,.catalog-editor label{color:#5b6b85;gap:4px;font-size:11px;display:grid}.catalog-create-form button{justify-self:end}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.catalog-table-wrap{max-height:40vh;overflow:auto}.catalog-table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}.catalog-table th,.catalog-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef1f6;padding:8px}.catalog-table th{color:#5b6b85;white-space:nowrap;font-size:11px}.catalog-table .numeric{text-align:right;white-space:nowrap}.catalog-actions{white-space:nowrap;gap:6px;display:flex}.catalog-actions button{color:#2557d6;background:#fff;border:1px solid #c6d2e4;border-radius:5px;padding:4px 7px;font-size:11px}.catalog-actions button:last-child{color:#b42318}.catalog-actions button:disabled{cursor:not-allowed;opacity:.45}.catalog-delete-reason{color:#8a5b00;margin-top:3px;font-size:10px;display:block}.catalog-confirmation{color:#6f4c00;background:#fff9ed;border:1px solid #e0b35a;border-radius:8px;gap:7px;margin:12px 0;padding:12px;display:grid}.catalog-confirmation h3,.catalog-confirmation p{margin:0;font-size:12px}.catalog-confirmation label{gap:4px;font-size:11px;display:grid}.catalog-confirmation input{color:#16233a;background:#fff;border:1px solid #c6d2e4;border-radius:7px;min-height:35px;padding:6px 9px}.status-active{color:#0e7a4e;font-weight:700}.status-inactive{color:#8a5b00;font-weight:700}.rhythm-legend{color:#5b6b85;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-swatch{border-radius:2px;width:8px;height:8px}.legend-swatch.internal{background:#3b82f6}.legend-swatch.external{background:#10b981}.rhythm-list{grid-template-columns:40px 1fr 48px;align-items:center;row-gap:10px;margin-top:14px;font-size:12px;display:grid}.rhythm-label,.rhythm-total{font:500 11.5px IBM Plex Mono,monospace}.rhythm-label.current{color:#3c4d69;font-weight:600}.rhythm-label{color:#9aa8bf}.rhythm-total{color:#3c4d69;text-align:right}.rhythm-track{background:#f1f5fa;border-radius:3px;gap:2px;height:11px;display:flex;overflow:hidden}.rhythm-track:focus{outline-offset:3px;outline:2px solid #2557d6}.rhythm-segment{border-radius:3px;flex:none;min-width:0}.rhythm-segment:focus{outline-offset:2px;outline:2px solid #16233a}.rhythm-segment.internal{background:#3b82f6}.rhythm-segment.external{background:#10b981;border-radius:0 3px 3px 0}.rhythm-track.pending .rhythm-segment{background:#e2a53a}.rhythm-note{color:#9aa8bf;margin:12px 0 0;font-size:11px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.filter-chip,.filter-select{border-radius:99px;padding:5px 12px;font-size:12.5px}.filter-chip{color:#fff;background:#16233a;border:0;font-weight:700}.filter-select{color:#3c4d69;background:#fff;border:1px solid #c6d2e4;max-width:170px}.filter-select:focus,.filter-chip:focus,.clear-filter:focus,.toolbar-link:focus{outline-offset:1px;outline:2px solid #9bbcf2}.pending-filter{color:#8a5b00;background:#fff7e6;border:1px solid #eacb8a;font-weight:700}.pending-filter.active{color:#fff;background:#8a5b00}.clear-filter{color:#5b6b85;background:0 0;border:0;margin-left:4px;padding:5px 0;text-decoration:underline}.row-count{color:#5b6b85;text-align:right;white-space:nowrap;flex:1;font:500 11.5px IBM Plex Mono,monospace}.report-bar{color:#5b6b85;background:#f8fafd;border:1px solid #dbe3ee;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.report-bar label{align-items:center;gap:8px;font-weight:700;display:inline-flex}.report-week-select{color:#3c4d69;background:#fff;border:1px solid #c6d2e4;border-radius:8px;min-height:37px;padding:7px 10px;font-size:12.5px}.report-week-select:focus{outline-offset:1px;outline:2px solid #9bbcf2}.advanced-filters{background:#f8fafd;border:1px solid #dbe3ee;border-radius:10px}.advanced-filters summary{cursor:pointer;color:#5b6b85;padding:9px 12px;font-size:12px;font-weight:700}.advanced-filters .filters{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:0 12px 12px;display:grid}.advanced-filters label{color:#5b6b85;font-size:11px}.advanced-filters input,.advanced-filters select{color:#3c4d69;background:#fff;border:1px solid #c6d2e4;border-radius:8px;width:100%;margin-top:4px;padding:7px 9px;font-size:12px;display:block}.advanced-filters .filter-search{grid-column:span 2}.list-card{overflow:hidden}.table-scroll{max-width:100%;max-height:620px;overflow:auto}.list-table{min-width:1120px;font-size:13px}.list-table th,.list-table td{vertical-align:top;border-bottom:1px solid #eef1f6;padding:7px 10px}.list-table th{color:#5b6b85;text-align:left;white-space:nowrap;border-bottom-color:#dbe3ee;font-size:11.5px;font-weight:700}.list-table th.numeric,.list-table td.numeric{text-align:right}.list-table tbody tr:hover td{background:#f5f8fc}.list-table tbody tr.pending-row td{background:#fffaf0}.list-table tbody tr.pending-row td:first-child{border-left:3px solid #e2a53a}.date-cell,.week-cell,.hours-cell{white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px}.date-cell.end-date{color:#9aa8bf}.note-cell{color:#3c4d69;white-space:pre-wrap;min-width:240px;line-height:1.5}.source-cell{color:#9aa8bf;min-width:100px;font-size:12px}.source-cell-content{flex-direction:column;gap:4px;display:flex}.change-badge{color:#8a5b00;white-space:nowrap;background:#fff0cf;border-radius:4px;width:fit-content;padding:2px 6px;font-size:10.5px;font-weight:700}.classification-cell{min-width:150px}.action-cell{white-space:nowrap;min-width:68px}.edit-action{color:#2557d6;background:#fff;border:1px solid #c6d2e4;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:700}.edit-action:hover{background:#f5f8fc;border-color:#9bbcf2}.inline-editor{color:#16233a;appearance:auto;background:0 0;border:0;border-bottom:1px dashed #c6d2e4;border-radius:0;width:100%;min-width:130px;padding:0 16px 2px 0;font-size:13px}.pending-row .inline-editor{color:#8a5b00;border-bottom-color:#b7791f}.inline-type{border:0;border-radius:4px;width:auto;min-width:76px;padding:2px 7px;font-size:11.5px;font-weight:700}.inline-type.internal{color:#2557d6;background:#e8eef9}.inline-type.external{color:#0e7a4e;background:#e2f5ec}.inline-type.pending{color:#8a5b00;background:#fdeeca}.row-check,#select-all{width:15px;height:15px;margin:1px 0 0}.list-toolbar{color:#5b6b85;background:#f8fafd;border-top:1px solid #dbe3ee;align-items:center;gap:14px;padding:9px 14px;font-size:12.5px;display:flex}.selection-count strong,.db-count{font-family:IBM Plex Mono,monospace}.delete-action{color:#b42318;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:700}.delete-action:disabled{opacity:.5}.toolbar-spacer{flex:1}.toolbar-link{color:#5b6b85;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.toolbar-file{display:inline-flex}.toolbar-file input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.import-status{color:#2557d6;font-size:11px}dialog{color:#16233a;border:1px solid #dbe3ee;border-radius:10px;width:min(520px,100% - 28px);padding:0;box-shadow:0 18px 48px #16233a33}dialog::backdrop{background:#16233a66}#company-report-dialog{width:min(1280px,100% - 28px)}.company-report-table-wrap{max-height:60vh;margin-top:16px;overflow:auto}.company-report-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:12.5px}.company-report-table th,.company-report-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef1f6;padding:8px 10px}.company-report-table th{color:#5b6b85;white-space:nowrap;border-bottom-color:#dbe3ee;font-size:11px}.company-report-table .numeric{text-align:right;white-space:nowrap;font-family:IBM Plex Mono,monospace}.company-report-table .report-note-cell{white-space:pre-wrap;min-width:300px;line-height:1.5}.company-report-table .report-empty{color:#9aa8bf;text-align:center;padding:24px}.report-dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}#download-company-report:disabled{opacity:.5;cursor:not-allowed}.dialog-body{padding:18px}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{margin:0;font-size:16px}.dialog-close{color:#5b6b85;background:0 0;border:0;padding:2px 6px;font-size:20px}.dialog-subtitle{color:#9aa8bf;margin:4px 0 0;font-size:11px}.record-edit-form{margin:0}#record-edit-dialog{width:min(580px,100% - 28px)}.edit-form-grid{grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:18px;display:grid}.edit-form-grid label{color:#5b6b85;font-size:12px}.edit-form-grid input,.edit-form-grid select,.edit-form-grid textarea{color:#16233a;background:#fff;border:1px solid #c6d2e4;border-radius:8px;width:100%;margin-top:5px;padding:8px 10px;font-size:13px;display:block}.edit-form-grid textarea{resize:vertical;line-height:1.5}.edit-form-grid input:focus,.edit-form-grid select:focus,.edit-form-grid textarea:focus{outline-offset:1px;outline:2px solid #9bbcf2}.edit-form-grid input[readonly]{color:#5b6b85;background:#f5f8fc}.wide-field{grid-column:1/-1}.edit-meta{background:#f8fafd;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0;padding:10px 12px;display:grid}.edit-meta div{min-width:0}.edit-meta dt{color:#9aa8bf;font-size:10.5px}.edit-meta dd{color:#3c4d69;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11.5px;overflow:hidden}.edit-dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.secondary-action{color:#5b6b85;background:#fff;border:1px solid #c6d2e4;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700}.secondary-action:hover{background:#f5f8fc}.catalog-forms{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.catalog-forms form{border:1px solid #dbe3ee;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.catalog-forms label{color:#5b6b85;font-size:12px}.catalog-forms input,.catalog-forms select{color:#16233a;background:#fff;border:1px solid #c6d2e4;border-radius:8px;width:100%;margin-top:5px;padding:8px 10px;font-size:13px;display:block}.catalog-forms button{color:#fff;background:#2f6fdb;border:0;border-radius:8px;margin-top:auto;padding:8px 10px;font-size:12px;font-weight:700}.error-card{padding:18px}.error-card h2{margin:0 0 8px;font-size:16px}.error-card p{color:#5b6b85;margin:6px 0}@media (width<=900px){.summary-grid{grid-template-columns:1fr}}@media (width<=760px){.console-topbar{padding:12px 14px}.top-search{flex:180px}.workspace{padding:14px 14px 20px}.summary-title{flex-wrap:wrap;gap:6px 10px}.summary-hint{flex-basis:100%}.section-heading{align-items:flex-start}.rhythm-legend{flex-wrap:wrap;justify-content:flex-end;gap:6px 10px}.advanced-filters .filters{grid-template-columns:1fr 1fr}.advanced-filters .filter-search{grid-column:span 2}.list-toolbar{flex-wrap:wrap;gap:9px 14px}.toolbar-spacer{display:none}.db-count{margin-left:auto}.catalog-forms,.edit-form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}}@media (width<=560px){.brand span{display:none}.top-search{flex-basis:100%;order:3}.console-topbar{flex-wrap:wrap}.quick-project,.quick-note{flex-basis:100%;min-width:0}.quick-entry{align-items:stretch}.filter-select{flex:130px;max-width:none}.row-count{text-align:left;flex-basis:100%}.report-bar{align-items:stretch}.report-bar label{flex:100%;justify-content:space-between}.report-week-select{flex:auto}.report-bar>button{width:100%}.overtime-line{flex-basis:100%}.summary-card{overflow:hidden}.summary-card .summary-table{min-width:620px}.summary-card{overflow-x:auto}}