/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer theme{:root,:host{--tw-color-red-50:oklch(97.1% .013 17.38);--tw-color-red-200:oklch(88.5% .062 18.334);--tw-color-red-300:oklch(80.8% .114 19.571);--tw-color-red-700:oklch(50.5% .213 27.518);--tw-color-red-800:oklch(44.4% .177 26.899);--tw-color-amber-50:oklch(98.7% .022 95.277);--tw-color-amber-200:oklch(92.4% .12 95.746);--tw-color-amber-800:oklch(47.3% .137 46.201);--tw-color-amber-900:oklch(41.4% .112 45.904);--tw-color-emerald-50:oklch(97.9% .021 166.113);--tw-color-emerald-200:oklch(90.5% .093 164.15);--tw-color-emerald-300:oklch(84.5% .143 164.978);--tw-color-emerald-800:oklch(43.2% .095 166.913);--tw-color-blue-50:oklch(97% .014 254.604);--tw-color-blue-200:oklch(88.2% .059 254.128);--tw-color-blue-800:oklch(42.4% .199 265.638);--tw-color-slate-50:oklch(98.4% .003 247.858);--tw-color-slate-100:oklch(96.8% .007 247.896);--tw-color-slate-200:oklch(92.9% .013 255.508);--tw-color-slate-300:oklch(86.9% .022 252.894);--tw-color-slate-600:oklch(44.6% .043 257.281);--tw-color-slate-700:oklch(37.2% .044 257.287);--tw-color-white:#fff;--tw-spacing:.25rem;--tw-container-lg:32rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:calc(1 / .75);--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-xl:1.25rem;--tw-text-xl--line-height:calc(1.75 / 1.25);--tw-font-weight-normal:400;--tw-font-weight-semibold:600;--tw-radius-md:.375rem;--tw-radius-lg:.5rem;--tw-radius-xl:.75rem;--tw-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--tw-default-transition-duration:.15s;--tw-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--tw-color-brand-50:#f8edf1;--tw-color-brand-600:#77263e;--tw-color-brand-700:#5f1d31;--tw-color-page:#e9edf2;--tw-color-ink:#22262e;--tw-color-muted:#667085;--tw-color-line:#e6e8ec}}@layer legacy{:root{--navy:#14243a;--blue:#246bfe;--blue-soft:#eaf1ff;--green:#16a36a;--red:#e24b4b;--orange:#ed8b25;--purple:#7657d6;--ink:#1f2937;--muted:#6b7280;--line:#e7eaf0;--bg:#f5f7fb;--white:#fff;--shadow:0 10px 30px #14243a12}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.topbar{background:var(--white);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:28px;height:76px;padding:0 max(24px,50% - 610px);display:flex;position:sticky;top:0}.brand{color:var(--navy);white-space:nowrap;align-items:center;gap:11px;font-size:21px;font-weight:800;display:flex}.brand small{color:var(--muted);letter-spacing:.35px;font-size:9px;font-weight:600;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#195ad5,#2d8aff);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 7px 15px #246bfe40}nav{align-self:stretch;gap:3px;display:flex}nav a{color:var(--muted);border-bottom:3px solid #0000;align-items:center;padding:0 10px;font-weight:650;display:flex}nav a:hover,nav a.active{color:var(--blue);border-bottom-color:var(--blue)}.profile{align-items:center;gap:10px;margin-left:auto;font-weight:700;display:flex}.profile>span{background:var(--blue-soft);color:var(--blue);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.profile small{color:var(--muted);font-size:11px;font-weight:500;display:block}.menu-button{display:none}.container{width:min(1220px,100% - 40px);margin:34px auto 60px}.welcome,.page-heading{color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#152b47,#1f4774);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:28px 34px;display:flex;position:relative;overflow:hidden}.welcome:after,.page-heading:after{content:"";border:60px solid #ffffff09;border-radius:50%;width:260px;height:260px;position:absolute;right:140px}.welcome h1,.page-heading h1{margin:4px 0;font-size:27px}.welcome p,.page-heading p{color:#c9d8ea;margin:0}.eyebrow{letter-spacing:1.6px;color:#90baff;font-size:10px;font-weight:800}.live-time{z-index:1;align-items:baseline;gap:8px;display:flex}.live-time strong{font-size:35px}.live-time span{color:#a9c4e2;font-size:12px}.grid{gap:18px;display:grid}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.stat .icon{border-radius:13px;place-items:center;width:44px;height:44px;font-size:17px;font-weight:800;display:grid}.icon.green{color:var(--green);background:#e7f8f1}.icon.orange{color:var(--orange);background:#fff2e5}.icon.blue{background:var(--blue-soft);color:var(--blue)}.icon.purple{color:var(--purple);background:#f0ecff}.stat small{color:var(--muted);font-size:11px;display:block}.stat strong{margin-top:2px;font-size:19px;display:block}.main-grid{grid-template-columns:1.2fr 1fr;margin-bottom:18px}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:22px}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card h2{margin:0 0 3px;font-size:16px}.card p{color:var(--muted);margin:0}.status,.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.attendance-times{text-align:center;background:#f7f9fc;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:17px;padding:23px;display:grid}.attendance-times small{color:var(--muted);font-size:10px;font-weight:700;display:block}.attendance-times strong{color:var(--navy);font-size:32px}.attendance-times>span{color:#aab2be}.button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:750;display:inline-block}.button.primary{background:var(--blue);color:#fff}.button.secondary{color:var(--blue);background:#fff;border:1px solid #cbdafe}.button.danger{background:var(--red);color:#fff}.button.muted{color:#8a93a1;background:#edf0f4}.button.full{width:100%}.button.small{padding:7px 10px;font-size:11px}.quick-links{gap:5px;display:grid}.quick-links a{border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:8px 10px;display:flex}.quick-links a:hover{border-color:var(--line);background:#f6f8fc}.quick-links a>span{background:var(--blue-soft);width:37px;height:37px;color:var(--blue);border-radius:10px;place-items:center;font-size:14px;font-weight:800;display:grid}.quick-links a>div{flex:1}.quick-links strong,.quick-links small{display:block}.quick-links small{color:var(--muted);font-size:11px}.table-card{margin-top:18px;padding-bottom:10px}.text-link{color:var(--blue);font-size:12px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:670px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);padding:10px;font-size:10px}td{vertical-align:top;border-bottom:1px solid #eff1f4;padding:13px 10px}.badge{background:var(--blue-soft);color:var(--blue)}.empty{text-align:center;color:var(--muted);padding:30px}.block{color:var(--muted);margin-top:3px;font-weight:400;display:block}.tabs{border:1px solid var(--line);background:#fff;border-radius:12px;gap:5px;width:max-content;margin:0 0 18px;padding:6px;display:flex}.tabs a{color:var(--muted);border-radius:8px;padding:8px 17px;font-weight:700}.tabs a.active{background:var(--blue);color:#fff}.form-grid{grid-template-columns:1.5fr .8fr;align-items:start}.form{gap:15px;display:grid}.form label,.setting-card label{gap:6px;font-size:12px;font-weight:700;display:grid}.form input,.form select,.form textarea,.inline-form input,.setting-card input{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #dce0e7;border-radius:9px;outline:none;padding:10px 12px}.form input:focus,.form select:focus,.form textarea:focus,.inline-form input:focus,.setting-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.two-cols{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form .button{justify-self:start}.info-card{background:linear-gradient(160deg,#f7faff,#fff)}.big-icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:13px;place-items:center;font-size:22px;font-weight:800;display:grid}.info-card h2{margin-top:16px}.info-card ul{color:var(--muted);padding-left:18px}.info-card li{margin:8px 0}.leave-stats{grid-template-columns:1fr 1fr 1fr;margin-bottom:18px}.leave-balance{color:#fff;background:linear-gradient(135deg,#246bfe,#1755cf);justify-content:space-between;align-items:center;display:flex}.leave-balance small,.leave-balance span{color:#d7e4ff;display:block}.leave-balance strong{font-size:42px}.leave-balance .big-icon{color:#fff;background:#ffffff26}.leave-info{border-left:4px solid var(--blue)}.inline-form{grid-template-columns:1fr auto auto;gap:5px;min-width:330px;display:grid}.alert{border-radius:11px;margin-bottom:16px;padding:12px 15px;font-weight:650}.alert.success{color:#087a4c;background:#e6f8f0}.alert.error{color:#b52c2c;background:#ffebeb}.period-filter{z-index:1;gap:8px;display:flex}.period-filter input{font:inherit;border:0;border-radius:9px;padding:10px}.finance-stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.finance-card{border-top:4px solid var(--blue)}.finance-card.red{border-top-color:var(--red)}.finance-card.green{border-top-color:var(--green)}.finance-card small,.finance-card span{color:var(--muted);display:block}.finance-card strong{margin:6px 0;font-size:21px;display:block}.calculation-list{display:grid}.calculation-list>div{border-bottom:1px solid #eef0f4;justify-content:space-between;gap:20px;padding:11px 0;display:flex}.calculation-list span{color:var(--muted)}.mini-agendas{gap:8px;display:grid}.mini-agendas a{background:#f7f9fc;border-radius:10px;align-items:center;gap:12px;padding:9px;display:flex}.mini-agendas a>span{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:43px;height:43px;font-weight:800;display:grid}.mini-agendas a>span small{font-size:8px;display:block}.mini-agendas a>div{display:grid}.mini-agendas small{color:var(--muted)}.agenda-list{gap:12px;display:grid}.agenda-item{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:13px;align-items:center;gap:17px;padding:16px;display:flex}.agenda-item.penting{border-left-color:var(--orange)}.agenda-item.mendesak{border-left-color:var(--red)}.agenda-date{text-align:center;background:#f2f5fa;border-radius:10px;width:54px;padding:7px}.agenda-date strong,.agenda-date span{display:block}.agenda-date strong{font-size:22px}.agenda-date span{color:var(--muted);font-size:9px}.agenda-content{flex:1}.agenda-content h3{margin:6px 0 1px}.agenda-content p{margin:0}.agenda-actions{gap:5px;display:flex}.admin-actions{gap:9px;margin:-5px 0 18px;display:flex}.settings-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.setting-card{border:1px solid var(--line);background:#f8f9fc;border-radius:12px;gap:10px;padding:14px;display:grid}.setting-card .button{justify-self:start}footer{text-align:center;color:#9aa1ac;padding:20px;font-size:11px}.login-page{background:linear-gradient(120deg,#12253f 0,#1b4572 50%,#f4f7fb 50% 100%);place-items:center;min-height:100vh;padding:30px;display:grid}.login-panel{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;width:min(1000px,100%);display:grid}.login-copy{color:#fff}.brand.large{color:#fff;margin-bottom:60px}.login-copy h1{max-width:600px;margin:0 0 20px;font-size:42px;line-height:1.14}.login-copy>p{color:#bdd0e5;max-width:560px;font-size:16px}.feature-list{color:#dfeeff;gap:20px;margin-top:30px;font-size:12px;display:flex}.login-card{background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 70px #05142833}.login-card h2{margin:0;font-size:24px}.login-card>p{color:var(--muted);margin:3px 0 22px}.login-card form{gap:15px;display:grid}.login-card label{gap:6px;font-size:12px;font-weight:700;display:grid}.login-card input{font:inherit;border:1px solid #dce0e7;border-radius:9px;padding:12px}.demo{color:var(--muted);background:#f6f8fc;border-radius:10px;margin-top:20px;padding:11px;font-size:10px}.demo strong,.demo span{display:block}.demo strong{color:var(--ink);margin-bottom:3px}@media (max-width:1000px){.topbar{padding:0 20px}.menu-button{background:#edf2f8;border:0;border-radius:8px;margin-left:auto;padding:8px;display:block}.topbar nav{height:auto;box-shadow:var(--shadow);background:#fff;padding:10px 20px;display:none;position:absolute;top:76px;left:0;right:0}.menu-open nav{display:grid}.topbar nav a{border-bottom:0;padding:10px}.profile{margin-left:0}.profile div{display:none}.stats,.finance-stats{grid-template-columns:1fr 1fr}.main-grid,.form-grid,.leave-stats{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.login-page{background:#17395f}.login-panel{grid-template-columns:1fr;gap:25px;max-width:520px}.login-copy h1,.login-copy>p,.feature-list{display:none}.brand.large{margin:0}.welcome:after{display:none}}@media (max-width:560px){.container{width:min(100% - 24px,1220px);margin-top:18px}.welcome,.page-heading{padding:22px;display:block}.welcome h1,.page-heading h1{font-size:21px}.live-time{display:none}.stats,.finance-stats,.settings-grid,.two-cols{grid-template-columns:1fr}.tabs{width:100%;overflow:auto}.login-card{padding:24px}.inline-form{grid-template-columns:1fr 1fr;min-width:260px}.inline-form input{grid-column:1/-1}.period-filter{margin-top:15px}.agenda-item{flex-wrap:wrap;align-items:flex-start}.agenda-content{min-width:calc(100% - 80px)}.agenda-actions{width:100%;margin-left:70px}.admin-actions{display:grid}}.finance-stats{grid-template-columns:repeat(3,1fr)}.finance-card.orange{border-top-color:var(--orange)}.finance-card.purple{border-top-color:var(--purple)}@media (max-width:1000px){.finance-stats{grid-template-columns:1fr 1fr}}@media (max-width:560px){.finance-stats{grid-template-columns:1fr}}:root{--navy:#421225;--blue:#7b1e3a;--blue-soft:#f8e9ee;--green:#16845d;--red:#c63f4d;--orange:#c97828;--purple:#943455;--ink:#2f2026;--muted:#75666c;--line:#eadde1;--bg:#faf6f7;--shadow:0 10px 30px #5b182d17}.welcome,.page-heading{background:linear-gradient(120deg,#4a1023,#7b1e3a)}.welcome p,.page-heading p{color:#ecd4dc}.eyebrow{color:#f0b5c8}.live-time span{color:#e5becb}.leave-balance{background:linear-gradient(135deg,#68172f,#98334f)}.leave-balance small,.leave-balance span{color:#f4dce4}.brand.large small{color:#e7c3cf}.feature-list{color:#f8e8ed}@media (max-width:1000px){.login-page{background:#5d142c}}.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{background:#fff7e8;border:1px solid #f4d59d;border-radius:11px;grid-template-columns:1fr auto;gap:2px 15px;margin:-5px 0 15px;padding:11px 13px;display:grid}.compensation-note span{color:#8b5b09;font-weight:700}.compensation-note strong{color:#8b5b09}.compensation-note small{color:#9b6f26;grid-column:1/-1}.alert.warning{color:#a46014;background:#fff3e4}.profile-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.profile-form{gap:18px}.profile-heading-avatar{z-index:1;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:68px;height:68px;font-size:28px;font-weight:800;display:grid}.profile-readonly{grid-template-columns:1fr 1fr;gap:12px;display:grid}.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);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.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{margin:2px 0 12px;font-size:12px}.three-cols{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.profile-actions{flex-wrap:wrap;gap:9px;display:flex}.profile-help{border-top:4px solid var(--blue)}.profile-help h2{margin:14px 0 5px}.profile-help ul{color:var(--muted);padding-left:18px}.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]{color:#74656b;cursor:not-allowed;background:#f5eff1}@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{text-align:center;width:100%}}.recap-order-grid{gap:9px;display:grid}.recap-order-card{border:1px solid var(--line);background:#fbf7f8;border-radius:12px;grid-template-columns:85px minmax(190px,1.1fr) minmax(230px,1.4fr) 130px auto;align-items:end;gap:10px;padding:12px;display:grid}.recap-order-card label{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.recap-order-card input,.recap-order-card select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dccbd1;border-radius:8px;padding:9px 10px}.recap-order-card input:focus,.recap-order-card select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.recap-order-card .button{white-space:nowrap}.order-field input{text-align:center;color:var(--blue);font-weight:800}@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%;font:inherit;color:var(--ink);background:#fff;border:1px solid #dce0e7;border-radius:9px;outline:none;padding:10px 12px}.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{background:#fbf7f8;border:1px dashed #c9a9b4;border-radius:12px;min-height:72px;padding:15px}.fingerprint-summary{gap:5px;display:grid}.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{gap:12px;display:grid}.cleanup-option{background:#fff;border:1px solid #ead7dc;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.cleanup-option input{accent-color:#7a1732;width:20px;height:20px}.cleanup-option span{gap:4px;display:grid}.cleanup-option small{color:#6b5b60;line-height:1.45}.cleanup-option b{color:#7a1732;white-space:nowrap}.protected-data{background:#f7f2f3;border-left:4px solid #7a1732;border-radius:12px;padding:16px;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{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.migration-breakdown>div{background:#fbf7f8;border:1px solid #ead7dc;border-radius:12px;gap:5px;padding:14px;display:grid}.migration-breakdown span{color:var(--muted);font-size:12px}.migration-breakdown strong{color:var(--blue)}.migration-rules{color:var(--muted);padding-left:20px;line-height:1.55}.migration-confirm{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.unmapped-list{gap:10px;display:grid}.unmapped-list>div{background:#fff;border:1px solid #ead7dc;border-radius:10px;gap:3px;padding:11px;display:grid}.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{flex:none;width:20px;height:20px;display:block}.topbar nav a{gap:6px}.button{justify-content:center;align-items:center;gap:7px;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #5b182d21}.button .ui-icon{width:17px;height:17px}.button-count{background:var(--orange);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:grid}.stat{transition:transform .18s,box-shadow .18s}.stat:hover{transform:translateY(-2px);box-shadow:0 14px 36px #5b182d21}.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{background:linear-gradient(145deg,#fff8fa,#f8e9ee);border:1px solid #ddb8c4;border-radius:14px;gap:14px;padding:17px;display:grid}.travel-document-title{gap:2px;display:grid}.travel-document-title strong{color:var(--blue)}.travel-document-title small{color:var(--muted)}.policy-strip{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 18px;display:grid;overflow:hidden}.policy-strip>div{background:#fff;gap:3px;padding:15px 18px;display:grid}.policy-strip strong{color:var(--blue)}.policy-strip span{color:var(--muted);font-size:12px}.verification-list{gap:15px;display:grid}.verification-card{padding:0;overflow:hidden}.verification-heading{border-bottom:1px solid var(--line);background:#fcf9fa;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;display:flex}.verification-heading h2{margin:8px 0 1px;font-size:18px}.verification-heading p{font-size:12px}.scan-chip{border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:750;display:flex}.scan-chip .ui-icon{width:18px;height:18px}.scan-chip.has-scan{color:var(--green);background:#e7f8f1}.scan-chip.no-scan{color:var(--orange);background:#fff3e4}.verification-body{grid-template-columns:minmax(250px,.7fr) minmax(430px,1.3fr);gap:24px;padding:20px 22px;display:grid}.activity-summary{border-right:1px solid var(--line);padding-right:22px}.activity-summary p{margin:7px 0 12px;line-height:1.6}.activity-summary small{color:var(--muted)}.document-form{gap:12px}.verification-footer{border-top:1px solid var(--line);background:#fbf7f8;justify-content:space-between;align-items:center;gap:15px;padding:14px 22px;display:flex}.decision-preview{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.decision-preview span{color:var(--muted)}.verification-actions{flex-wrap:wrap;gap:7px;display:flex}.action-alert{justify-content:space-between;align-items:center;gap:15px;display:flex}.action-alert div{display:grid}.action-alert span{font-weight:500}.progress-overview{margin-bottom:18px}.progress-caption{color:var(--muted);background:#f8e9ee;border-radius:20px;padding:7px 11px;font-size:11px}.progress-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.progress-item{border:1px solid var(--line);background:#fcf9fa;border-radius:14px;align-items:center;gap:16px;padding:14px;display:flex}.progress-item>div:last-child{gap:3px;display:grid}.progress-item small{color:var(--muted)}.metric-ring{--value:0;background:conic-gradient(var(--green) calc(var(--value)*1%),#efe6e9 0);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.metric-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.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,.verification-body{grid-template-columns:1fr}.activity-summary{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px;padding-right:0}}@media (max-width:650px){.verification-heading,.verification-footer,.action-alert{flex-direction:column;align-items:stretch}.verification-body{padding:17px}.verification-actions .button{flex:1}.progress-grid{grid-template-columns:1fr}.verification-tabs{width:100%;overflow:auto}}.workflow-list{counter-reset:workflow;gap:14px;list-style:none;display:grid;padding:0!important}.workflow-list li{counter-increment:workflow;gap:2px;min-height:34px;padding-left:42px;display:grid;position:relative}.workflow-list li:before{content:counter(workflow);background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid;position:absolute;top:0;left:0}.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{border-bottom:1px solid var(--line);background:#fcf9fa;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.leave-review-head h2{margin:7px 0 0;font-size:18px}.leave-review-head p{font-size:12px}.source-chip{background:var(--blue-soft);color:var(--blue);border-radius:20px;padding:7px 11px;font-size:11px;font-weight:750}.leave-review-body{grid-template-columns:.7fr 1.3fr;gap:24px;padding:20px 22px;display:grid}.leave-review-body>div:first-child{border-right:1px solid var(--line);padding-right:22px}.leave-review-body p{color:var(--muted)}.evidence-state{border-radius:20px;padding:7px 11px;font-size:12px;font-weight:750}.evidence-state.complete{color:var(--green);background:#e7f8f1}.evidence-state.incomplete{color:var(--orange);background:#fff3e4}@media (max-width:850px){.leave-review-body{grid-template-columns:1fr}.leave-review-body>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px;padding-right:0}}@media (max-width:600px){.leave-review-head{flex-direction:column;align-items:flex-start}.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{background:linear-gradient(135deg,#fff,#fbf3f6);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.examiner-summary>div{align-items:center;gap:13px;display:flex}.summary-icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:13px;place-items:center;display:grid}.summary-icon .ui-icon{width:23px;height:23px}.examiner-summary p{margin:2px 0 0}.live-badge{color:var(--green);background:#edf9f2;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:750;display:inline-flex}.live-badge i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #16845d1f}.examiner-table td{vertical-align:middle}.arrival-rank{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.arrival-rank.empty-rank{color:var(--muted);background:#eee6e9}.time-value{color:var(--navy);font-variant-numeric:tabular-nums}.muted-time{color:var(--muted);font-size:12px;font-weight:600}.report-check{border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:3px;display:grid}.report-check .ui-icon{width:19px;height:19px}.report-check.complete{color:var(--green);background:#def3e7;box-shadow:0 0 0 4px #16845d14}.report-check.pending{color:var(--orange);background:#fff0dc}.report-label{color:var(--muted);white-space:nowrap;font-size:10px;display:block}.not-arrived{background:#fcf9fa}.not-arrived td{color:#82747a}@media (max-width:700px){.examiner-summary{flex-direction:column;align-items:stretch}.examiner-summary .button{width:100%}.examiner-heading .period-filter{grid-template-columns:1fr auto;display:grid}}.stat strong small{color:var(--muted);font-size:11px;font-weight:600;display:inline}.monitor-insights{grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:18px;margin-bottom:18px;display:grid}.attendance-chart-card{background:linear-gradient(145deg,#fff,#fbf3f6);justify-content:space-between;align-items:center;gap:20px;display:flex}.chart-copy h2{margin:4px 0}.chart-copy p{max-width:280px}.chart-copy .eyebrow{color:var(--blue)}.chart-fraction{align-items:baseline;gap:7px;margin-top:17px;display:flex}.chart-fraction strong{color:var(--blue);font-size:26px}.chart-fraction span{color:var(--muted);font-size:11px}.attendance-ring{--value:0;background:conic-gradient(var(--green) calc(var(--value)*1%),#eee5e8 0);border-radius:50%;flex:0 0 136px;place-items:center;width:136px;height:136px;display:grid;position:relative}.attendance-ring:before{content:"";box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:50%;position:absolute;inset:13px}.attendance-ring>div{z-index:1;text-align:center;position:relative}.attendance-ring strong,.attendance-ring small{display:block}.attendance-ring strong{color:var(--green);font-size:27px}.attendance-ring small{color:var(--muted);font-size:10px;font-weight:700}.completion-chart-card .card-head{margin-bottom:15px}.performance-average{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:20px;align-self:flex-start;padding:6px 10px;font-size:10px;font-weight:800}.completion-bars{gap:13px;display:grid}.completion-bars>div>div{justify-content:space-between;gap:15px;margin-bottom:5px;font-size:11px;display:flex}.completion-bars span{color:var(--muted)}.completion-bars strong{color:var(--navy)}.chart-track,.score-track{background:#eee7e9;border-radius:999px;height:8px;display:block;overflow:hidden}.chart-track i,.score-track i{border-radius:inherit;min-width:0;height:100%;transition:width .35s;display:block}.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{border-left:4px solid var(--blue);grid-template-columns:44px 1fr auto;align-items:center;gap:14px;margin-bottom:18px;display:grid}.guide-icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:12px;place-items:center;display:grid}.performance-guide p{margin-top:2px;font-size:12px}.guide-legend{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.guide-legend span{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:750}.dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.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{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.employee-score>div>strong{color:var(--blue);font-size:15px}.employee-score small{color:var(--muted);white-space:nowrap;margin-top:5px;font-size:9px;display:block}.score-label{color:var(--muted);white-space:nowrap;background:#f1ecee;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:800}.score-100{color:var(--green);background:#def3e7}.score-75{color:var(--purple);background:#eae4fa}.score-50{color:var(--orange);background:#fff0dc}@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{flex-direction:column;align-items:stretch}.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{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50% - 610px);display:flex;position:sticky;top:0}.public-topbar .button{align-items:center;gap:7px;display:inline-flex}.public-monitor-button{color:var(--blue);background:#fff;margin-top:24px}.monitor-login-button{box-shadow:0 8px 20px #5b182d29}.admin-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px;display:grid}.admin-actions .button{text-align:left;white-space:normal;border-radius:13px;justify-content:flex-start;min-height:68px;padding:14px 16px;line-height:1.4}.admin-actions .button .ui-icon{width:21px;height:21px}.admin-actions .button-count{flex:none;margin-left:auto}.admin-actions .button.primary{box-shadow:0 8px 20px #5b182d21}@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{border-left:5px solid var(--green);align-items:center;gap:16px;margin-bottom:18px;display:flex}.payment-readiness.pending{border-left-color:var(--orange)}.payment-readiness .readiness-icon{width:50px;height:50px;color:var(--green);background:#def3e7;border-radius:15px;flex:0 0 50px;place-items:center;display:grid}.payment-readiness.pending .readiness-icon{color:var(--orange);background:#fff0dc}.payment-readiness h2{margin:2px 0 4px}.payment-readiness .eyebrow{color:var(--green)}.payment-readiness.pending .eyebrow{color:var(--orange)}.payment-documents{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.document-button{border:1px solid var(--line);background:#fcfafb;border-radius:13px;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;padding:14px;display:grid}.document-button:hover{border-color:var(--blue);background:var(--blue-soft)}.document-button>span{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:12px;grid-row:1/3;place-items:center;display:grid}.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{border:1px solid var(--line);background:#fbf7f8;border-radius:12px;align-items:center;gap:12px;margin:0 0 13px;padding:12px 14px;display:flex}.fingerprint-source>span{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:11px;place-items:center;display:grid}.fingerprint-source strong,.fingerprint-source small{display:block}.fingerprint-source small{color:var(--muted);font-size:10px}.attendance-issue-form{border-left:4px solid var(--orange);margin-bottom:18px;scroll-margin-top:92px}.attendance-issue-form select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #dce0e7;border-radius:9px;outline:none;padding:10px 12px}.claimed-times{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.claimed-times span{color:var(--muted)}#riwayat-masalah{scroll-margin-top:92px}.attendance-issue-admin{margin-bottom:18px;scroll-margin-top:92px}.issue-review-list{gap:13px;display:grid}.issue-review-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.issue-review-head{border-bottom:1px solid var(--line);background:#fcf9fa;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.issue-review-head>div{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;display:grid}.issue-review-head>div .status{grid-row:1/3}.issue-review-head small{color:var(--muted)}.issue-review-body{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:22px;padding:17px 18px;display:grid}.issue-review-body>div:first-child{border-right:1px solid var(--line);padding-right:20px}.issue-review-body p{color:var(--muted);margin:5px 0}.issue-review-body small{color:var(--muted);margin-top:5px;display:block}@media (max-width:800px){.issue-review-body{grid-template-columns:1fr}.issue-review-body>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px;padding-right:0}.issue-review-head{flex-direction:column;align-items:flex-start}}@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{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.correction-facts span{border:1px solid var(--line);color:var(--muted);background:#fbf7f8;border-radius:11px;gap:4px;padding:12px;font-size:11px;display:grid}.correction-facts strong{color:var(--ink);font-size:14px}.correction-form{gap:16px}.correction-section{border:1px solid var(--line);background:#fcf9fa;border-radius:13px;gap:14px;padding:16px;display:grid}.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{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.attendance-code{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:34px;padding:6px 9px;font-size:10px;font-weight:850;line-height:1;display:inline-flex}.attendance-code small{font-size:9px;font-weight:700}.attendance-code.status-default{background:var(--blue-soft);color:var(--blue)}.attendance-code.status-h{color:#087a4c;background:#def3e7;border:1px solid #b9e4cc}.attendance-code.status-a{color:#b32632;background:#ffe7e7;border:1px solid #f3bfc3}.attendance-code.status-c{color:#806000;background:#fff6c7;border:1px solid #ead77a}.attendance-code.status-dl{color:#6542b8;background:#eee8ff;border:1px solid #d8cdf8}.attendance-code.status-pv{color:#a84f00;background:#ffe8cf;border:1px solid #efbd80}.attendance-row.status-h td{background:#fbfefc}.attendance-row.status-a td{background:snow}.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{white-space:nowrap;align-items:center;gap:7px;display:flex}.verify-button{color:#8f4500;background:#ffe8cf;border:1px solid #e7ae6d}.verify-button:hover{background:#ffdbb0}.focused-verification{border:2px solid #ed8b25;scroll-margin-top:94px;box-shadow:0 14px 38px #a15d1029}@media (max-width:720px){.table-card .card-head{flex-direction:column;gap:12px}.attendance-legend{justify-content:flex-start}.row-actions{flex-direction:column;align-items:stretch}.row-actions .button{width:100%}}.attendance-code.status-l{color:#42566d;background:#e8eef5;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{color:#12608a;background:#e2f3ff;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}.workspace-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px;display:flex}.workspace-heading h2{margin:3px 0 0;font-size:18px}.workspace-heading>p{color:var(--muted);font-size:11px}.admin-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.admin-module{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:43px 1fr;gap:12px;padding:18px;display:grid}.admin-module.primary-module{background:linear-gradient(145deg,#fff,#fff7f9);border-color:#c9869b}.module-icon{background:var(--blue-soft);width:43px;height:43px;color:var(--blue);border-radius:12px;place-items:center;display:grid}.module-icon .ui-icon{width:22px;height:22px}.admin-module h3{margin:0 0 3px;font-size:15px}.admin-module p{color:var(--muted);margin:0;font-size:11px}.module-links{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:7px;margin-top:3px;display:flex}.module-links .button{padding:8px 11px;font-size:11px}.admin-maintenance{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-top:12px;overflow:hidden}.admin-maintenance summary{cursor:pointer;align-items:center;gap:11px;padding:14px 17px;list-style:none;display:flex}.admin-maintenance summary::-webkit-details-marker{display:none}.admin-maintenance summary>span{width:35px;height:35px;color:var(--blue);background:#f8e9ee;border-radius:10px;place-items:center;display:grid}.admin-maintenance summary>div{flex:1;display:grid}.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{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px 17px 16px;display:flex}.maintenance-links .button{padding:8px 11px;font-size:11px}@media (max-width:900px){.admin-module-grid{grid-template-columns:1fr}.workspace-heading{flex-direction:column;align-items:start;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{flex-wrap:wrap;gap:7px;display:flex}.calendar-legend{margin:-5px 0 17px}.calendar-legend span{border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays strong{text-align:center;color:var(--muted);padding:7px;font-size:10px}.calendar-day{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:5px;min-height:108px;padding:10px;display:flex;overflow:hidden}.calendar-day.blank{visibility:hidden}.calendar-day>div{justify-content:space-between;align-items:center;display:flex}.calendar-day>div>strong{font-size:18px}.calendar-day>div>small{color:var(--blue);font-size:8px;font-weight:800}.calendar-day>span{font-size:10px;font-weight:800;line-height:1.25}.calendar-day>small{color:var(--muted);font-size:8px;line-height:1.25}.calendar-day.today{outline:2px solid var(--blue);outline-offset:1px}.calendar-day.workday,.calendar-legend .workday{color:#087a4c;background:#eef9f3;border-color:#c7e9d6}.calendar-day.weekend,.calendar-legend .weekend{color:#687381;background:#f1f2f4;border-color:#d9dde2}.calendar-day.national_holiday,.calendar-legend .national_holiday{color:#ae2632;background:#ffe8e8;border-color:#f0bec2}.calendar-day.shared_leave,.calendar-legend .shared_leave{color:#9a5b00;background:#fff1da;border-color:#efcf97}.calendar-day.regional_holiday,.calendar-legend .regional_holiday{color:#6542b8;background:#eee8ff;border-color:#d8cdf8}.calendar-day.office_holiday,.calendar-legend .office_holiday{color:#8f2446;background:#f9e8ef;border-color:#e8bdcb}.calendar-day.workday_override,.calendar-legend .workday_override{color:#126389;background:#ddf3ff;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{padding:3px;font-size:8px}}.dispute-callout{border-left:5px solid var(--orange);background:linear-gradient(145deg,#fff,#fff9f1);justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.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{counter-reset:dispute;gap:12px;margin:15px 0 0;padding:0;list-style:none;display:grid}.dispute-steps li{counter-increment:dispute;grid-template-columns:28px 1fr;column-gap:10px;display:grid}.dispute-steps li:before{content:counter(dispute);background:var(--blue-soft);width:28px;height:28px;color:var(--blue);border-radius:50%;grid-row:1/3;place-items:center;font-weight:850;display:grid}.dispute-steps strong,.dispute-steps span{display:block}.dispute-steps span{color:var(--muted);font-size:11px}.dispute-history{gap:12px;display:grid}.dispute-history-item{border:1px solid var(--line);background:#fcfafb;border-radius:13px;padding:17px}.dispute-history-item>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;display:grid}.dispute-history-item>div:first-child .status{grid-row:1/3}.dispute-history-item small{color:var(--muted)}.dispute-history-item>p{color:var(--ink);margin:12px 0}.admin-response{border-left:4px solid var(--blue);background:#f2f6fb;border-radius:11px;margin-top:13px;padding:13px}.admin-response p{margin:4px 0}.dispute-button{color:var(--blue);border-color:#e3a7b8}.dispute-admin-list{gap:15px;display:grid}.dispute-admin-card{padding:0;scroll-margin-top:90px;overflow:hidden}.dispute-admin-head{border-bottom:1px solid var(--line);background:#fcf9fa;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.dispute-admin-head>div{gap:2px;display:grid}.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{grid-template-columns:minmax(280px,.9fr) minmax(380px,1.1fr);gap:24px;padding:19px 20px;display:grid}.dispute-admin-body>div:first-child{border-right:1px solid var(--line);padding-right:22px}.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{border-right:0;border-bottom:1px solid var(--line);padding-bottom:17px;padding-right:0}.dispute-callout{flex-direction:column;align-items:stretch}.dispute-callout .button{width:100%}.dispute-admin-head{flex-direction:column;align-items:flex-start}.dispute-admin-head>div:last-child{text-align:left}}@media (max-width:560px){.finalization-stats,.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{border-left:5px solid var(--red);background:linear-gradient(135deg,#fff,#fff5f5);align-items:center;gap:18px;min-height:170px;display:flex}.holiday-monitor-card>div{flex:1}.holiday-monitor-card h2{margin:4px 0}.holiday-monitor-card .eyebrow{color:var(--red)}.migration-update-primary{border-top:4px solid var(--green);background:linear-gradient(145deg,#fff,#f6fcf9);margin-bottom:18px}.migration-update-primary .eyebrow{color:var(--green)}.migration-archive-note{color:#087a4c;background:#eff9f4;border:1px solid #c9e8d8;border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.migration-archive-note>.ui-icon{flex:0 0 25px;width:25px;height:25px}.migration-archive-note p{color:#4f7462;margin:2px 0 0;font-size:11px}.reminder-stack{gap:10px;margin:0 0 20px;display:grid}.dashboard-reminder{border:1px solid;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.dashboard-reminder>span{border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.dashboard-reminder strong{margin-bottom:2px;display:block}.dashboard-reminder p{margin:0;font-size:13px;line-height:1.45}.dashboard-reminder.danger{color:#9c2929;background:#fff0f0;border-color:#f1bcbc}.dashboard-reminder.danger>span{background:#ffdada}.dashboard-reminder.warning{color:#81540b;background:#fff8e9;border-color:#efd39a}.dashboard-reminder.warning>span{background:#ffeac0}.dashboard-reminder.success{color:#226b40;background:#edf9f2;border-color:#b7dfc7}.dashboard-reminder.success>span{background:#d5f0df}.dashboard-reminder.info{color:#711832;background:#f8e9ee;border-color:#ddb8c4}.dashboard-reminder.info>span{background:#efd5de}.dashboard-reminder .ui-icon{width:18px;height:18px}@media (max-width:700px){.dashboard-reminder{grid-template-columns:auto 1fr}.dashboard-reminder .button{grid-column:1/-1;justify-self:stretch}.reminder-stack{margin-top:4px}}.career-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.career-filters label{flex:1;gap:6px;min-width:180px;display:grid}.career-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.career-cards .card{min-width:0;margin-bottom:18px}.career-notice{border-bottom:1px solid #e6e8ed;justify-content:space-between;gap:18px;padding:18px 0;display:flex}.career-notice.unread{border-left:4px solid #8b2332;padding-left:14px}.career-banner{background:#fff5e5;border:1px solid #e8c883;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.career-banner p{margin:5px 0}.career-badge{color:#fff;background:#8b2332;border-radius:20px;padding:2px 7px;font-size:12px;display:inline-block}.career-notice p,.career-cards p{overflow-wrap:anywhere}@media (max-width:640px){.career-banner,.career-notice{flex-direction:column;align-items:stretch}.career-cards{grid-template-columns:1fr}}form[data-career-form] [hidden]{display:none!important}.export-card{margin-bottom:20px}.export-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:16px;display:grid}.export-form label{color:#364152;gap:7px;font-size:13px;font-weight:700;display:grid}.export-form select{width:100%}.export-buttons{flex-wrap:wrap;gap:9px;display:flex}.export-card>.export-buttons{justify-content:flex-end;margin-top:14px}.export-notes{color:#64748b;border-top:1px solid #e5e9f0;flex-wrap:wrap;gap:9px 18px;margin-top:14px;padding-top:13px;font-size:12px;display:flex}@media (max-width:800px){.export-card .card-head{align-items:flex-start}.export-form{grid-template-columns:1fr}.export-buttons .button{flex:220px}}.login-card select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #dce0e7;border-radius:9px;padding:12px}.password-field{position:relative}.password-field input{padding-right:102px}.password-toggle{color:var(--blue);background:var(--blue-soft);cursor:pointer;border:0;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:750;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.system-login{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:9px 11px}.system-login summary{cursor:pointer;font-size:11px;font-weight:750}.system-login label{margin-top:10px}.office-location-card{grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);align-items:stretch;gap:18px;margin-bottom:18px;padding:18px;display:grid}.office-location-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;display:flex}.office-location-copy h2,.office-location-copy p{margin:0}.office-location-copy small{color:var(--muted);line-height:1.55}.office-map-link{margin-top:7px}.office-map-frame{background:#e9eef5;border:0;border-radius:13px;width:100%;min-height:300px}.location-capture{background:#f8fbff;border:1px solid #dce5f2;border-radius:13px;gap:12px;padding:14px;display:grid}.location-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.location-heading small,.location-status{color:var(--muted);font-size:11px;display:block}.location-status.success{color:var(--green);font-weight:750}.location-status.error{color:var(--red);font-weight:750}.location-map{background:#e9eef5;border:0;border-radius:11px;width:100%;height:260px;display:none}.location-map.active{display:block}@media (max-width:820px){.office-location-card{grid-template-columns:1fr}.office-map-frame{min-height:260px}}.map-link{color:var(--blue);margin-top:4px;font-size:11px;font-weight:750;display:inline-block}.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}.report-history-head{gap:18px}.report-search{justify-content:flex-end;align-items:center;gap:7px;width:min(100%,560px);display:flex}.report-search input{min-width:230px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dce0e7;border-radius:9px;outline:none;flex:1;padding:9px 11px}.report-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.search-summary{background:#f7f9fc;border-radius:9px;padding:9px 12px;font-size:12px;margin:-8px 0 14px!important}.attendance-chart{margin-bottom:18px}.chart-legend-note{color:var(--muted);font-size:11px}.donut-chart-layout{grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);align-items:center;gap:28px;padding:8px 0 16px;display:grid}.attendance-donut{aspect-ratio:1;background:var(--donut-background);border-radius:50%;width:min(250px,78vw);margin:0 auto;position:relative;box-shadow:inset 0 0 0 1px #1f29370d}.attendance-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:24%;box-shadow:0 0 0 1px #1f29370f,0 8px 24px #1f293714}.attendance-donut-center{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:24%}.attendance-donut-center strong{font-size:clamp(28px,4vw,42px);line-height:1}.attendance-donut-center span{color:var(--muted);margin-top:6px;font-size:11px;font-weight:700}.donut-legend{gap:9px;display:grid}.donut-legend-row{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:12px minmax(92px,1fr) auto 52px;align-items:center;gap:10px;padding:9px 11px;display:grid}.donut-legend-color{border-radius:50%;width:10px;height:10px}.donut-legend-color.hadir{background:#168a57}.donut-legend-color.tl{background:#e58b24}.donut-legend-color.psw{background:#c83a4a}.donut-legend-color.wfh{background:#7656c8}.donut-legend-color.dl{background:#168aa3}.donut-legend-color.lainnya{background:#7b8794}.donut-legend-label{font-size:12px;font-weight:750}.donut-legend-row strong{font-size:12px}.donut-legend-row small{color:var(--muted);text-align:right}@media (max-width:560px){.location-heading{flex-direction:column;align-items:flex-start}.location-map{height:220px}.donut-chart-layout{grid-template-columns:1fr;gap:22px}.donut-legend-row{grid-template-columns:12px minmax(82px,1fr) auto 46px}.report-history-head,.report-search{flex-direction:column;align-items:stretch;width:100%}.report-search input{width:100%;min-width:0}.report-search .button{text-align:center}}.reopen-panel{background:#fff8fa;border:1px solid #e7c4cf;border-left:5px solid #8b1738;border-radius:14px;margin-top:18px;padding:18px}.reopen-panel h3{margin:4px 0 6px}.reopen-panel>.form,.reopen-panel>form{margin-top:14px}.reopen-panel textarea{min-height:90px}.reopen-panel .verification-actions{flex-wrap:wrap;gap:10px;display:flex}.reopen-panel small{color:#74636a;display:block}.table-wrap .row-actions{flex-wrap:wrap;gap:6px;display:flex}:root{--bg:#f5f6f8;--ink:#252b36;--muted:#626a78;--line:#e3e6eb;--shadow:0 3px 14px #1c222e09}html{scroll-padding-top:100px}body{line-height:1.6}.siap-app .container,.grid>*{min-width:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline-offset:3px;outline:3px solid #9d3656}.skip-link{z-index:100;border:2px solid var(--blue);background:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.page-context{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;display:flex}.page-context a{color:var(--blue);font-weight:700}.page-heading,.welcome{border-radius:16px;gap:20px;padding:26px 28px}.page-heading:after,.welcome:after{pointer-events:none}.page-heading>*,.welcome>*{z-index:1;position:relative}.page-heading h1,.welcome h1{margin-bottom:8px;font-size:clamp(23px,2.4vw,30px);line-height:1.25}.page-heading p,.welcome p{max-width:750px;line-height:1.65}.card{border-radius:14px;padding:22px}.card h2{font-size:17px;line-height:1.4}.card-head{flex-wrap:wrap;gap:16px}.container>section.card+.card,.container>section.card+section.card{margin-top:18px}.button{white-space:normal;text-align:center;border-radius:9px;min-height:42px;line-height:1.4}.button.small{min-height:36px;font-size:12px}.button:hover{transform:none}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{border-color:#d7bdc6}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.status,.badge{font-size:12px;line-height:1.5}.stat strong{font-variant-numeric:tabular-nums}.stat:hover{transform:none}.form label,.career-filters label,.setting-card label,.ui-search{color:var(--ink);font-size:13px;font-weight:650}.form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.form select,.form textarea,.career-filters input,.career-filters select,.ui-search input,.login-card input,.login-card select{width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #ccd1da;border-radius:9px;padding:10px 12px}.form textarea{resize:vertical;min-height:110px}.form input[readonly],.form input:disabled,.form select:disabled{color:#5c6470;background:#f0f1f4}.field-note{font-size:12px;font-weight:400;line-height:1.55}.career-filters{gap:14px}.career-filters label{min-width:min(180px,100%)}.career-filters .button{flex-shrink:0}.ui-search{gap:6px;max-width:420px;margin-bottom:6px;display:grid}.ui-search-result{min-height:22px;font-size:12px;margin-bottom:10px!important}.table-wrap{border:1px solid var(--line);overscroll-behavior-x:contain;border-radius:10px;max-width:100%}.table-wrap table{margin:0}th{text-transform:none;letter-spacing:.15px;color:#495260;background:#f5f6f8;padding:13px 12px;font-size:11px}td{padding:13px 12px;font-size:13px}tbody tr:hover{background:#fbf8fa}.table-hint{color:var(--muted);font-size:12px;margin:0 0 8px!important}.table-hint[hidden]{display:none}.tabs,.verification-tabs{max-width:100%}.tabs a{white-space:nowrap}.ui-disclosure{border:1px solid var(--line);background:#fff;border-radius:14px;margin:18px 0;overflow:hidden}.ui-disclosure>summary{cursor:pointer;color:var(--navy);padding:18px 22px;font-weight:750}.ui-disclosure>summary small{color:var(--muted);margin:4px 0 0 18px;font-size:12px;font-weight:400;display:block}.ui-disclosure[open]>summary{border-bottom:1px solid var(--line);background:#fbf8fa}.ui-disclosure>.grid{padding:18px}.ui-disclosure>.card{box-shadow:none;border:0;margin:0}.ui-disclosure:target{scroll-margin-top:24px}.module-links{gap:8px}.module-links .text-link{line-height:1.6}.admin-workspace{margin-bottom:22px}.career-banner{background:#fffaf0;border-color:#eed49f}.career-banner strong{color:#714c13}.career-banner .button{flex-shrink:0}.career-banner p{font-size:13px}.section-navigation{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.section-navigation a{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px}.section-navigation a[aria-current=page]{color:var(--blue);background:var(--blue-soft);border-color:#d6abb9}.siap-app footer{color:var(--muted)}@media (min-width:1101px){.siap-app .topbar{border-right:1px solid var(--line);z-index:20;border-bottom:0;flex-direction:column;align-items:stretch;gap:24px;width:248px;height:100dvh;padding:28px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.topbar .brand{padding:0 8px;font-size:23px}.topbar .brand small{font-size:8px;display:block}.topbar .brand-mark{flex-shrink:0}.siap-app .topbar nav{box-shadow:none;background:0 0;flex-direction:column;flex:1;align-self:auto;gap:5px;height:auto;padding:0;display:flex;position:static}.siap-app .topbar nav a{color:#596171;border:0;border-radius:9px;gap:10px;min-height:44px;padding:11px 12px;font-size:13px;line-height:1.5}.siap-app .topbar nav a:hover{color:var(--blue);background:#f5f0f2}.siap-app .topbar nav a.active{background:var(--blue-soft);color:var(--blue);box-shadow:inset 3px 0 var(--blue);font-weight:750}.topbar nav .ui-icon{width:18px;height:18px}.siap-app .profile{border-top:1px solid var(--line);margin:0;padding:18px 4px 0}.siap-app .profile div{overflow-wrap:anywhere;min-width:0;font-size:12px;display:block}.profile>span{flex-shrink:0}.siap-app .menu-button{display:none}.siap-app .container{width:calc(100% - 304px);max-width:1500px;margin:28px 28px 50px 276px}.siap-app footer{margin-left:248px}}@media (max-width:1100px){.siap-app .topbar{gap:12px;height:72px;padding:0 18px}.siap-app .menu-button{border:1px solid var(--line);color:var(--blue);font:inherit;background:#fff;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:10px 12px;font-weight:700;display:flex}.siap-app .profile{margin-left:0}.siap-app .profile div{display:none}.siap-app .topbar nav{background:#fff;max-height:calc(100dvh - 72px);padding:12px 18px;display:none;position:absolute;top:72px;left:0;right:0;overflow-y:auto;box-shadow:0 12px 20px #242a361a}.siap-app.menu-open .topbar nav{gap:4px;display:grid}.siap-app .topbar nav a{border:0;border-radius:8px;padding:12px;font-size:14px}.siap-app .topbar nav a.active{background:var(--blue-soft)}.admin-module-grid{grid-template-columns:1fr 1fr}.container{width:calc(100% - 36px)}}@media (max-width:700px){.admin-module-grid,.settings-grid,.main-grid,.form-grid,.two-cols{grid-template-columns:1fr}.card,.page-heading,.welcome{padding:18px}.container{width:calc(100% - 24px)}.career-filters{align-items:stretch}.career-filters label{flex-basis:100%}.career-filters>.button{width:100%}.career-cards{grid-template-columns:1fr}.period-filter{flex-wrap:wrap;max-width:100%}.period-filter input{min-width:0;max-width:100%}.page-heading,.welcome{flex-wrap:wrap}.ui-disclosure>summary{padding:16px}.ui-disclosure>.grid{padding:12px}.topbar .brand small{font-size:8px}.table-wrap .inline-form{min-width:240px}.admin-actions{flex-wrap:wrap}.section-navigation a{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.siap-app .topbar,.page-context,.skip-link,.menu-button,.ui-search,.table-hint,.section-navigation{display:none!important}.siap-app .container{width:100%;max-width:none;margin:0}.siap-app footer{margin:0}.table-wrap{overflow:visible}.page-heading,.welcome{color:#111;box-shadow:none;background:#fff}.page-heading p,.welcome p{color:#444}}.form input[type=checkbox],.form input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--blue);flex-shrink:0;margin:3px 0;padding:0}.form label:has(>input[type=checkbox]),.form label:has(>input[type=radio]){align-items:flex-start;gap:10px;font-weight:500;display:flex}.form fieldset{border:1px solid var(--line);border-radius:12px;gap:14px;min-width:0;padding:18px;display:grid}.form legend{padding:0 8px;font-weight:700}.admin-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.admin-module-grid{grid-template-columns:1fr}.login-page{padding:20px 14px}.login-card input,.login-card select,.form input,.form select,.form textarea,.career-filters input,.career-filters select,.ui-search input{font-size:16px}.form input[type=checkbox],.form input[type=radio]{width:20px;height:20px}}.bkn-nav,.bkn-actions{flex-wrap:wrap;gap:10px;margin:12px 0 20px;display:flex}.bkn-nav a{color:#7b1027;background:#fff;border:1px solid #e5d5d9;border-radius:8px;padding:10px 14px;text-decoration:none}.bkn-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:20px 0;display:grid}.bkn-stat{background:#fff;border:1px solid #eadfe2;border-top:3px solid #84122b;border-radius:10px;padding:18px}.bkn-stat strong{color:#7b1027;font-size:1.7rem;display:block}.bkn-fields{border:1px solid #dec8ce;border-radius:10px;gap:14px;padding:18px;display:grid}.bkn-fields legend{color:#7b1027;font-weight:700}.bkn-fields p,.bkn-note{color:#5c6471;font-size:.9rem}.bkn-table td{vertical-align:top;white-space:normal;min-width:100px}.bkn-table .bkn-text{overflow-wrap:anywhere;min-width:230px;max-width:420px}.bkn-tree{border-left:3px solid #e8d6dc;margin:12px 0;padding-left:16px}.bkn-warning{background:#fff5e8;border:1px solid #ebc79b;border-radius:8px;padding:14px}.bkn-toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.bkn-toolbar label{flex:1;min-width:140px}.bkn-history{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.bkn-pill{color:#7b1027;background:#f5e9ed;border-radius:20px;padding:4px 8px;font-size:.85rem;display:inline-block}.bkn-progress{accent-color:#84122b;width:100%}.bkn-fields small{display:block}@media (max-width:600px){.bkn-stats{grid-template-columns:1fr 1fr}.bkn-toolbar{display:block}.bkn-toolbar label{margin-bottom:10px;display:block}}:root{--primary:#77263e;--primary-hover:#5f1d31;--blue:var(--primary);--navy:#22262e;--blue-soft:#f8edf1;--bg:#f7f8fa;--ink:#22262e;--muted:#667085;--line:#e6e8ec;--shadow:0 2px 8px #22262e05;--green:#167047;--orange:#925b0c;--red:#b42338;--radius:12px}body{font-size:14px;line-height:1.6}.brand-mark{background:var(--primary);box-shadow:none}.card,.stat,.admin-module,.ui-disclosure{border-radius:var(--radius);box-shadow:var(--shadow)}.siap-app .welcome,.siap-app .page-heading{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.welcome:after,.page-heading:after{display:none}.siap-app .welcome p,.siap-app .page-heading p{color:var(--muted)}.eyebrow{color:var(--primary);letter-spacing:1px;font-size:12px}.welcome h1,.page-heading h1{font-size:26px}.card h2{font-size:18px}.card p{line-height:1.7}.employee-clock strong{color:var(--primary)}.employee-clock span{color:var(--muted)}.button{border-radius:8px;min-height:44px}.button.primary:hover{background:var(--primary-hover)}.button.secondary{border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--bg);border-color:#b8bdc7}.button.danger{background:var(--red)}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.button[aria-busy=true]{cursor:progress;opacity:.7}.attendance-times{background:var(--bg);border:1px solid var(--line);padding:24px 16px}.attendance-times small{font-size:12px}.gps-fields #gps-submit{width:100%;min-height:52px;font-size:16px}.gps-status{background:var(--bg);border-left:3px solid var(--primary);border-radius:8px;padding:16px}.gps-message{font-size:14px}.gps-fields details{border:1px solid var(--line);border-radius:8px;padding:12px}.gps-fields summary{cursor:pointer;font-weight:600}.stat{padding:20px}.stat strong{font-size:28px}.stat small{font-size:13px}.stat a{color:var(--primary);margin-top:4px;font-size:12px;display:block}.admin-module{border:1px solid var(--line);background:#fff}.admin-module.primary-module,.info-card{background:#fff}.admin-module h3{color:var(--ink)}.module-icon{background:var(--blue-soft);color:var(--primary)}.admin-module-grid{gap:16px}.attention-panel{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.attention-list{gap:0;display:grid}.attention-list a{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.attention-list a:last-child{border-bottom:0}.attention-list strong{color:var(--primary)}.progress-track{background:var(--bg);border-radius:8px;height:12px;margin:20px 0 12px;overflow:hidden}.progress-track span{background:var(--primary);height:100%;display:block}.summary-number{color:var(--ink);font-size:32px;font-weight:700}.personal-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.personal-summary a{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px 20px}.personal-summary strong{color:var(--ink);font-size:22px;display:block}.personal-summary span{color:var(--muted);font-size:13px}.nav-group-label{letter-spacing:1px;color:var(--muted);padding:16px 12px 4px;font-size:11px;font-weight:700}.topbar nav a span{min-width:0}.topbar .brand small{white-space:normal}.page-context{font-size:13px}.status.warning{color:#87520a;background:#fff3dc}.status.success{color:#166342;background:#e8f5ee}.status.error{color:#a12032;background:#fff0f1}.form label,.setting-card label{font-size:14px}th{background:var(--bg);font-size:12px}td{font-size:14px}.alert{overflow-wrap:anywhere;border-radius:8px}.table-wrap{position:relative}.table-wrap:focus-visible{outline:3px solid var(--primary)}.table-wrap tbody tr[hidden]{display:none}.table-wrap td.empty{padding:32px 16px}.ui-table-search{gap:6px;max-width:360px;margin:0 0 16px;font-size:13px;font-weight:600;display:grid}.ui-table-search input{font:inherit;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 12px}.login-page{background:var(--bg)}.login-panel{box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;overflow:hidden}.login-copy{background:var(--primary)}.login-copy h1{font-size:30px}.login-copy .brand,.login-copy .brand small{color:#fff}.login-card{background:#fff}.login-card h2{font-size:26px}.login-card .demo{background:var(--bg);border-color:var(--line)}@media (min-width:1101px){.siap-app .topbar{background:#fff;gap:20px}.siap-app .container{max-width:1440px}.siap-app .topbar nav{gap:4px}.siap-app .topbar nav a.active{box-shadow:none;background:var(--blue-soft)}.siap-app .topbar nav a{font-size:13px}.siap-app .profile{margin-top:auto}}@media (max-width:1100px){.siap-app .topbar nav{border-right:1px solid var(--line);width:min(340px,100%);max-height:none;position:fixed;bottom:0;right:auto}.nav-group-label{padding-top:12px}.siap-app.menu-open:after{content:"";z-index:4;pointer-events:none;background:#22262e55;position:fixed;inset:72px 0 0}.siap-app .topbar{z-index:20}.employee-main{grid-template-columns:1fr 1fr}.personal-summary{gap:12px}}@media (max-width:767px){.attention-panel,.employee-main,.personal-summary{grid-template-columns:1fr}.personal-summary a{justify-content:space-between;align-items:center;display:flex}.personal-summary strong{font-size:20px}.siap-app .container{width:calc(100% - 32px);margin-top:20px}.siap-app .welcome,.siap-app .page-heading{align-items:flex-start;padding:20px}.welcome h1,.page-heading h1{font-size:24px}.card{padding:18px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{align-items:flex-start;gap:10px;padding:16px}.stat .icon{flex-shrink:0;width:32px;height:32px}.stat strong{font-size:24px}.stat small,.stat a{font-size:12px}.two-cols,.form-grid,.admin-module-grid{grid-template-columns:1fr}.card-head{gap:12px}.career-banner{flex-direction:column;align-items:stretch}.career-banner .button{width:100%}.tabs{width:100%;overflow-x:auto}.page-heading form{width:100%}.page-heading input{max-width:100%}.login-copy{padding:24px}.login-copy h1{font-size:24px}.login-card{padding:24px}.login-panel{width:calc(100% - 32px)}.form .button{max-width:100%}.employee-actions .button{flex:140px}.welcome .employee-clock strong{font-size:26px}.welcome .employee-clock span{letter-spacing:0;font-size:12px}.page-heading{flex-wrap:wrap}input,select,textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.public-monitor .page-heading{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:12px}.public-monitor .page-heading p{color:var(--muted)}.public-monitor .public-topbar{border-bottom:1px solid var(--line);background:#fff}.public-monitor .eyebrow{color:var(--primary)}@media (max-width:767px){.public-monitor .public-topbar{flex-wrap:wrap;gap:12px;height:auto;padding:16px}.public-monitor .container{width:calc(100% - 32px)}.public-monitor .page-heading{padding:20px}.public-monitor .period-filter{flex-wrap:wrap;gap:8px;display:flex}.public-monitor .period-filter input{flex:1;min-width:0}.public-monitor .verification-actions{flex-wrap:wrap}.public-monitor .brand small{white-space:normal}}.employee-actions{flex-wrap:wrap;gap:12px;display:flex}.employee-main{grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px;display:grid}.employee-main .card{min-width:0;margin:0}.gps-fields{gap:12px;display:grid}.gps-fields iframe{border:0;border-radius:12px;width:100%;height:220px}.gps-fields textarea{width:100%}.gps-message{overflow-wrap:anywhere}.dashboard-shortcuts{margin-top:16px}.employee-main small{display:block}.gps-early{background:#fff8ec;border:1px solid #e3b46b;border-radius:12px;padding:14px}.gps-early label{display:block}.gps-early input[type=checkbox]{width:auto;display:inline}.gps-status{margin:14px 0}@media (max-width:720px){.employee-main{grid-template-columns:1fr}.employee-actions .button{text-align:center;flex:1}}.welcome .employee-clock{z-index:1;text-align:right;flex-shrink:0;position:relative}.employee-clock strong{font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:36px;line-height:1.2;display:block}.employee-clock span{letter-spacing:1px;margin-top:6px;font-size:13px;display:block}@media (max-width:560px){.welcome .employee-clock{text-align:left;margin-top:18px;display:block}.employee-clock strong{font-size:30px}}.siap-app .welcome .employee-clock strong{color:var(--primary)}.siap-app .welcome .employee-clock span{color:var(--muted)}.attention-panel .card{min-width:0;margin:0}.summary-number small{color:var(--muted);font-size:14px;font-weight:400}.siap-app .topbar nav a{min-height:44px}.nav-group-label{display:block}.profile small{overflow-wrap:anywhere}@media (max-width:767px){.employee-main{grid-template-columns:1fr}.welcome .employee-clock strong{font-size:26px}.button.small{min-height:44px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{flex-wrap:wrap}.siap-app .topbar .brand{min-width:0}.siap-app .topbar .brand small{max-width:140px}.login-page{padding:16px 0}.login-panel{grid-template-columns:1fr;margin:0 auto}.login-copy{display:none}.attention-list a{flex-wrap:wrap}}@media print{.personal-summary,.ui-table-search{display:none!important}}.login-panel{align-items:stretch;gap:0}.login-copy{flex-direction:column;justify-content:center;padding:40px;display:flex}.login-copy>p{color:#f5e8ed}.login-copy .feature-list{color:#fff;flex-wrap:wrap;gap:12px}.login-card{box-shadow:none;border-radius:0}.personal-summary a{border-bottom:1px solid var(--line);display:block}@media (max-width:1000px){.login-copy{padding:24px}.login-copy .brand.large{margin:0}.login-copy .feature-list{display:none}}@media (max-width:767px){.login-copy{display:none}.personal-summary a{gap:16px;display:flex}.personal-summary a span{max-width:65%}}@media (min-width:768px) and (max-width:1279px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-app{--employee-gap:24px;font-size:15px}.employee-app .container{max-width:1320px}.employee-app h1{letter-spacing:-.5px;line-height:1.3}.employee-app h2{line-height:1.4}.employee-app .welcome,.employee-app .page-heading{margin-bottom:24px;padding:24px 28px}.employee-app .welcome{border-top:3px solid var(--primary)}.employee-app .welcome h1{overflow-wrap:anywhere;max-width:760px;font-size:26px}.employee-app .welcome .employee-clock strong{letter-spacing:1px;font-size:28px}.employee-app .welcome .employee-clock span{letter-spacing:0;font-size:12px}.employee-app .container>.card,.employee-app .container>.grid,.employee-app .container>.career-cards,.employee-app .container>.bkn-stats{margin-bottom:24px}.employee-app .card{min-width:0;padding:24px}.employee-app .card-head{margin-bottom:20px}.employee-app .card-head p,.employee-app .page-heading p{max-width:70ch;font-size:14px}.employee-app .form-grid,.employee-app .profile-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:24px}.employee-app .info-card,.employee-app .profile-help{text-align:left;background:#fff;border-top:3px solid #dec5ce}.employee-app .info-card .big-icon,.employee-app .profile-help .big-icon{display:none}.employee-app .info-card ul,.employee-app .profile-help ul{padding-left:20px;line-height:1.8}.employee-app .info-card li+li,.employee-app .profile-help li+li{margin-top:12px}.employee-app .form{gap:20px}.employee-app .form label{gap:8px;font-size:14px;line-height:1.5}.employee-app .form textarea{min-height:104px}.employee-app .form>.button{justify-self:start;min-width:180px}.employee-app .field-note{color:var(--muted);font-size:13px;font-weight:400}.employee-app input,.employee-app select,.employee-app textarea{min-width:0;max-width:100%}.employee-app .career-filters,.employee-app .bkn-toolbar{flex-wrap:wrap;align-items:end;gap:16px}.employee-app .bkn-toolbar input,.employee-app .bkn-toolbar select{min-height:44px}.employee-app .table-wrap td{vertical-align:top;line-height:1.65}.employee-app .table-wrap td small{margin-top:4px}.employee-app .table-wrap th{white-space:nowrap}.employee-app .table-wrap .empty{color:var(--muted);padding:40px 20px}.employee-app .button.small{min-height:40px}.employee-app .table-card .report-search{flex-wrap:wrap;gap:8px;max-width:100%}.employee-app .report-search input{flex:220px;min-width:0}.employee-app .personal-summary{align-items:stretch;margin:0 0 24px}.employee-app .personal-summary a{border:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.employee-app .personal-summary a:hover,.employee-shortcuts a:hover{background:#fdf9fb;border-color:#c6a0ae}.employee-app .personal-summary strong{color:var(--primary);font-size:28px}.employee-app .employee-main{align-items:stretch;gap:24px;margin-bottom:24px}.employee-app #absensi-hari-ini{border-top:3px solid var(--primary)}.employee-app .attendance-times{border-radius:12px;margin:16px 0}.employee-app .employee-actions .button{flex:160px}.employee-app .bkn-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.employee-app .bkn-stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.employee-app .bkn-nav{flex-wrap:wrap;gap:8px;margin-bottom:20px}.employee-app .calculation-list>div{align-items:start;gap:16px}.employee-app .calculation-list strong{text-align:right}.employee-reminders{background:#fffcf5;border:1px solid #eadbbd;border-radius:10px;margin-bottom:20px}.employee-reminders>summary{cursor:pointer;color:#735318;min-height:44px;padding:12px 16px;font-size:13px;font-weight:650}.employee-reminder-content{padding:0 16px 16px}.employee-reminder-content .career-banner{background:#fff;margin:8px 0;padding:16px}.employee-reminder-content>p{margin:12px 0 0;font-size:13px}.employee-reminder-content>p a{color:var(--primary);text-decoration:underline}.employee-section-nav,.employee-page-links{flex-wrap:wrap;align-self:auto;gap:8px;margin:0 0 24px;display:flex}.employee-section-nav a,.employee-page-links a{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.employee-section-nav a[aria-current=page]{background:var(--blue-soft);color:var(--primary);border-color:#d7b3c0}.employee-page-links a{color:var(--primary)}.employee-help{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 24px}.employee-help>summary{cursor:pointer;min-height:48px;padding:16px 20px;font-size:14px;font-weight:650}.employee-help>.card{box-shadow:none;border:0;margin:0}.employee-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.employee-shortcuts a{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;font-weight:650;display:flex}.employee-shortcuts .ui-icon{width:20px;height:20px;color:var(--primary);flex-shrink:0}.employee-shortcuts small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;display:block}.employee-app [id]{scroll-margin-top:92px}@media (min-width:1101px){.employee-app .topbar nav a{padding:10px 12px}.employee-app .topbar{gap:16px}.employee-app .topbar nav{gap:2px}}@media (max-width:1279px){.employee-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.employee-app .form-grid,.employee-app .profile-grid,.employee-app .main-grid{grid-template-columns:minmax(0,1fr)}.employee-app .three-cols{grid-template-columns:1fr}.employee-app .personal-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.employee-app .container{width:calc(100% - 28px)}.employee-app .card,.employee-app .page-heading,.employee-app .welcome{padding:20px}.employee-app .welcome h1{font-size:24px}.employee-app .welcome .employee-clock{text-align:left;margin-top:16px}.employee-app .employee-main,.employee-app .personal-summary{grid-template-columns:1fr}.employee-app .personal-summary a{flex-direction:row;align-items:center}.employee-app .personal-summary strong{white-space:nowrap;font-size:24px}.employee-app .form>.button{width:100%}.employee-app .button.small{min-height:44px}.employee-section-nav{gap:6px}.employee-section-nav a{padding:10px;font-size:12px}.employee-app .location-heading{flex-wrap:wrap;gap:12px}.employee-app .location-heading .button{width:100%}.employee-app .career-filters>label,.employee-app .bkn-toolbar>label{flex:100%;width:100%}.employee-app .profile-actions{flex-wrap:wrap;gap:12px;display:flex}.employee-app .profile-actions>*{flex:100%}.employee-app .calculation-list>div{flex-wrap:wrap}.employee-app .calculation-list strong{text-align:left}.employee-shortcuts a{gap:8px;padding:14px;font-size:13px}.employee-shortcuts small{font-size:12px}.employee-app .career-cards{grid-template-columns:1fr}}@media print{.employee-section-nav,.employee-page-links,.employee-shortcuts,.employee-reminders{display:none!important}.employee-app .container{width:100%;max-width:none;margin:0}}.employee-app .leave-balance{color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--primary);background:#fff}.employee-app .leave-balance strong{color:var(--primary)}.employee-app .leave-balance small,.employee-app .leave-balance span{color:var(--muted)}.employee-app .leave-info{border-left:1px solid var(--line)}@media (min-width:768px){.employee-app .career-filters label{flex:0 300px}.employee-app .career-filters{justify-content:flex-start}}}@layer components{body{background-color:var(--tw-color-page);color:var(--tw-color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card,.stat,.admin-module,.bkn-stat,.ui-disclosure,.login-panel{border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);--tw-shadow:0 2px 8px var(--tw-shadow-color,#22262e0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.card,.stat,.admin-module{padding:calc(var(--tw-spacing) * 5)}@media (min-width:40rem){.card,.stat,.admin-module{padding:calc(var(--tw-spacing) * 6)}}.welcome,.page-heading{border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);color:var(--tw-color-ink);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:none}.welcome p,.page-heading p{color:var(--tw-color-muted)}.welcome:after,.page-heading:after{display:none}.button{min-height:calc(var(--tw-spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--tw-spacing) * 2);border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--tw-spacing) * 4);padding-block:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration));cursor:pointer;border:1px solid #0000;text-decoration-line:none;display:inline-flex}.button.primary{background-color:var(--tw-color-brand-600);color:var(--tw-color-white)}.button.primary:hover{background-color:var(--tw-color-brand-700)}.button.secondary{border-color:var(--tw-color-line);background-color:var(--tw-color-white);color:var(--tw-color-ink)}.button.secondary:hover{border-color:var(--tw-color-slate-300);background-color:var(--tw-color-slate-50)}.button.outline{border-color:var(--tw-color-brand-600);background-color:var(--tw-color-white);color:var(--tw-color-brand-600)}.button.outline:hover{background-color:var(--tw-color-brand-50)}.button.danger,.button.destructive{background-color:var(--tw-color-red-700);color:var(--tw-color-white)}.button.danger:hover,.button.destructive:hover{background-color:var(--tw-color-red-800)}.button:disabled{cursor:not-allowed;opacity:.5}.button[aria-busy=true]{cursor:wait;opacity:.7}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--tw-color-brand-600);outline-offset:3px}.form label,.login-card label,.career-filters label,.bkn-toolbar label,.ui-table-search,.ui-search{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-ink)}input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea{box-sizing:border-box;min-height:calc(var(--tw-spacing) * 11);border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-slate-300);background-color:var(--tw-color-white);max-width:100%;padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-ink);font-family:inherit}input:disabled,select:disabled,textarea:disabled,input[readonly]{background-color:var(--tw-color-slate-100);color:var(--tw-color-slate-600)}input[type=checkbox],input[type=radio]{accent-color:var(--tw-color-brand-600)}[aria-invalid=true]{border-color:#b91c1c!important}.ui-field-error{margin-top:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-normal);font-weight:var(--tw-font-weight-normal);color:var(--tw-color-red-700)}.badge,.status{border-radius:var(--tw-radius-md);border-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--tw-spacing) * 2);padding-block:var(--tw-spacing);font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);background-color:var(--tw-color-slate-100);color:var(--tw-color-slate-700);border:1px solid #0000;align-items:center;display:inline-flex}.status.success{background-color:var(--tw-color-emerald-50);color:var(--tw-color-emerald-800)}.status.warning{background-color:var(--tw-color-amber-50);color:var(--tw-color-amber-800)}.status.error{background-color:var(--tw-color-red-50);color:var(--tw-color-red-800)}.status.info{background-color:var(--tw-color-blue-50);color:var(--tw-color-blue-800)}.table-wrap{border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);max-width:100%;overflow-x:auto}th{background-color:var(--tw-color-slate-50);padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 3);text-align:left;font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-slate-600)}td{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:1px;border-color:var(--tw-color-line);padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 3);vertical-align:top;font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));border-width:0 0 1px}tbody tr:last-child td{border-bottom:0}.empty{padding-inline:calc(var(--tw-spacing) * 5);padding-block:calc(var(--tw-spacing) * 8);text-align:center;font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-muted)}.alert{border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);padding-inline:calc(var(--tw-spacing) * 4);padding-block:calc(var(--tw-spacing) * 3);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}.alert.success{border-color:var(--tw-color-emerald-200);background-color:var(--tw-color-emerald-50);color:var(--tw-color-emerald-800)}.alert.error{border-color:var(--tw-color-red-200);background-color:var(--tw-color-red-50);color:var(--tw-color-red-800)}.alert.warning{border-color:var(--tw-color-amber-200);background-color:var(--tw-color-amber-50);color:var(--tw-color-amber-800)}.ui-dialog{width:100%;max-width:var(--tw-container-lg);border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);padding:calc(var(--tw-spacing) * 6);color:var(--tw-color-ink);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);box-sizing:border-box;max-width:min(32rem,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.ui-dialog::backdrop{background:#0f172a80}.ui-dialog h2{font-size:var(--tw-text-xl);line-height:var(--tw-leading,var(--tw-text-xl--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);margin:0}.ui-dialog p{margin-block:calc(var(--tw-spacing) * 4);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-muted);overflow-wrap:anywhere}.ui-dialog-actions{margin-top:calc(var(--tw-spacing) * 6);justify-content:flex-end;gap:calc(var(--tw-spacing) * 3);flex-wrap:wrap;display:flex}.ui-toast-region{right:calc(var(--tw-spacing) * 4);bottom:calc(var(--tw-spacing) * 4);z-index:50;gap:calc(var(--tw-spacing) * 3);width:min(380px,100vw - 32px);display:grid;position:fixed}.ui-toast{align-items:flex-start;gap:calc(var(--tw-spacing) * 3);border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);padding:calc(var(--tw-spacing) * 4);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-ink);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:flex}.ui-toast strong{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);display:block}.ui-toast p{margin:0;margin-top:var(--tw-spacing);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));overflow-wrap:anywhere}.ui-toast-close{width:calc(var(--tw-spacing) * 11);height:calc(var(--tw-spacing) * 11);border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);font-size:var(--tw-text-xl);line-height:var(--tw-leading,var(--tw-text-xl--line-height));color:var(--tw-color-muted);cursor:pointer;background-color:#0000;border-width:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.ui-toast.error{border-color:var(--tw-color-red-300)}.ui-toast.success{border-color:var(--tw-color-emerald-300)}.ui-account{position:relative}.ui-account>summary{cursor:pointer;list-style:none}.ui-account>summary::-webkit-details-marker{display:none}.ui-account-menu{z-index:50;width:calc(var(--tw-spacing) * 56);gap:var(--tw-spacing);border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);padding:calc(var(--tw-spacing) * 2);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.ui-account-menu a{border-radius:var(--tw-radius-lg);padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 3);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-ink);text-decoration-line:none}.ui-account-menu a:hover{background-color:var(--tw-color-brand-50);color:var(--tw-color-brand-600)}.ui-account-menu a:last-child{color:var(--tw-color-red-700)}.ui-filter-row{margin-bottom:calc(var(--tw-spacing) * 4);align-items:flex-end;gap:calc(var(--tw-spacing) * 3);flex-wrap:wrap;display:flex}.ui-filter-row label{gap:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);display:grid}.ui-filter-row .ui-table-search{margin:0}.ui-skeleton{animation:var(--tw-animate-pulse);border-radius:var(--tw-radius-lg);background-color:var(--tw-color-slate-200)}@media (max-width:1100px){.ui-account-menu{top:calc(100% + 12px);bottom:auto}.ui-account{margin-left:0}}@media (max-width:767px){input,select,textarea{font-size:16px!important}.ui-dialog-actions .button{flex:1}.ui-toast-region{width:calc(100vw - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.ui-skeleton{animation:none}.button{transition:none}}@media print{.ui-toast-region,.ui-dialog,.ui-account-menu{display:none!important}}@media (min-width:1101px){.siap-app .ui-account{margin-top:auto}.siap-app .ui-account .profile{margin-top:0}}.ui-account>summary.profile{min-height:44px}.ui-account[open]>summary{outline:2px solid var(--tw-color-brand-600);outline-offset:2px;border-radius:8px}.ui-dialog:not([open]){display:none}.dashboard-jump{margin-bottom:calc(var(--tw-spacing) * 6);gap:calc(var(--tw-spacing) * 2);flex-wrap:wrap;display:flex}.dashboard-jump a{min-height:calc(var(--tw-spacing) * 11);border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);padding-inline:calc(var(--tw-spacing) * 4);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-brand-600);align-items:center;text-decoration-line:none;display:inline-flex}.dashboard-jump a:hover{background-color:var(--tw-color-brand-50)}.dashboard-section-heading{margin-bottom:calc(var(--tw-spacing) * 4);justify-content:space-between;align-items:center;gap:calc(var(--tw-spacing) * 3);flex-wrap:wrap;display:flex}.dashboard-section-heading h2{margin-top:var(--tw-spacing);font-size:var(--tw-text-xl);line-height:var(--tw-leading,var(--tw-text-xl--line-height));margin-bottom:0}.dashboard-note{margin-top:calc(var(--tw-spacing) * 5);border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-slate-50);padding:calc(var(--tw-spacing) * 4);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-slate-700)}.dashboard-note p{margin-block:calc(var(--tw-spacing) * 2)}.attention-list a{gap:calc(var(--tw-spacing) * 4);padding-block:calc(var(--tw-spacing) * 4)}.attention-list small{margin-top:var(--tw-spacing);font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height));--tw-font-weight:var(--tw-font-weight-normal);font-weight:var(--tw-font-weight-normal);color:var(--tw-color-muted);display:block}.attention-list strong{border-radius:var(--tw-radius-md);background-color:var(--tw-color-brand-50);padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-brand-600);flex-shrink:0}#tindak-lanjut,#akses-utama,#daftar-pegawai,#absensi-terbaru,#absensi-hari-ini{scroll-margin-top:100px}.table-wrap td a:not(.button){min-height:calc(var(--tw-spacing) * 10);border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-brand-600);justify-content:center;align-items:center;margin:3px 4px 3px 0;text-decoration-line:none;display:inline-flex}.table-wrap td a:not(.button):hover{border-color:var(--tw-color-brand-600);background-color:var(--tw-color-brand-50)}.ui-table-tools{margin-bottom:calc(var(--tw-spacing) * 3);justify-content:flex-end;gap:calc(var(--tw-spacing) * 2);flex-wrap:wrap;display:flex}.ui-table-info{margin-top:0;margin-bottom:calc(var(--tw-spacing) * 4)}.ui-table-info[hidden]{display:none}.table-wrap .ui-table-action,.ui-table-tools .ui-table-action{justify-content:center;align-items:center;gap:calc(var(--tw-spacing) * 2);display:inline-flex}.ui-table-action svg{flex-shrink:0;width:18px;height:18px}.table-wrap .ui-table-action[data-action-kind],.ui-table-tools .ui-table-action[data-action-kind]{border-color:var(--tw-color-blue-200);background-color:var(--tw-color-blue-50);color:var(--tw-color-blue-800)}.table-wrap .ui-table-action[data-action-kind=edit]{border-color:var(--tw-color-amber-200);background-color:var(--tw-color-amber-50);color:var(--tw-color-amber-900)}.table-wrap .ui-table-action[data-action-kind=map],.table-wrap .ui-table-action[data-action-kind=add]{border-color:var(--tw-color-brand-600);background-color:var(--tw-color-brand-600);color:var(--tw-color-white)}.table-wrap .ui-table-action[data-action-kind=approve],.table-wrap .ui-table-action[data-action-kind=download]{border-color:var(--tw-color-emerald-200);background-color:var(--tw-color-emerald-50);color:var(--tw-color-emerald-800)}.table-wrap .ui-table-action[data-action-kind=delete]{border-color:var(--tw-color-red-200);background-color:var(--tw-color-red-50);color:var(--tw-color-red-800)}.table-wrap .ui-table-action[data-action-kind]:hover,.ui-table-tools .ui-table-action[data-action-kind]:hover{filter:brightness(.94)}.siap-help{z-index:40;font-family:inherit;position:fixed;bottom:24px;right:24px}.siap-help-launcher{align-items:center;gap:calc(var(--tw-spacing) * 2);border-style:var(--tw-border-style);background-color:var(--tw-color-brand-600);padding-inline:calc(var(--tw-spacing) * 5);padding-block:calc(var(--tw-spacing) * 3);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);cursor:pointer;border-width:0;border-radius:3.40282e38px;min-height:48px;display:inline-flex}.siap-help-launcher svg{width:22px;height:22px}.siap-help-panel{border-radius:var(--tw-radius-xl);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100dvh - 112px);display:flex;position:absolute;bottom:64px;right:0;overflow:hidden}.siap-help-panel[hidden]{display:none}.siap-help-header{justify-content:space-between;align-items:center;gap:calc(var(--tw-spacing) * 3);background-color:var(--tw-color-brand-600);padding:calc(var(--tw-spacing) * 4);color:var(--tw-color-white);display:flex}.siap-help-header h2{color:inherit;margin:0;font-size:18px}.siap-help-header p{color:#f8edf1;margin:4px 0 0;font-size:12px}.siap-help-header button{color:#fff;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:26px}.siap-help-body{overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow-y:auto}.siap-help-intro{color:#667085;margin:0 0 12px;font-size:13px}.siap-help-topics{flex-wrap:wrap;gap:8px;display:flex}.siap-help-topics button{border-radius:var(--tw-radius-lg);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--tw-color-line);background-color:var(--tw-color-slate-50);padding-inline:calc(var(--tw-spacing) * 3);padding-block:calc(var(--tw-spacing) * 2);font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height));--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold);color:var(--tw-color-brand-600);cursor:pointer;min-height:36px}.siap-help-message{margin-top:calc(var(--tw-spacing) * 3);border-radius:var(--tw-radius-xl);background-color:var(--tw-color-slate-50);padding:calc(var(--tw-spacing) * 3);font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height));color:var(--tw-color-ink);overflow-wrap:anywhere}.siap-help-message p{margin:5px 0;line-height:1.6}.siap-help-message strong{color:#667085;font-size:11px}.siap-help-message.is-user{margin-left:calc(var(--tw-spacing) * 6);background-color:var(--tw-color-brand-50)}.siap-help-form{background:#fff;border-top:1px solid #e6e8ec;padding:12px 16px}.siap-help-form label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.siap-help-form>div{gap:8px;display:flex}.siap-help-form input{flex:1;width:100%;min-width:0}.siap-help-form small{color:#667085;margin-top:6px;font-size:11px;display:block}@media (max-width:640px){.siap-help{bottom:16px;right:16px}.siap-help-launcher{padding:12px 16px}.siap-help-panel{bottom:62px}}@media print{.siap-help{display:none!important}}.siap-app{font-size:15px;line-height:1.6}.siap-app *,.siap-app :before,.siap-app :after{box-sizing:border-box}.siap-app .container{padding-bottom:88px}.siap-app h1{letter-spacing:-.4px;overflow-wrap:anywhere;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.3}.siap-app h2{letter-spacing:-.2px;margin:0 0 8px;font-size:20px;font-weight:650;line-height:1.4}.siap-app h3{margin:0 0 8px;font-size:16px;font-weight:650;line-height:1.5}.siap-app p{margin:0 0 12px;line-height:1.65}.siap-app p:last-child{margin-bottom:0}.siap-app small,.siap-app .field-note,.siap-app .bkn-note{font-size:13px;line-height:1.5}.siap-app .eyebrow{letter-spacing:.09em;margin-bottom:8px;font-size:11px;line-height:1.5;display:block}.siap-app .card,.siap-app .admin-module{min-width:0;padding:24px}.siap-app .page-heading,.siap-app .welcome{gap:24px;margin-bottom:24px;padding:24px}.siap-app .welcome h1{font-size:28px}.siap-app .card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.siap-app .card-head>div{min-width:0}.siap-app .card-head p,.siap-app .page-heading p{color:var(--tw-color-muted);max-width:75ch;font-size:14px}.siap-app .container>.card,.siap-app .container>.grid,.siap-app .container>.ui-disclosure,.siap-app .container>.bkn-stats{margin-bottom:24px}.siap-app .grid,.siap-app .form-grid,.siap-app .admin-module-grid,.siap-app .employee-main{gap:24px}.siap-app .form{gap:20px}.siap-app .form label{gap:8px;min-width:0;font-size:14px;line-height:1.5}.siap-app .form label>input:not([type=checkbox]):not([type=radio]),.siap-app .form label>select,.siap-app .form label>textarea{width:100%;margin-top:6px;display:block}.siap-app .two-cols{gap:16px}.siap-app textarea{resize:vertical;line-height:1.6}.siap-app .button,.siap-app .button.small{white-space:normal;text-align:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4}.siap-app .row-actions,.siap-app .bkn-actions,.siap-app .module-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.siap-app .row-actions form{margin:0}.siap-app .table-wrap{margin-top:12px}.siap-app th{letter-spacing:.02em;padding:14px 16px;font-size:12px;line-height:1.5}.siap-app td{vertical-align:top;padding:16px;font-size:14px;line-height:1.6}.siap-app td small{margin-top:6px;display:block}.siap-app td .button,.siap-app td a.ui-table-action{min-height:40px;padding:8px 12px;font-size:13px;line-height:1.4}.siap-app .badge,.siap-app .status{white-space:normal;max-width:100%;padding:5px 8px;font-size:12px;line-height:1.4}.siap-app .bkn-toolbar,.siap-app .career-filters,.siap-app .report-search{flex-wrap:wrap;align-items:end;gap:12px}.siap-app .bkn-toolbar label{gap:6px;min-width:0;display:grid}.siap-app .stat strong,.siap-app .bkn-stat strong,.siap-app .personal-summary strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1.25}.siap-app .stat small{font-size:13px}.siap-app .ui-disclosure>summary{padding:16px 20px;line-height:1.5}.siap-app .ui-toast-region{bottom:88px}.siap-app .siap-help-panel{box-sizing:border-box}.siap-app .siap-help-header h2{margin:0;font-size:18px}.siap-app .siap-help-header p{margin:4px 0 0;font-size:12px}.siap-app .siap-help-form small{font-size:11px}@media (max-width:767px){.siap-app h1,.siap-app .welcome h1{font-size:24px}.siap-app h2{font-size:18px}.siap-app .card,.siap-app .admin-module,.siap-app .page-heading,.siap-app .welcome{padding:18px}.siap-app .grid,.siap-app .form-grid,.siap-app .admin-module-grid,.siap-app .employee-main{gap:16px}.siap-app .container>.card,.siap-app .container>.grid,.siap-app .page-heading,.siap-app .welcome{margin-bottom:20px}.siap-app .card-head{gap:12px;margin-bottom:16px}.siap-app .two-cols{grid-template-columns:minmax(0,1fr)}.siap-app .bkn-toolbar label{flex:160px}.siap-app .stat{padding:16px}.siap-app th,.siap-app td{padding:12px}.siap-app .stat strong,.siap-app .personal-summary strong{font-size:24px}}@media print{.siap-app .container{padding-bottom:0}}.siap-app .bkn-toolbar{display:flex}.siap-app .bkn-toolbar label{flex:180px;min-width:0}.siap-app .bkn-toolbar input,.siap-app .bkn-toolbar select{width:100%;min-width:0;max-width:100%}.siap-app .bkn-nav{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.siap-app .bkn-nav a{font-size:14px;line-height:1.5}.public-monitor{--green:#047857;--purple:#6d28d9;--orange:#b45309;font-size:15px;line-height:1.6}.public-monitor .stats .stat{border-top:4px solid var(--metric);background:var(--metric-soft)}.public-monitor .stats .stat:first-child{--metric:#1d4ed8;--metric-soft:#eff6ff}.public-monitor .stats .stat:nth-child(2){--metric:#047857;--metric-soft:#ecfdf5}.public-monitor .stats .stat:nth-child(3){--metric:#6d28d9;--metric-soft:#f5f3ff}.public-monitor .stats .stat:nth-child(4){--metric:#b45309;--metric-soft:#fffbeb}.public-monitor .stats .stat .icon{color:var(--metric);background:#fff}.public-monitor .stats .stat strong{color:var(--metric)}.public-monitor .stats .stat small{font-size:13px}.public-monitor .stats .stat strong small{color:#667085;font-size:12px}.public-monitor .attendance-chart-card{background:#f0fdf8;border-color:#a7f3d0}.public-monitor .chart-copy .eyebrow,.public-monitor .chart-fraction strong{color:#047857}.public-monitor .attendance-ring{background:conic-gradient(#047857 calc(var(--value)*1%),#d1fae5 0)}.public-monitor .completion-bars>div:first-child{--metric:#047857;--metric-soft:#d1fae5}.public-monitor .completion-bars>div:nth-child(2){--metric:#6d28d9;--metric-soft:#ede9fe}.public-monitor .completion-bars>div:nth-child(3){--metric:#b45309;--metric-soft:#fef3c7}.public-monitor .completion-bars>div:nth-child(4){--metric:#77263e;--metric-soft:#f8edf1}.public-monitor .completion-bars>div>div{font-size:13px;line-height:1.5}.public-monitor .completion-bars>div>div span,.public-monitor .completion-bars strong{color:var(--metric)}.public-monitor .chart-track{background:var(--metric-soft);height:10px}.public-monitor .chart-track i{background:var(--metric)}.public-monitor .examiner-summary{background:#eff6ff;border-color:#bfdbfe}.public-monitor .examiner-summary .summary-icon{color:#1d4ed8;background:#dbeafe}.public-monitor .performance-guide{background:#f8fafc}.public-monitor .performance-average{font-size:12px}.public-monitor .guide-legend{flex-wrap:wrap;font-size:12px}.public-monitor .score-label,.public-monitor .employee-score small{font-size:12px}body.public-monitor{background:#e4e9f0}.public-monitor .public-topbar{background:#f8fafc;border-bottom:1px solid #cbd5e1}.public-monitor .card,.public-monitor .stat,.public-monitor .page-heading{box-shadow:0 4px 16px #1e293b12}.public-monitor .page-heading,.public-monitor .completion-chart-card,.public-monitor .examiner-table{background:#fff;border-color:#d5dde7}.public-monitor .stats .stat{background:#fff;border:1px solid #d5dde7}.public-monitor .stats .stat .icon{background:var(--metric-soft);color:var(--metric)}.public-monitor .attendance-chart-card,.public-monitor .examiner-summary,.public-monitor .performance-guide{background:#fff;border-color:#d5dde7}.public-monitor .chart-copy .eyebrow{color:#667085}body.siap-app{background:var(--tw-color-page);color:#243044}.siap-app .employee-main{align-items:start}.siap-app .page-heading,.siap-app .welcome{box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:20px;padding:4px 0 20px}.siap-app .page-heading .eyebrow,.siap-app .welcome .eyebrow{color:#64748b}.siap-app .card,.siap-app .stat,.siap-app .admin-module,.siap-app .bkn-stat,.siap-app .personal-summary a{background:#fff;border:1px solid #d8e0e9;border-radius:12px;box-shadow:0 2px 8px #1e293b0a}.siap-app .admin-module.primary-module{background:#fff;border-color:#d8e0e9}.siap-app .admin-module h3,.siap-app .admin-module p{color:inherit}.siap-app .admin-module p{color:#64748b}.siap-app .page-context{margin-bottom:16px;font-size:13px}.siap-app .employee-section-nav,.siap-app .section-navigation,.siap-app .bkn-nav{background:#f5f7fa;border:1px solid #d8e0e9;border-radius:10px;flex-wrap:wrap;gap:4px;margin:0 0 20px;padding:4px;display:flex}.siap-app .employee-section-nav a,.siap-app .section-navigation a,.siap-app .bkn-nav a{color:#475569;background:0 0;border:0;border-radius:7px;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.siap-app .employee-section-nav a[aria-current=page],.siap-app .section-navigation a[aria-current=page],.siap-app .bkn-nav a[aria-current=page]{color:#77263e;background:#fff;font-weight:650;box-shadow:0 1px 4px #1e293b14}.siap-app .employee-page-links,.siap-app .dashboard-jump{gap:16px;margin-bottom:16px}.siap-app .employee-page-links a,.siap-app .dashboard-jump a{min-height:36px;box-shadow:none;color:#77263e;background:0 0;border:0;border-radius:0;padding:6px 0;font-size:13px}.siap-app .employee-reminders{margin-bottom:20px}.siap-app .table-hint{color:#64748b;margin:8px 0;font-size:12px}.siap-app .ui-table-tools{margin-bottom:8px}.siap-app .ui-table-tools .button{color:#475569;background:0 0;border-color:#d8e0e9;min-height:36px;padding:6px 10px;font-size:12px}.siap-app .ui-table-search{max-width:440px}.siap-app .ui-account>summary:after{content:"⌃";color:#64748b;margin-left:auto;font-size:16px}.siap-app .ui-account[open]>summary:after{content:"⌄"}.siap-app .ui-disclosure>.card{box-shadow:none;border:0;margin:0}[data-toast][hidden]{display:none}@media (max-width:767px){.siap-app .page-heading,.siap-app .welcome{gap:16px;padding:0 0 12px}.siap-app .employee-section-nav a,.siap-app .section-navigation a,.siap-app .bkn-nav a{flex:auto;justify-content:center;font-size:13px}.siap-app .page-context{margin-bottom:12px}.siap-app .employee-clock{text-align:left}}@media print{body.siap-app{background:#fff}.siap-app .employee-page-links,.siap-app .dashboard-jump,.siap-app .ui-table-tools{display:none}}}@layer utilities;@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}