.status-form{grid-template-columns:1.1fr .8fr .8fr 1.2fr auto;align-items:end;margin-bottom:4px}.status-form .button{white-space:nowrap}@media(max-width:900px){.status-form{grid-template-columns:1fr 1fr}.status-form .button{justify-self:start}}@media(max-width:560px){.status-form{grid-template-columns:1fr}}
.compensation-note{display:grid;grid-template-columns:1fr auto;gap:2px 15px;background:#fff7e8;border:1px solid #f4d59d;border-radius:11px;padding:11px 13px;margin:-5px 0 15px}.compensation-note span{font-weight:700;color:#8b5b09}.compensation-note strong{color:#8b5b09}.compensation-note small{grid-column:1/-1;color:#9b6f26}.alert.warning{background:#fff3e4;color:#a46014}
.profile-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.profile-form{gap:18px}.profile-heading-avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:28px;font-weight:800;z-index:1}.profile-readonly{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-readonly>div{background:var(--blue-soft);border:1px solid #ead0d9;border-radius:11px;padding:12px}.profile-readonly small,.profile-readonly strong{display:block}.profile-readonly small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.password-section{border-top:1px solid var(--line);padding-top:17px}.password-section h3{margin:0;font-size:14px}.password-section h3 small{color:var(--muted);font-weight:500}.password-section>p{font-size:12px;margin:2px 0 12px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.profile-actions{display:flex;gap:9px;flex-wrap:wrap}.profile-help{border-top:4px solid var(--blue)}.profile-help h2{margin:14px 0 5px}.profile-help ul{padding-left:18px;color:var(--muted)}.profile-help li{margin:9px 0}.error-list{margin:7px 0 0;padding-left:20px}.profile:hover{color:var(--blue)}.field-note{color:var(--muted);font-weight:500}.profile-form input[readonly]{background:#f5eff1;color:#74656b;cursor:not-allowed}
@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-help{order:-1}.three-cols{grid-template-columns:1fr}}
@media(max-width:560px){.profile-readonly{grid-template-columns:1fr}.profile-heading-avatar{margin-top:16px}.profile-actions .button{width:100%;text-align:center}}
.recap-order-grid{display:grid;gap:9px}.recap-order-card{display:grid;grid-template-columns:85px minmax(190px,1.1fr) minmax(230px,1.4fr) 130px auto;gap:10px;align-items:end;background:#fbf7f8;border:1px solid var(--line);border-radius:12px;padding:12px}.recap-order-card label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--muted)}.recap-order-card input,.recap-order-card select{width:100%;border:1px solid #dccbd1;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);font:inherit}.recap-order-card input:focus,.recap-order-card select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.recap-order-card .button{white-space:nowrap}.order-field input{text-align:center;font-weight:800;color:var(--blue)}
@media(max-width:1050px){.recap-order-card{grid-template-columns:80px 1fr 1.3fr}.recap-order-card label:nth-of-type(4),.recap-order-card .button{grid-row:2}.recap-order-card .button{align-self:end}}
@media(max-width:700px){.recap-order-card{grid-template-columns:1fr}.recap-order-card label:nth-of-type(4),.recap-order-card .button{grid-row:auto}.recap-order-card .button{width:100%}}
.employee-edit-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.employee-edit-grid select{width:100%;border:1px solid #dce0e7;border-radius:9px;padding:10px 12px;font:inherit;color:var(--ink);outline:none;background:#fff}.employee-edit-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
@media(max-width:900px){.employee-edit-grid{grid-template-columns:1fr}.employee-edit-grid .profile-help{order:-1}}
.fingerprint-preview{border:1px dashed #c9a9b4;border-radius:12px;background:#fbf7f8;padding:15px;min-height:72px}.fingerprint-summary{display:grid;gap:5px}.fingerprint-summary strong{color:var(--blue);font-size:15px}.fingerprint-summary span{color:var(--ink);font-size:13px}.fingerprint-summary small{color:var(--muted);line-height:1.5}.fingerprint-preview .alert{margin:0}.form button:disabled{opacity:.5;cursor:not-allowed}
.cleanup-list{display:grid;gap:12px}.cleanup-option{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #ead7dc;border-radius:14px;background:#fff}.cleanup-option input{width:20px;height:20px;accent-color:#7a1732}.cleanup-option span{display:grid;gap:4px}.cleanup-option small{color:#6b5b60;line-height:1.45}.cleanup-option b{color:#7a1732;white-space:nowrap}.protected-data{padding:16px;border-radius:12px;background:#f7f2f3;border-left:4px solid #7a1732;line-height:1.55}.warning-card{border-top:4px solid #9e1b32}@media(max-width:700px){.cleanup-option{grid-template-columns:auto 1fr}.cleanup-option b{grid-column:2}}
.migration-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);align-items:start}.migration-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.migration-breakdown>div{display:grid;gap:5px;padding:14px;border:1px solid #ead7dc;border-radius:12px;background:#fbf7f8}.migration-breakdown span{font-size:12px;color:var(--muted)}.migration-breakdown strong{color:var(--blue)}.migration-rules{padding-left:20px;color:var(--muted);line-height:1.55}.migration-confirm{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.unmapped-list{display:grid;gap:10px}.unmapped-list>div{display:grid;gap:3px;padding:11px;border-radius:10px;background:#fff;border:1px solid #ead7dc}.unmapped-list small{color:var(--muted);overflow-wrap:anywhere}@media(max-width:900px){.migration-grid{grid-template-columns:1fr}}@media(max-width:650px){.migration-breakdown{grid-template-columns:1fr}}
.ui-icon{width:20px;height:20px;display:block;flex:0 0 auto}.topbar nav a{gap:6px}.topbar nav .ui-icon{width:16px;height:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(91,24,45,.13)}.button .ui-icon{width:17px;height:17px}.button-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--orange);color:#fff;font-size:10px}.stat{transition:transform .18s ease,box-shadow .18s ease}.stat:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(91,24,45,.13)}.stat .icon .ui-icon{width:23px;height:23px}.quick-links .ui-icon{width:20px;height:20px}.page-heading h1,.welcome h1{line-height:1.18}.block-status{margin-top:7px}.travel-document-box{display:grid;gap:14px;padding:17px;border:1px solid #ddb8c4;border-radius:14px;background:linear-gradient(145deg,#fff8fa,#f8e9ee)}.travel-document-title{display:grid;gap:2px}.travel-document-title strong{color:var(--blue)}.travel-document-title small{color:var(--muted)}
.policy-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 18px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line);box-shadow:var(--shadow)}.policy-strip>div{display:grid;gap:3px;padding:15px 18px;background:#fff}.policy-strip strong{color:var(--blue)}.policy-strip span{font-size:12px;color:var(--muted)}.verification-list{display:grid;gap:15px}.verification-card{padding:0;overflow:hidden}.verification-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;border-bottom:1px solid var(--line);background:#fcf9fa}.verification-heading h2{margin:8px 0 1px;font-size:18px}.verification-heading p{font-size:12px}.scan-chip{display:flex;align-items:center;gap:8px;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:750}.scan-chip .ui-icon{width:18px;height:18px}.scan-chip.has-scan{background:#e7f8f1;color:var(--green)}.scan-chip.no-scan{background:#fff3e4;color:var(--orange)}.verification-body{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(430px,1.3fr);gap:24px;padding:20px 22px}.activity-summary{padding-right:22px;border-right:1px solid var(--line)}.activity-summary p{margin:7px 0 12px;line-height:1.6}.activity-summary small{color:var(--muted)}.document-form{gap:12px}.verification-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 22px;background:#fbf7f8;border-top:1px solid var(--line)}.decision-preview{display:flex;gap:6px;flex-wrap:wrap;font-size:12px}.decision-preview span{color:var(--muted)}.verification-actions{display:flex;gap:7px;flex-wrap:wrap}.action-alert{display:flex;justify-content:space-between;align-items:center;gap:15px}.action-alert div{display:grid}.action-alert span{font-weight:500}.progress-overview{margin-bottom:18px}.progress-caption{font-size:11px;color:var(--muted);background:#f8e9ee;border-radius:20px;padding:7px 11px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.progress-item{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fcf9fa}.progress-item>div:last-child{display:grid;gap:3px}.progress-item small{color:var(--muted)}.metric-ring{--value:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) calc(var(--value)*1%),#efe6e9 0)}.metric-ring:before{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}.metric-ring strong{z-index:1;color:var(--green)}.report-ring{background:conic-gradient(var(--blue) calc(var(--value)*1%),#efe6e9 0)}.report-ring strong{color:var(--blue)}
@media(max-width:1000px){.topbar nav a{justify-content:flex-start}.policy-strip{grid-template-columns:1fr}.verification-body{grid-template-columns:1fr}.activity-summary{padding-right:0;padding-bottom:18px;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:650px){.verification-heading,.verification-footer,.action-alert{align-items:stretch;flex-direction:column}.verification-body{padding:17px}.verification-actions .button{flex:1}.progress-grid{grid-template-columns:1fr}.verification-tabs{width:100%;overflow:auto}}
.workflow-list{display:grid;gap:14px;list-style:none;padding:0!important;counter-reset:workflow}.workflow-list li{position:relative;display:grid;gap:2px;padding-left:42px;min-height:34px;counter-increment:workflow}.workflow-list li:before{content:counter(workflow);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.workflow-list span{color:var(--muted);font-size:12px}.card-head.standalone{margin:24px 0 12px}.leave-review-card{padding:0;overflow:hidden}.leave-review-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#fcf9fa;border-bottom:1px solid var(--line)}.leave-review-head h2{margin:7px 0 0;font-size:18px}.leave-review-head p{font-size:12px}.source-chip{padding:7px 11px;border-radius:20px;background:var(--blue-soft);color:var(--blue);font-size:11px;font-weight:750}.leave-review-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;padding:20px 22px}.leave-review-body>div:first-child{padding-right:22px;border-right:1px solid var(--line)}.leave-review-body p{color:var(--muted)}.evidence-state{font-size:12px;font-weight:750;border-radius:20px;padding:7px 11px}.evidence-state.complete{background:#e7f8f1;color:var(--green)}.evidence-state.incomplete{background:#fff3e4;color:var(--orange)}
@media(max-width:850px){.leave-review-body{grid-template-columns:1fr}.leave-review-body>div:first-child{padding-right:0;padding-bottom:18px;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:600px){.leave-review-head{align-items:flex-start;flex-direction:column}.leave-review-body{padding:16px}.source-chip{align-self:flex-start}}
.topbar nav a{gap:5px;padding-left:7px;padding-right:7px;font-size:12px}.topbar nav .ui-icon{width:15px;height:15px}
@media(max-width:1180px) and (min-width:1001px){.topbar{gap:14px}.brand small,.profile div{display:none}}
.examiner-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#fbf3f6)}.examiner-summary>div{display:flex;align-items:center;gap:13px}.summary-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--blue-soft);color:var(--blue)}.summary-icon .ui-icon{width:23px;height:23px}.examiner-summary p{margin:2px 0 0}.live-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:20px;background:#edf9f2;color:var(--green);font-size:11px;font-weight:750}.live-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(22,132,93,.12)}.examiner-table table{min-width:920px}.examiner-table td{vertical-align:middle}.arrival-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.arrival-rank.empty-rank{background:#eee6e9;color:var(--muted)}.time-value{color:var(--navy);font-variant-numeric:tabular-nums}.muted-time{font-size:12px;color:var(--muted);font-weight:600}.report-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin-bottom:3px}.report-check .ui-icon{width:19px;height:19px}.report-check.complete{background:#def3e7;color:var(--green);box-shadow:0 0 0 4px rgba(22,132,93,.08)}.report-check.pending{background:#fff0dc;color:var(--orange)}.report-label{display:block;color:var(--muted);font-size:10px;white-space:nowrap}.not-arrived{background:#fcf9fa}.not-arrived td{color:#82747a}
@media(max-width:700px){.examiner-summary{align-items:stretch;flex-direction:column}.examiner-summary .button{width:100%}.examiner-heading .period-filter{display:grid;grid-template-columns:1fr auto}}
.stat strong small{display:inline;font-size:11px;font-weight:600;color:var(--muted)}.monitor-insights{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:18px;margin-bottom:18px}.attendance-chart-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(145deg,#fff,#fbf3f6)}.chart-copy h2{margin:4px 0}.chart-copy p{max-width:280px}.chart-copy .eyebrow{color:var(--blue)}.chart-fraction{display:flex;align-items:baseline;gap:7px;margin-top:17px}.chart-fraction strong{font-size:26px;color:var(--blue)}.chart-fraction span{font-size:11px;color:var(--muted)}.attendance-ring{--value:0;flex:0 0 136px;width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--value)*1%),#eee5e8 0);position:relative}.attendance-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.attendance-ring>div{position:relative;z-index:1;text-align:center}.attendance-ring strong,.attendance-ring small{display:block}.attendance-ring strong{font-size:27px;color:var(--green)}.attendance-ring small{font-size:10px;color:var(--muted);font-weight:700}.completion-chart-card .card-head{margin-bottom:15px}.performance-average{align-self:flex-start;padding:6px 10px;border-radius:20px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:800;white-space:nowrap}.completion-bars{display:grid;gap:13px}.completion-bars>div>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:5px;font-size:11px}.completion-bars span{color:var(--muted)}.completion-bars strong{color:var(--navy)}.chart-track,.score-track{display:block;height:8px;overflow:hidden;border-radius:999px;background:#eee7e9}.chart-track i,.score-track i{display:block;height:100%;min-width:0;border-radius:inherit;transition:width .35s ease}.chart-track i.green{background:var(--green)}.chart-track i.purple{background:var(--purple)}.chart-track i.orange{background:var(--orange)}.chart-track i.maroon,.score-track i{background:linear-gradient(90deg,#7b1e3a,#ad4463)}.performance-guide{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;margin-bottom:18px;border-left:4px solid var(--blue)}.guide-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--blue-soft);color:var(--blue)}.performance-guide p{font-size:12px;margin-top:2px}.guide-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.guide-legend span{font-size:10px;font-weight:750;color:var(--muted);white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.dot.clock-in{background:var(--green)}.dot.clock-out{background:var(--purple)}.dot.report{background:var(--orange)}.examiner-table table{min-width:1120px}.employee-score{min-width:190px}.employee-score>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.employee-score>div>strong{font-size:15px;color:var(--blue)}.employee-score small{display:block;margin-top:5px;color:var(--muted);font-size:9px;white-space:nowrap}.score-label{padding:3px 7px;border-radius:12px;background:#f1ecee;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.score-100{background:#def3e7;color:var(--green)}.score-75{background:#eae4fa;color:var(--purple)}.score-50{background:#fff0dc;color:var(--orange)}
@media(max-width:900px){.monitor-insights{grid-template-columns:1fr}.performance-guide{grid-template-columns:44px 1fr}.guide-legend{grid-column:2;justify-content:flex-start}}@media(max-width:600px){.attendance-chart-card{align-items:flex-start}.attendance-ring{flex-basis:108px;width:108px;height:108px}.attendance-ring strong{font-size:22px}.completion-chart-card .card-head{align-items:stretch;flex-direction:column}.performance-average{align-self:flex-start}.performance-guide{grid-template-columns:1fr}.guide-icon{display:none}.guide-legend{grid-column:1}.monitor-insights{gap:12px}.attendance-chart-card,.completion-chart-card{padding:18px}}
.public-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1220px)/2));position:sticky;top:0;z-index:5}.public-topbar .button{display:inline-flex;align-items:center;gap:7px}.public-monitor-button{margin-top:24px;background:#fff;color:var(--blue)}.monitor-login-button{box-shadow:0 8px 20px rgba(91,24,45,.16)}
.admin-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.admin-actions .button{justify-content:flex-start;min-height:68px;padding:14px 16px;text-align:left;white-space:normal;line-height:1.4;border-radius:13px}.admin-actions .button .ui-icon{width:21px;height:21px}.admin-actions .button-count{margin-left:auto;flex:0 0 auto}.admin-actions .button.primary{box-shadow:0 8px 20px rgba(91,24,45,.13)}
@media(max-width:1050px){.admin-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.admin-actions{grid-template-columns:1fr}.admin-actions .button{min-height:56px}}
.payment-readiness{display:flex;align-items:center;gap:16px;margin-bottom:18px;border-left:5px solid var(--green)}.payment-readiness.pending{border-left-color:var(--orange)}.payment-readiness .readiness-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:15px;background:#def3e7;color:var(--green)}.payment-readiness.pending .readiness-icon{background:#fff0dc;color:var(--orange)}.payment-readiness h2{margin:2px 0 4px}.payment-readiness .eyebrow{color:var(--green)}.payment-readiness.pending .eyebrow{color:var(--orange)}.payment-documents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.document-button{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fcfafb}.document-button:hover{border-color:var(--blue);background:var(--blue-soft)}.document-button>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue)}.document-button strong,.document-button small{display:block}.document-button small{color:var(--muted)}
@media(max-width:800px){.payment-documents{grid-template-columns:1fr}.public-topbar{padding:0 16px}.public-topbar .button{padding:9px 11px}.payment-readiness{align-items:flex-start}}@media(max-width:520px){.public-topbar .brand small{display:none}.public-topbar .button{font-size:12px}.public-topbar{height:68px}}
.fingerprint-mode{border-top:4px solid var(--blue)}.fingerprint-source{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 13px;border:1px solid var(--line);border-radius:12px;background:#fbf7f8}.fingerprint-source>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--blue)}.fingerprint-source strong,.fingerprint-source small{display:block}.fingerprint-source small{color:var(--muted);font-size:10px}.attendance-issue-form{margin-bottom:18px;scroll-margin-top:92px;border-left:4px solid var(--orange)}.attendance-issue-form select{width:100%;border:1px solid #dce0e7;border-radius:9px;padding:10px 12px;font:inherit;color:var(--ink);outline:none;background:#fff}.claimed-times{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.claimed-times span{color:var(--muted)}#riwayat-masalah{scroll-margin-top:92px}.attendance-issue-admin{scroll-margin-top:92px;margin-bottom:18px}.issue-review-list{display:grid;gap:13px}.issue-review-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.issue-review-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;background:#fcf9fa;border-bottom:1px solid var(--line)}.issue-review-head>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px}.issue-review-head>div .status{grid-row:1/3}.issue-review-head small{color:var(--muted)}.issue-review-body{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:22px;padding:17px 18px}.issue-review-body>div:first-child{padding-right:20px;border-right:1px solid var(--line)}.issue-review-body p{margin:5px 0;color:var(--muted)}.issue-review-body small{display:block;margin-top:5px;color:var(--muted)}
@media(max-width:800px){.issue-review-body{grid-template-columns:1fr}.issue-review-body>div:first-child{padding-right:0;padding-bottom:15px;border-right:0;border-bottom:1px solid var(--line)}.issue-review-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.attendance-issue-form .three-cols{grid-template-columns:1fr}.claimed-times{grid-template-columns:1fr auto 1fr}}
#rincian-tukin{scroll-margin-top:92px}.correction-current{border-left:4px solid var(--blue)}.correction-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.correction-facts span{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbf7f8;color:var(--muted);font-size:11px}.correction-facts strong{color:var(--ink);font-size:14px}.correction-form{gap:16px}.correction-section{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fcf9fa}.correction-section[hidden]{display:none}.correction-section .alert{margin:0}.table-card .button.small{white-space:nowrap}
@media(max-width:800px){.correction-facts{grid-template-columns:1fr 1fr}}@media(max-width:520px){.correction-facts{grid-template-columns:1fr}}
.attendance-legend{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.attendance-code{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:34px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;line-height:1;white-space:nowrap}.attendance-code small{font-size:9px;font-weight:700}.attendance-code.status-default{background:var(--blue-soft);color:var(--blue)}.attendance-code.status-h{background:#def3e7;color:#087a4c;border:1px solid #b9e4cc}.attendance-code.status-a{background:#ffe7e7;color:#b32632;border:1px solid #f3bfc3}.attendance-code.status-c{background:#fff6c7;color:#806000;border:1px solid #ead77a}.attendance-code.status-dl{background:#eee8ff;color:#6542b8;border:1px solid #d8cdf8}.attendance-code.status-pv{background:#ffe8cf;color:#a84f00;border:1px solid #efbd80}.attendance-row.status-h td{background:#fbfefc}.attendance-row.status-a td{background:#fffafa}.attendance-row.status-c td{background:#fffef8}.attendance-row.status-dl td{background:#fdfbff}.attendance-row.status-pv td{background:#fffaf5}.attendance-row.status-h td:first-child{box-shadow:inset 4px 0 #16a36a}.attendance-row.status-a td:first-child{box-shadow:inset 4px 0 #d23b47}.attendance-row.status-c td:first-child{box-shadow:inset 4px 0 #d4ad19}.attendance-row.status-dl td:first-child{box-shadow:inset 4px 0 #7657d6}.attendance-row.status-pv td:first-child{box-shadow:inset 4px 0 #ed7a18}.row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.verify-button{background:#ffe8cf;color:#8f4500;border:1px solid #e7ae6d}.verify-button:hover{background:#ffdbb0}.focused-verification{scroll-margin-top:94px;border:2px solid #ed8b25;box-shadow:0 14px 38px rgba(161,93,16,.16)}
@media(max-width:720px){.table-card .card-head{gap:12px;flex-direction:column}.attendance-legend{justify-content:flex-start}.row-actions{align-items:stretch;flex-direction:column}.row-actions .button{width:100%}}
.attendance-code.status-l{background:#e8eef5;color:#42566d;border:1px solid #c7d2df}.attendance-row.status-l td{background:#f6f8fb}.attendance-row.status-l td:first-child{box-shadow:inset 4px 0 #77899d}
.attendance-code.status-wfh{background:#e2f3ff;color:#12608a;border:1px solid #abd8ef}.attendance-row.status-wfh td{background:#f7fcff}.attendance-row.status-wfh td:first-child{box-shadow:inset 4px 0 #2b91c5}
.admin-dashboard-heading{margin-bottom:18px}.admin-workspace{margin-bottom:20px}.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.workspace-heading h2{margin:3px 0 0;font-size:18px}.workspace-heading>p{font-size:11px;color:var(--muted)}.admin-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.admin-module{display:grid;grid-template-columns:43px 1fr;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.admin-module.primary-module{border-color:#c9869b;background:linear-gradient(145deg,#fff,#fff7f9)}.module-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--blue-soft);color:var(--blue)}.module-icon .ui-icon{width:22px;height:22px}.admin-module h3{margin:0 0 3px;font-size:15px}.admin-module p{margin:0;color:var(--muted);font-size:11px}.module-links{grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px}.module-links .button{padding:8px 11px;font-size:11px}.admin-maintenance{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.admin-maintenance summary{list-style:none;display:flex;align-items:center;gap:11px;padding:14px 17px;cursor:pointer}.admin-maintenance summary::-webkit-details-marker{display:none}.admin-maintenance summary>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f8e9ee;color:var(--blue)}.admin-maintenance summary>div{display:grid;flex:1}.admin-maintenance summary small{color:var(--muted);font-weight:500}.admin-maintenance summary>b{transition:transform .2s}.admin-maintenance[open] summary>b{transform:rotate(180deg)}.maintenance-links{display:flex;gap:8px;flex-wrap:wrap;padding:0 17px 16px;border-top:1px solid var(--line);padding-top:14px}.maintenance-links .button{font-size:11px;padding:8px 11px}@media(max-width:900px){.admin-module-grid{grid-template-columns:1fr}.workspace-heading{align-items:start;flex-direction:column;gap:2px}}@media(max-width:520px){.module-links .button,.maintenance-links .button{flex:1}.workspace-heading>p{display:none}}
.calendar-stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.work-calendar-card{margin-bottom:18px}.calendar-nav,.calendar-legend{display:flex;gap:7px;flex-wrap:wrap}.calendar-legend{margin:-5px 0 17px}.calendar-legend span{padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays strong{text-align:center;padding:7px;color:var(--muted);font-size:10px}.calendar-day{min-height:108px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:5px;overflow:hidden}.calendar-day.blank{visibility:hidden}.calendar-day>div{display:flex;align-items:center;justify-content:space-between}.calendar-day>div>strong{font-size:18px}.calendar-day>div>small{font-size:8px;color:var(--blue);font-weight:800}.calendar-day>span{font-size:10px;font-weight:800;line-height:1.25}.calendar-day>small{font-size:8px;color:var(--muted);line-height:1.25}.calendar-day.today{outline:2px solid var(--blue);outline-offset:1px}.calendar-day.workday,.calendar-legend .workday{background:#eef9f3;color:#087a4c;border-color:#c7e9d6}.calendar-day.weekend,.calendar-legend .weekend{background:#f1f2f4;color:#687381;border-color:#d9dde2}.calendar-day.national_holiday,.calendar-legend .national_holiday{background:#ffe8e8;color:#ae2632;border-color:#f0bec2}.calendar-day.shared_leave,.calendar-legend .shared_leave{background:#fff1da;color:#9a5b00;border-color:#efcf97}.calendar-day.regional_holiday,.calendar-legend .regional_holiday{background:#eee8ff;color:#6542b8;border-color:#d8cdf8}.calendar-day.office_holiday,.calendar-legend .office_holiday{background:#f9e8ef;color:#8f2446;border-color:#e8bdcb}.calendar-day.workday_override,.calendar-legend .workday_override{background:#ddf3ff;color:#126389;border-color:#add9ec}.calendar-document{margin-top:auto;font-size:9px;font-weight:800;text-decoration:underline}.calendar-admin-grid{margin-bottom:18px}.status.calendar-type{border:1px solid var(--line)}
@media(max-width:800px){.calendar-stats{grid-template-columns:1fr}.calendar-weekdays,.calendar-days{gap:4px}.calendar-day{min-height:82px;padding:7px}.calendar-day>span{font-size:8px}.calendar-day>small,.calendar-document{display:none}.work-calendar-card{padding:14px}.work-calendar-card .card-head{flex-direction:column;gap:10px}}@media(max-width:520px){.calendar-day{min-height:54px}.calendar-day>span{display:none}.calendar-day>div>strong{font-size:14px}.calendar-weekdays strong{font-size:8px;padding:3px}}
.dispute-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-left:5px solid var(--orange);background:linear-gradient(145deg,#fff,#fff9f1)}.dispute-callout h2{margin:3px 0}.dispute-callout .eyebrow{color:var(--orange)}.dispute-layout{margin-bottom:18px}.dispute-form-card{border-top:4px solid var(--orange)}.dispute-steps{display:grid;gap:12px;margin:15px 0 0;padding:0;list-style:none;counter-reset:dispute}.dispute-steps li{display:grid;grid-template-columns:28px 1fr;column-gap:10px;counter-increment:dispute}.dispute-steps li:before{content:counter(dispute);grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:850}.dispute-steps strong,.dispute-steps span{display:block}.dispute-steps span{color:var(--muted);font-size:11px}.dispute-history{display:grid;gap:12px}.dispute-history-item{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fcfafb}.dispute-history-item>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px}.dispute-history-item>div:first-child .status{grid-row:1/3}.dispute-history-item small{color:var(--muted)}.dispute-history-item>p{margin:12px 0;color:var(--ink)}.admin-response{margin-top:13px;padding:13px;border-radius:11px;background:#f2f6fb;border-left:4px solid var(--blue)}.admin-response p{margin:4px 0}.dispute-button{border-color:#e3a7b8;color:var(--blue)}.dispute-admin-list{display:grid;gap:15px}.dispute-admin-card{padding:0;overflow:hidden;scroll-margin-top:90px}.dispute-admin-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fcf9fa}.dispute-admin-head>div{display:grid;gap:2px}.dispute-admin-head>div:last-child{text-align:right}.dispute-admin-head h2{margin:2px 0}.dispute-admin-head small{color:var(--muted)}.dispute-admin-body{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(380px,1.1fr);gap:24px;padding:19px 20px}.dispute-admin-body>div:first-child{padding-right:22px;border-right:1px solid var(--line)}.dispute-admin-body p{margin:6px 0 13px}.dispute-tabs{max-width:100%;overflow:auto}.finalization-stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){.finalization-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.dispute-admin-body{grid-template-columns:1fr}.dispute-admin-body>div:first-child{padding-right:0;padding-bottom:17px;border-right:0;border-bottom:1px solid var(--line)}.dispute-callout{align-items:stretch;flex-direction:column}.dispute-callout .button{width:100%}.dispute-admin-head{align-items:flex-start;flex-direction:column}.dispute-admin-head>div:last-child{text-align:left}}@media(max-width:560px){.finalization-stats{grid-template-columns:1fr}.dispute-history-item>div:first-child{grid-template-columns:1fr}.dispute-history-item>div:first-child .status{grid-row:auto;justify-self:start}}
.holiday-monitor-card{display:flex;align-items:center;gap:18px;min-height:170px;border-left:5px solid var(--red);background:linear-gradient(135deg,#fff,#fff5f5)}.holiday-monitor-card>div{flex:1}.holiday-monitor-card h2{margin:4px 0}.holiday-monitor-card .eyebrow{color:var(--red)}
.migration-update-primary{margin-bottom:18px;border-top:4px solid var(--green);background:linear-gradient(145deg,#fff,#f6fcf9)}.migration-update-primary .eyebrow{color:var(--green)}.migration-archive-note{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border:1px solid #c9e8d8;border-radius:12px;background:#eff9f4;color:#087a4c}.migration-archive-note>.ui-icon{flex:0 0 25px;width:25px;height:25px}.migration-archive-note p{margin:2px 0 0;color:#4f7462;font-size:11px}