@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/sora-var-CIFTEUp5.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dmsans-var-BNY05QUC.woff2)format("woff2")}:root{--font:"DM Sans", system-ui, sans-serif;--font-display:"Sora", system-ui, sans-serif;--mono:"SF Mono", Menlo, Consolas, monospace;--bg:#f3f6f3;--fg:#17211d;--card:#fff;--line:#d9e1dc;--input-line:#cbd7d0;--muted:#e7ede9;--muted-fg:#5c6a63;--primary:#087f5b;--primary-fg:#f7fffb;--accent-soft:#fff0b8;--accent-fg:#6b4d00;--danger:#d94b4b;--danger-soft:#fbe9e9;--success:#14805e;--success-soft:#e3f2eb;--warning:#a66700;--warning-soft:#fdf1dc;--sun:#f4c95d;--shift-a:#0d7a58;--shift-a-soft:#e6f5ef;--shift-a-line:#a8dcc6;--shift-b:#3b4fa8;--shift-b-soft:#eaedfa;--shift-b-line:#b9c2ea;--shift-c:#8a4bab;--shift-c-soft:#f4ebfa;--shift-c-line:#d8bde8;--shift-d:#a8632a;--shift-d-soft:#fbeee2;--shift-d-line:#e8c9a8;--sidebar-bg:#14231d;--sidebar-muted:#9cb0a8;--sidebar-accent:#32d49a;--radius:8px;--shadow-sm:0 1px 2px #17211d0d, 0 4px 14px #17211d09;--shadow-md:0 10px 30px #17211d1a;--me-bg:#f5f3ee;--me-card:#fff;--me-line:#e5e0d7;--me-text:#2a2724;--me-soft:#6f6a63;--me-faint:#736d66;--me-green:#087f5b;--me-green-soft:#e3f2eb;--me-amber:#a0692a;--me-amber-soft:#f5e9d8;--me-danger:#a8483a}*{box-sizing:border-box}body{background:linear-gradient(#0f362906 1px, transparent 1px), linear-gradient(90deg, #0f362906 1px, transparent 1px), var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;background-size:24px 24px;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{color:#123126;background:#b8f3dc}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.boot{text-align:center;color:var(--muted-fg);padding:60px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);width:min(380px,100%);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;padding:34px;display:flex}.login-card h1{letter-spacing:-.01em;margin:10px 0 6px;font-size:25px;font-weight:700}.login-lede{color:var(--muted-fg);margin:0 0 26px;font-size:14px}.login-card label{color:var(--fg);margin-bottom:6px;font-size:12px;font-weight:700}.login-card input{background:var(--bg);border:1px solid var(--input-line);border-radius:var(--radius);height:46px;margin-bottom:18px;padding:0 13px}.login-card button[type=submit]{border-radius:var(--radius);background:var(--primary);height:48px;color:var(--primary-fg);border:0;font-weight:700}.login-card button[type=submit]:disabled{opacity:.4;cursor:not-allowed}.login-help{color:var(--muted-fg);text-align:center;margin:18px 0 0;font-size:12px}.eyebrow{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0;font-size:11px;font-weight:700}.ops{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.ops-side{background:var(--sidebar-bg);flex-direction:column;height:100vh;padding:20px 12px 14px;display:flex;position:sticky;top:0}.ops-brand{align-items:center;gap:11px;padding:0 6px 22px;display:flex}.ops-brand:before{content:"K";border-radius:var(--radius);background:var(--sidebar-accent);width:2.5rem;height:2.5rem;color:var(--sidebar-bg);font-family:var(--font-display);flex:none;place-items:center;font-weight:800;display:grid;box-shadow:0 0 0 4px #32d49a1f}.ops-brand strong{font-family:var(--font-display);color:#fff;font-size:14px;font-weight:700;display:block}.ops-brand span{color:var(--sidebar-muted);margin-top:1px;font-size:11px;font-weight:600;display:block}.ops-side nav{flex:1;overflow-y:auto}.nav-group{margin-bottom:14px}.nav-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-muted);margin:0 8px 6px;font-size:11px;font-weight:700}.ops-side nav button{text-align:left;border-radius:var(--radius);width:100%;min-height:2.75rem;color:var(--sidebar-muted);background:0 0;border:0;align-items:center;padding:.5rem .75rem;font-size:14px;font-weight:600;transition:background-color .14s,color .14s;display:flex}.ops-side nav button:hover{color:#fff;background:#ffffff12}.ops-side nav button.on{color:#14513d;box-shadow:inset 3px 0 0 var(--sidebar-accent);background:#edf9f4}.ops-user{border-top:1px solid #ffffff14;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 8px 0;display:flex}.ops-user strong{color:#fff;font-size:13px;display:block}.ops-user span{color:var(--sidebar-muted);margin-bottom:6px;font-size:11px;display:block}.ops-user .link{color:var(--sidebar-accent)}.ops-main{min-width:0}.ops-top{background:var(--card);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:14px;padding:12px 16px;display:none;position:sticky;top:0}.ops-top strong{font-family:var(--font-display)}.hamburger{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);width:40px;height:40px;font-size:16px}.ops-scrim{display:none}.ops-page{max-width:1240px;padding:30px 32px 70px}.home-head h2{letter-spacing:-.02em;margin:5px 0 3px;font-size:30px;font-weight:700}.home-head .sub{color:var(--muted-fg);margin:0 0 24px;font-size:13px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:8px;display:grid}.stat{text-align:left;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);border-radius:11px;padding:15px 17px;transition:border-color .14s,transform .14s,box-shadow .14s}.stat:hover{border-color:#20a878;transform:translateY(-2px);box-shadow:0 10px 24px #087f5b21}.stat em{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);font-size:11px;font-style:normal;font-weight:600;display:block}.stat strong{font-family:var(--font-display);letter-spacing:-.01em;margin-top:5px;font-size:26px;font-weight:700;display:block}.stat-alert{background:var(--warning-soft);border-color:#e6c98a}.stat-alert strong{color:var(--warning)}.stat-ok strong{color:var(--success)}.section-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);margin:32px 0 12px;font-size:12px;font-weight:700}.task-list{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;margin:0;padding:0;list-style:none;overflow:hidden}.task-list li{background:var(--card);border-top:1px solid var(--line);grid-template-columns:92px 1fr auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.task-list li:first-child{border-top:0}.task-list li.urgent{background:var(--warning-soft);box-shadow:inset 3px 0 var(--sun)}.task-kind{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);font-size:10px;font-weight:700}.task-body strong{font-size:14px;font-weight:700;display:block}.task-body small{color:var(--muted-fg);margin-top:2px;font-size:12px;display:block}.task-action{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);color:var(--primary);padding:8px 15px;font-size:12px;font-weight:700}.task-action:hover{border-color:var(--primary);background:#edf9f4}.empty-good{text-align:center;border:1px dashed var(--line);background:var(--card);color:var(--success);border-radius:11px;padding:26px;font-size:14px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-head h2{letter-spacing:-.01em;margin:4px 0 0;font-size:27px;font-weight:700}.summary{gap:28px;margin:0;display:flex}.summary dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);font-size:11px;font-weight:600}.summary dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:20px;font-weight:700}.summary dd small{font-family:var(--font);color:var(--muted-fg);font-size:13px;font-weight:400}dd.warn{color:var(--warning)}dd.ok{color:var(--success)}.muted{color:var(--muted-fg)}.hint{color:var(--muted-fg);max-width:76ch;margin:14px 0;font-size:12px}.hint.accent{color:var(--warning);font-weight:600}.error{border:1px solid var(--danger);background:var(--danger-soft);color:#8f2f2f;border-radius:var(--radius);margin:12px 0;padding:11px 15px;font-size:14px}.error.banner{text-align:center;border-radius:0;margin:0}.notice{background:var(--warning-soft);border:1px solid #e6c98a;border-radius:9px;margin:12px 0;padding:13px 17px;font-size:13px}.notice.warn-box ul{margin:8px 0 0;padding-left:20px}.notice.warn-box li{font-size:12px}code{font-family:var(--mono);background:var(--muted);border-radius:4px;padding:1px 5px;font-size:.88em}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select,.fields input,.fields select,.fields textarea,.panel select{background:var(--card);border:1px solid var(--input-line);border-radius:var(--radius);height:40px;padding:0 12px}.fields textarea{resize:vertical;height:auto;padding:10px 12px}.toolbar input[type=search]{flex:1;min-width:180px}button.primary{border-radius:var(--radius);background:var(--primary);height:44px;color:var(--primary-fg);border:0;padding:0 17px;font-size:13px;font-weight:700}button.primary:hover{background:#0a6f50}button.primary:disabled{opacity:.4;cursor:not-allowed}.link{color:var(--primary);background:0 0;border:0;padding:0;font-size:13px;font-weight:700;position:relative}.link:after{content:"";position:absolute;inset:-11px -6px}.link:hover{text-decoration:underline}.link.danger{color:var(--danger)}.table-wrap{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:12px 16px}thead th{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);background:#f7faf8;font-size:11px;font-weight:700}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f7faf8}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td small{color:var(--muted-fg);margin-top:2px;font-size:11px;display:block}td small.scheduled{color:var(--success);white-space:normal;font-weight:700}td.actions{text-align:right;white-space:nowrap}td.actions .link+.link{margin-left:14px}tr.inactive-row td{opacity:.5}.badge{background:var(--muted);color:var(--muted-fg);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge-disetujui{background:var(--success-soft);color:var(--success)}.badge-menunggu{background:var(--warning-soft);color:var(--warning)}.badge-ditolak{background:var(--danger-soft);color:#8f2f2f}table.grid th,table.grid td{text-align:center;padding:3px}table.grid th:first-child,table.grid td:first-child{text-align:left;padding:9px 14px}.sticky-col{background:var(--card);z-index:1;min-width:150px;position:sticky;left:0}.who{align-items:center;gap:10px;display:flex}.who-avatar{background:var(--success-soft);width:32px;height:32px;color:var(--success);letter-spacing:.03em;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.who-name{min-width:0}.who-name strong{font-size:13px;line-height:1.25;display:block}.who-name small{color:var(--muted-fg);margin-top:0;font-size:11.5px;line-height:1.35;display:block}th.weekend{color:var(--danger)}th.holiday{background:var(--danger-soft);color:#8f2f2f}th.holiday .holiday-name{text-overflow:ellipsis;white-space:nowrap;max-width:56px;margin:0 auto;font-size:10px;font-weight:400;display:block;overflow:hidden}.seg{border:1px solid var(--input-line);background:var(--card);border-radius:20px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted-fg);white-space:nowrap;background:0 0;border:0;padding:7px 14px;font-size:12.5px;font-weight:700}.seg button+button{border-left:1px solid var(--input-line)}.seg button:not(.on):hover{background:var(--bg);color:var(--primary)}.seg button.on:hover{background:#066a4b}.seg button.on{background:var(--primary);color:var(--primary-fg)}.filter-box{background:var(--card);border:1px solid var(--input-line);border-radius:18px;height:34px;padding:0 12px;font-size:12.5px}select.filter-box{padding-right:8px}.filter-box:focus{border-color:var(--primary);outline:none}.group-row th,.group-row td{background:var(--muted);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;color:var(--muted-fg);border-bottom:1px solid var(--line);padding:5px 12px;font-size:10.5px;font-weight:700}.group-row td{text-align:left;letter-spacing:.04em;opacity:.75}.group-row th.sticky-col{background:var(--muted)}table.grid thead th .day-name{letter-spacing:.1em;color:var(--muted-fg);font-size:10px;display:block}table.grid thead th .day-num{letter-spacing:0;color:var(--fg);font-variant-numeric:tabular-nums;margin-top:2px;font-size:16px;line-height:1.15;display:block}table.grid thead th.holiday .day-name,table.grid thead th.holiday .day-num,table.grid thead th.weekend .day-num{color:inherit}.cell{padding:3px!important}td.cell{vertical-align:top}.slot-card{text-align:left;border:1px solid var(--input-line);background:var(--card);width:100%;min-width:104px;min-height:74px;color:var(--fg);border-radius:9px;padding:8px 9px;display:block}.slot-card.empty{color:var(--muted-fg);background:0 0;border-style:dashed;place-items:center;display:grid}.slot-card.empty:hover{border-style:solid;border-color:var(--primary);color:var(--primary);background:var(--card)}.slot-head{align-items:center;gap:5px;font-size:12px;font-weight:700;line-height:1.2;display:flex}.slot-time{font-variant-numeric:tabular-nums;opacity:.85;margin-top:3px;font-size:11px;display:block}.slot-place{color:var(--muted-fg);text-overflow:ellipsis;margin-top:5px;font-size:11px;font-weight:600;display:block;overflow:hidden}.slot-tag{border-radius:20px;align-items:center;gap:3px;margin-top:6px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.slot-tag.away{background:var(--accent-soft);color:var(--accent-fg)}.slot-tag.duty{background:var(--muted);color:var(--muted-fg)}.slot-card.s0{background:var(--shift-a-soft);border-color:var(--shift-a-line);color:var(--shift-a)}.slot-card.s1{background:var(--shift-b-soft);border-color:var(--shift-b-line);color:var(--shift-b)}.slot-card.s2{background:var(--shift-c-soft);border-color:var(--shift-c-line);color:var(--shift-c)}.slot-card.s3{background:var(--shift-d-soft);border-color:var(--shift-d-line);color:var(--shift-d)}.slot-card.libur{background:var(--muted);border-color:var(--line);color:var(--muted-fg)}.slot-card.absen{background:var(--danger-soft);color:#8f2f2f;border-color:#e8bcbc}.mark{border:1px solid var(--input-line);background:var(--bg);color:var(--muted-fg);border-radius:6px;width:27px;height:27px;font-size:11px;font-weight:700}.mark:hover:not(:disabled){border-color:var(--primary)}.mark.future{opacity:.3;cursor:not-allowed}.mark-hadir{background:var(--primary);border-color:var(--primary);color:#fff;border-style:solid}.mark-off{background:var(--muted);color:var(--muted-fg)}.mark-izin,.mark-cuti{background:var(--sun);color:#4a3708;border-style:solid;border-color:#d9a93c}.mark-sakit{background:var(--accent-soft);color:var(--accent-fg);border-color:#e0c98a}.mark-alpa{background:var(--danger);border-color:var(--danger);color:#fff}.paint{color:var(--muted-fg);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.paint-bar{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:12px 16px;margin-bottom:16px;padding:16px 18px;display:grid}.paint-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);white-space:nowrap;font-size:10px;font-weight:700}.paint-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.paint-row.spread{justify-content:space-between;gap:12px 20px}.paint-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.paint-sep{background:var(--line);align-self:stretch;width:1px;min-height:26px;margin:0 4px}.paint-note-wrap{flex:none;align-items:center;gap:9px;display:inline-flex}.paint-note-wrap label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);font-size:10px;font-weight:700}.paint-note{background:var(--bg);border:1px solid var(--input-line);border-radius:18px;width:210px;height:34px;padding:0 12px;font-size:12.5px}.paint-note:focus{background:var(--card);border-color:var(--primary);outline:none}.paint-bar .chip{border-radius:21px;padding:7px 15px;line-height:1.25;transition:border-color .12s,background-color .12s,color .12s}.paint-bar .chip:not(.active):hover{background:var(--bg)}.paint-bar .chip.active{box-shadow:0 1px 2px #087f5b40}.chip.active:hover{color:var(--primary-fg);background:#066a4b;border-color:#066a4b}.paint-bar .chip.active i{opacity:.9}@media (width<=700px){.paint-bar{grid-template-columns:1fr;gap:5px 0}.paint-label:not(:first-child){margin-top:8px}}.chip{border:1px solid var(--input-line);background:var(--card);color:var(--muted-fg);border-radius:20px;padding:6px 13px;font-size:12px;font-weight:700}.chip:not(.active):hover{border-color:var(--primary);color:var(--primary)}.chip.active{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;margin-bottom:16px;padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-head .form-title{margin-bottom:4px}.panel-head .hint{margin:0}.form-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);margin:0 0 12px;font-size:11px;font-weight:700}.fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.fields label{color:var(--fg);flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.fields label.wide{grid-column:1/-1}.fields label.checkbox{flex-direction:row;align-items:center;gap:8px}.fields label.checkbox input{width:auto;height:auto}.backdrop{z-index:60;background:#11111159;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--bg);border:1px solid var(--line);width:min(680px,100%);max-height:88vh;box-shadow:var(--shadow-md);border-radius:14px;padding:24px;overflow:auto}.wide-dialog{width:min(820px,100%)}.dialog header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.dialog h3{margin:4px 0 0;font-size:21px;font-weight:700}.dialog-section,.rate-form{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.rate-form button[type=submit],.dialog-section button[type=submit]{border-radius:var(--radius);background:var(--primary);height:40px;color:var(--primary-fg);border:0;padding:0 18px;font-weight:700}tr.future td{background:var(--accent-soft)}.confirm-row{border:1px solid var(--danger);background:var(--danger-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 15px;font-size:13px;display:flex}.adjustment-list{border:1px solid var(--line);border-radius:9px;margin:0 0 14px;padding:0;list-style:none;overflow:hidden}.adjustment-list li{background:var(--card);border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:10px 15px;font-size:13px;display:grid}.adjustment-list li:first-child{border-top:0}.adjustment-list small{color:var(--muted-fg);font-size:11px;display:block}.adjustment-list strong{font-variant-numeric:tabular-nums}.adjustment-list strong.minus{color:var(--danger)}.payslip{margin:0}.payslip>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.payslip dt,.payslip dd{margin:0}.payslip dd{font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--mono);white-space:nowrap;font-size:13px}.payslip .minus dd{color:var(--danger)}.payslip .subtotal{color:var(--muted-fg)}.payslip .net{border-bottom:0;border-top:2px solid var(--fg);padding-top:13px;font-size:16px}.bars{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;flex-direction:column;gap:11px;padding:18px;display:flex}.bar-row{grid-template-columns:minmax(120px,1.2fr) 3fr minmax(110px,auto);align-items:center;gap:14px;font-size:13px;display:grid}.bar-label small{color:var(--muted-fg);font-size:11px;display:block}.bar-track{background:var(--muted);border-radius:20px;height:11px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:20px;height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.notes{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.note{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;padding:16px}.note.broadcast{border-left:3px solid var(--primary)}.note.archived{opacity:.55}.note header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.note p{color:var(--fg);margin:0;font-size:14px}.note footer{border-top:1px solid var(--line);color:var(--muted-fg);margin-top:10px;padding-top:8px;font-size:11px}.chip-list{flex-wrap:wrap;gap:8px;display:flex}table.slots th.sticky-col{vertical-align:middle;background:var(--card)}table.slots th.sticky-col strong{font-size:13px;display:block}table.slots th.sticky-col small{letter-spacing:0;text-transform:none;color:var(--muted-fg);margin-top:1px;font-size:10.5px;font-weight:400;display:block}.slot-cell{text-align:left;border:1px dashed var(--input-line);width:100%;min-width:108px;min-height:52px;color:var(--muted-fg);background:0 0;border-radius:9px;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.slot-cell:hover{border-color:var(--primary);border-style:solid}.slot-cell.filled{border-style:solid;border-color:var(--shift-a-line);background:var(--shift-a-soft);color:var(--shift-a)}.slot-cell span{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;line-height:1.35;overflow:hidden}.slot-cell .via-tag{letter-spacing:.04em;background:#0d7a5824;border-radius:4px;margin-left:5px;padding:0 4px;font-size:9px;font-style:normal;font-weight:700}tr.slot-derived td,tr.slot-derived th.sticky-col{background:var(--shift-b-soft)}tr.slot-derived th.sticky-col strong{color:var(--shift-b);font-weight:600}tr.slot-derived .slot-cell{border-style:dotted;border-color:var(--shift-b-line)}tr.slot-derived .slot-cell.filled{background:var(--card);border-style:solid;border-color:var(--shift-b-line);color:var(--shift-b)}tr.slot-derived .slot-cell .via-tag{display:none}tr.slot-row-agenda td,tr.slot-row-agenda th.sticky-col{background:var(--warning-soft)}tr.slot-row-agenda th.sticky-col strong{color:var(--warning)}.agenda-cell{flex-wrap:wrap;align-items:center;gap:4px;padding:5px 4px;display:flex}.agenda-cell>span{background:var(--card);color:var(--warning);border:1px solid #e6c894;border-radius:20px;align-items:center;gap:4px;padding:3px 4px 3px 8px;font-size:10.5px;font-weight:700;line-height:1.4;display:inline-flex}.agenda-cell>span button{width:15px;height:15px;color:inherit;opacity:.6;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.agenda-cell>span button:hover{background:var(--warning-soft);opacity:1}.agenda-add{color:var(--warning);background:0 0;border:1px dashed #e6c894;border-radius:20px;align-items:center;gap:2px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.agenda-add:hover{background:var(--card);border-style:solid}tr.slot-row-off td,tr.slot-row-off th.sticky-col{background:var(--muted)}.slot-row-off .slot-cell,.slot-row-off .slot-cell.filled{border-color:var(--input-line);color:var(--muted-fg)}.slot-row-off .slot-cell.filled{background:var(--card);border-style:solid}.slot-row-off .slot-cell span{color:var(--muted-fg)}tr.slot-row-idle td,tr.slot-row-idle th.sticky-col{background:#f7faf8}.slot-idle{color:var(--muted-fg);white-space:normal;padding:6px 8px;font-size:11px;display:block}.slot-idle.ada{color:var(--warning);font-weight:600}.pick-list{border:1px solid var(--line);border-radius:9px;max-height:46vh;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto}.pick-list li+li{border-top:1px solid var(--line)}.pick-list label{cursor:pointer;align-items:center;gap:11px;padding:9px 12px;display:flex}.pick-list li.blocked label{opacity:.55;cursor:not-allowed}.pick-list input{width:16px;height:16px;accent-color:var(--primary)}.pick-name{flex:1;min-width:0}.pick-name strong{font-size:13.5px;display:block}.pick-name small{color:var(--muted-fg);font-size:11px;display:block}.pick-tag{border-radius:20px;flex:none;padding:3px 9px;font-size:10.5px;font-weight:700}.pick-tag.warn{background:var(--accent-soft);color:var(--accent-fg)}.pick-tag.absen{background:var(--danger-soft);color:#8f2f2f}.pick-effect{border:1px solid var(--accent-soft);background:var(--accent-soft);color:var(--accent-fg);border-radius:9px;margin:0 0 10px;padding:10px 12px;font-size:12px;line-height:1.6;list-style:none}.timeline-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);border-bottom:1px solid var(--line);margin:0 0 8px;padding-bottom:6px;font-size:11px;font-weight:700}.timeline-kind{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);font-size:10px;font-weight:700}.me{background:var(--me-bg);min-height:100vh;color:var(--me-text);max-width:560px;box-shadow:0 0 0 1px var(--me-line);flex-direction:column;margin:0 auto;display:flex}.me-top{background:var(--me-green);color:#fff;z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex;position:sticky;top:0}.me-top span{letter-spacing:.16em;text-transform:uppercase;opacity:.72;font-size:10px;display:block}.me-top strong{margin-top:2px;font-size:19px;font-weight:600;display:block}.me-menu{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:20px;min-height:44px;padding:7px 16px;font-size:13px;font-weight:700}.me-body{flex:1;padding:16px 14px 24px}.me-card{background:var(--me-card);border:1px solid var(--me-line);border-radius:14px;margin-bottom:11px;padding:16px 17px}.me-card em{letter-spacing:.12em;text-transform:uppercase;color:var(--me-faint);font-size:11px;font-style:normal;display:block}.me-card>strong{letter-spacing:-.01em;margin-top:5px;font-size:25px;font-weight:600;display:block}.me-card>strong i{color:var(--me-faint);font-size:14px;font-style:normal;font-weight:400}.me-card small{color:var(--me-faint);margin-top:4px;font-size:12px;display:block}.me-card.pay{background:var(--me-green);border-color:var(--me-green);color:#fff}.me-card.pay em,.me-card.pay small{color:#ffffffb8}.me-card.warn{background:var(--me-amber-soft);border-color:#e0c79c}.me-card.announce{border-left:3px solid var(--me-green)}.me-card.warn>strong{color:var(--me-amber)}.me-days{align-items:stretch;gap:4px;margin-top:10px;display:flex}.me-days button.step{width:24px;min-width:0;color:var(--me-soft);background:0 0;border:0;flex:none;padding:0;font-size:17px}.me-days button{border:1px solid var(--me-line);background:var(--me-card);min-width:44px;min-height:44px;color:var(--me-soft);border-radius:10px;flex:1;padding:5px 2px}.me-days button span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:block}.me-days button strong{margin-top:1px;font-size:14px;display:block}.me-days button.on{background:var(--me-green);border-color:var(--me-green);color:#fff}.me-member{text-align:left;background:var(--me-card);border:1px solid var(--me-line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:7px;padding:10px 13px;display:flex}.me-member-name{min-width:0}.me-member-name strong{font-size:14px;line-height:1.3;display:block}.me-member-name small{color:var(--me-faint);font-size:10.5px;display:block}.me-member-state{text-align:right;border-radius:20px;flex:none;max-width:58%;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.35}.me-member-state.kerja{background:var(--me-green-soft);color:var(--me-green)}.me-member-state.libur{background:var(--me-line);color:var(--me-soft)}.me-member-state.absen{background:var(--me-amber-soft);color:var(--me-amber)}.me-member-state.lain{background:var(--me-bg);color:var(--me-soft);font-weight:600}.me-member-state.kosong{color:var(--me-faint);font-weight:600}.me-sheet-wrap{z-index:40;background:#1a181566;align-items:flex-end;display:flex;position:fixed;inset:0}.me-sheet{background:var(--me-bg);border-radius:18px 18px 0 0;width:100%;max-height:80vh;padding:16px 16px 24px;overflow-y:auto}.me-sheet header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.me-sheet header strong{font-size:16px}.me-sheet header button{color:var(--me-green);background:0 0;border:0;font-size:13px;font-weight:700}.me-choice{text-align:left;background:var(--me-card);border:1px solid var(--me-line);border-radius:13px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin-bottom:8px;padding:13px 15px;display:flex}.me-choice strong{font-size:14px}.me-choice span{color:var(--me-faint);font-size:11.5px}.me-choice.on{border-color:var(--me-green);background:var(--me-green-soft)}.me-choice.clear strong{color:var(--me-danger)}.me-choice:disabled{opacity:.5}.me-day{border:0;border-top:1px solid var(--me-line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:9px 0;display:flex}.me-day:first-of-type{border-top:0}.me-day .grow{flex:1;min-width:0;font-size:14px;font-weight:600}.me-day small{color:var(--me-soft);margin-top:1px;font-size:11.5px;font-weight:400;display:block}.me-day-dot{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.me-day-dot.s0{background:var(--shift-a-soft);color:var(--shift-a)}.me-day-dot.s1{background:var(--shift-b-soft);color:var(--shift-b)}.me-day-dot.s2{background:var(--shift-c-soft);color:var(--shift-c)}.me-day-dot.s3{background:var(--shift-d-soft);color:var(--shift-d)}.me-day-dot.libur{background:var(--me-line);color:var(--me-soft)}.me-day-dot.absen{background:var(--me-amber-soft);color:var(--me-amber)}.me-day-dot.kosong{background:var(--me-bg);color:var(--me-faint)}.me-day small.me-day-detail{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.me-day-detail svg{flex:none}.me-day-detail b{color:var(--me-text);font-weight:700}.me-day-detail i{font-variant-numeric:tabular-nums;font-style:normal}.me-day-detail em{border-left:1px solid var(--me-line);text-overflow:ellipsis;white-space:nowrap;padding-left:6px;font-style:normal;overflow:hidden}.me-month{align-items:center;gap:8px;margin-bottom:8px;display:flex}.me-month>strong:first-child{text-align:left}.me-month strong{text-align:center;flex:1;font-size:15px}.me-history{margin-left:4px}.me-history.on{border-color:var(--me-green);color:var(--me-green);background:var(--me-green-soft)}.me-month button:disabled{opacity:.35;cursor:not-allowed}.me-month button:disabled:hover{border-color:var(--me-line);color:var(--me-soft)}.me-month button{border:1px solid var(--me-line);background:var(--me-card);width:44px;height:44px;color:var(--me-soft);border-radius:10px;place-items:center;font-size:17px;display:grid}.me-month button:hover{border-color:var(--me-green);color:var(--me-green)}.me-mine{color:var(--me-soft);align-items:center;gap:7px;margin:8px 0 0;font-size:14px;display:flex}.me-mine b{color:var(--me-text);font-size:15px}.me-mine i{font-variant-numeric:tabular-nums;font-style:normal}.me-mine em{border-left:1px solid var(--me-line);padding-left:7px;font-size:12.5px;font-style:normal}.me-mate-team+.me-mate-team{margin-top:12px}.me-mate-head{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--me-faint);margin:8px 0 4px;font-size:10px;font-weight:700}.me-day-more{color:var(--me-faint);flex:none;font-size:18px}.me-mate{border-top:1px solid var(--me-line);align-items:baseline;gap:12px;padding:6px 0;display:flex}.me-mate:first-of-type{border-top:0}.me-mate-shift{min-width:132px;color:var(--me-soft);flex:none;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.me-mate-shift b{color:var(--me-text);font-weight:700}.me-mate-shift i{font-variant-numeric:tabular-nums;font-style:normal}.me-mate-names{flex:1;font-size:13px;font-weight:600;line-height:1.45}.hidden-amount{letter-spacing:.08em}.me-reveal{color:#fff;background:#ffffff1f;border:1px solid #ffffff59;border-radius:20px;margin-top:11px;padding:6px 14px;font-size:12px;font-weight:700}.me-reveal:hover{background:#fff3}.me-pin{background:var(--me-card);border:1px solid var(--me-line);letter-spacing:.2em;border-radius:12px;width:100%;height:46px;margin-bottom:12px;padding:0 14px;font-size:16px}.me-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.me-grid .me-card{margin-bottom:11px}.me-row{border-top:1px solid #f0ece5;align-items:center;gap:12px;padding:11px 0;font-size:14px;display:flex}.me-row:first-of-type{border-top:0;margin-top:6px}.me-row .grow{flex:1}.me-row small{color:var(--me-faint);margin-top:1px;font-size:12px;display:block}.me-dot{background:var(--me-green-soft);width:38px;height:38px;color:var(--me-green);border-radius:12px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.me-dot.away{background:var(--me-amber-soft);color:var(--me-amber)}.me-empty{color:var(--me-faint);margin:10px 0 0;font-size:13px}.me-slip{margin:8px 0 0}.me-slip>div{border-top:1px solid #f0ece5;justify-content:space-between;gap:14px;padding:10px 0;font-size:14px;display:flex}.me-slip dt,.me-slip dd{margin:0}.me-slip dd{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.me-slip .minus dd{color:var(--me-danger)}.me-slip .total{border-top:2px solid var(--me-text);margin-top:4px;font-size:16px}.me-chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.me-chip{background:var(--me-green-soft);min-width:44px;color:var(--me-green);border-radius:10px;flex-direction:column;align-items:center;padding:7px 6px;font-size:14px;font-weight:700;display:inline-flex}.me-chip i{margin-top:2px;font-size:9px;font-style:normal;font-weight:400}.me-chip.s-izin,.me-chip.s-cuti,.me-chip.s-sakit{background:var(--me-amber-soft);color:var(--me-amber)}.me-chip.s-alpa{color:var(--me-danger);background:#f5dcd7}.me-chip.s-off{color:var(--me-faint);background:#eeeae3}.me-note-head{gap:7px;margin-bottom:9px;display:flex}.me-tag{letter-spacing:.06em;text-transform:uppercase;background:var(--me-green-soft);color:var(--me-green);border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700}.me-tag.score{background:var(--me-amber-soft);color:var(--me-amber)}.me-note{color:var(--me-soft);margin:0;font-size:14px;line-height:1.6}.me-date{color:var(--me-faint);margin-top:10px;font-size:11px;display:block}.me-nav{background:var(--me-card);border-top:1px solid var(--me-line);display:flex;position:sticky;bottom:0}.me-nav button{min-height:44px;color:var(--me-faint);cursor:pointer;background:0 0;border:0;flex:1;padding:13px 4px;font-size:12px;font-weight:700}.me-nav button.on{color:var(--me-green);box-shadow:inset 0 2px var(--me-green)}.me .error{border-color:var(--me-danger);color:var(--me-danger);background:#f7e6e2}.me .muted{color:var(--me-faint)}@media (width<=860px){.ops{grid-template-columns:1fr}.ops-top{display:flex}.ops-side{z-index:40;width:250px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.ops-side.open{transform:none}.ops-scrim{z-index:30;background:#04080e99;display:block;position:fixed;inset:0}.ops-page{padding:20px 14px 60px}.task-list li{grid-template-columns:1fr auto;row-gap:4px}.task-kind{grid-column:1/-1}.summary{flex-wrap:wrap;gap:18px}}.chip i{opacity:.75;margin-top:1px;font-size:9px;font-style:normal;font-weight:400;display:block}.timeline{flex-direction:column;gap:20px;display:flex}.timeline-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-fg);border-bottom:1px solid var(--line);margin:0 0 8px;padding-bottom:6px;font-size:11px;font-weight:700}.timeline-row{border-left:2px solid var(--line);grid-template-columns:92px 88px 1fr auto;align-items:baseline;gap:14px;padding:9px 0 9px 11px;font-size:13px;display:grid}.timeline-date{color:var(--muted-fg);white-space:nowrap;font-size:12px}.timeline-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);font-size:9px;font-weight:700}.timeline-body strong{font-weight:600;display:block}.timeline-body small{color:var(--muted-fg);margin-top:2px;font-size:12px;display:block}.timeline-amount{font-variant-numeric:tabular-nums;font-family:var(--mono);white-space:nowrap;color:var(--muted-fg);font-size:12px}.timeline-row.k-gaji{border-left-color:var(--success)}.timeline-row.k-gaji .timeline-amount{color:var(--success);font-weight:700}.timeline-row.k-tarif{border-left-color:var(--primary)}.timeline-row.k-kehadiran{border-left-color:var(--warning)}.timeline-row.k-kasbon{border-left-color:var(--danger)}.timeline-row.k-masuk,.timeline-row.k-keluar{border-left-color:var(--fg)}@media (width<=700px){.timeline-row{grid-template-columns:1fr auto;row-gap:3px}.timeline-kind{order:-1;grid-column:1/-1}.timeline-date{grid-column:1/-1}}th.actions{text-align:right}form.panel>button[type=submit],.dialog form>button[type=submit],.dialog-section form>button[type=submit],.rate-form>button[type=submit]{margin-top:18px}.dialog-section>.link{margin-top:10px;display:inline-block}form.panel>.hint+button[type=submit],form.panel>.error+button[type=submit],.dialog form>.hint+button[type=submit],.dialog form>.error+button[type=submit],.dialog-section form>.hint+button[type=submit],.dialog-section form>.error+button[type=submit],.rate-form>.hint+button[type=submit],.rate-form>.error+button[type=submit]{margin-top:4px}th.sortable{padding:0}th.sortable button{width:100%;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:12px 16px;display:flex}th.sortable.num button{justify-content:flex-end}th.sortable button:hover{color:var(--primary)}th.sortable span{opacity:.45;font-size:9px}th.sortable[aria-sort=ascending] button,th.sortable[aria-sort=descending] button{color:var(--primary)}th.sortable[aria-sort=ascending] span,th.sortable[aria-sort=descending] span{opacity:1}.branch-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.branch-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;padding:18px}.branch-card.inactive{opacity:.6}.branch-card>header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.branch-card h3{margin:0;font-size:19px;font-weight:700}.branch-card>header p{color:var(--muted-fg);align-items:center;gap:8px;margin:3px 0 0;font-size:12px;display:flex}.branch-code{font-family:var(--mono);background:var(--muted);color:var(--muted-fg);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.branch-actions{white-space:nowrap;gap:12px;display:flex}.member-list{border:1px solid var(--line);border-radius:9px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.member-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 13px;display:flex}.member-list li:first-child{border-top:0}.member-list strong{font-size:13px;display:block}.member-list small{color:var(--muted-fg);font-size:10.5px;display:block}.shift-group+.shift-group{margin-top:14px}.shift-group-head{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);margin:0 0 6px;font-size:10px;font-weight:700}.link-strong{color:var(--fg);text-align:left;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:700}.link-strong:hover{color:var(--primary);text-decoration:underline}.shift-list{border:1px solid var(--line);border-radius:9px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.shift-list li{border-top:1px solid var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:10px 13px;display:grid}.shift-list li:first-child{border-top:0}.shift-list li.off{opacity:.5}.shift-code{background:var(--success-soft);width:28px;height:28px;color:var(--primary);border-radius:7px;place-items:center;font-size:12px;font-weight:700;display:grid}.shift-name strong{font-size:14px;display:block}.shift-name small{color:var(--muted-fg);font-size:11px;display:block}.shift-time{font-family:var(--mono);color:var(--muted-fg);white-space:nowrap;font-size:12px}.shift-actions{grid-column:1/-1;gap:12px;padding-top:2px;display:flex}.link,button.primary,.task-action,.ops-side nav button,.stat em,.task-kind,.empty-good,.branch-card h3{align-items:center;gap:7px;display:inline-flex}button.primary,.task-action{justify-content:center;display:inline-flex}.ops-side nav button{gap:11px;display:flex}.ops-side nav button svg{opacity:.85;flex:none}.ops-side nav button.on svg{opacity:1}.stat em,.task-kind{gap:5px}.stat em svg,.task-kind svg{opacity:.6;flex:none}.empty-good{justify-content:center;display:flex}.branch-card h3 svg{color:var(--primary)}.ops-user .link svg{opacity:.8}td.actions .link{gap:5px}.search-field{background:var(--card);border:1px solid var(--input-line);border-radius:var(--radius);min-width:180px;color:var(--muted-fg);flex:1;align-items:center;gap:8px;padding-left:12px;display:flex}.search-field input[type=search]{background:0 0;border:0;flex:1;min-width:0;padding-left:0}.search-field input[type=search]:focus-visible{outline:none}.search-field:focus-within{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.notice svg{vertical-align:-2px;color:var(--warning)}tr.row-clickable{cursor:pointer}tr.row-clickable:hover td{background:#f0f7f3}tr.row-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}tr.row-clickable td.actions{color:var(--muted-fg)}tr.row-clickable:hover td.actions{color:var(--primary)}.employee-detail header{margin-bottom:14px}.detail-facts{color:var(--muted-fg);flex-wrap:wrap;gap:8px;margin:7px 0 0;font-size:12px;display:flex}.detail-facts>span:not(.badge):after{content:"·";opacity:.5;margin-left:8px}.detail-facts>span:last-child:after{content:"";margin:0}.detail-summary{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.detail-summary>div{background:var(--card);padding:12px 14px}.detail-summary em{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);font-size:10px;font-style:normal;font-weight:600;display:block}.detail-summary strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:3px;font-size:16px;font-weight:700;display:block}.detail-summary small{color:var(--success);margin-top:2px;font-size:11px;font-weight:600;display:block}.detail-tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:18px;display:flex;overflow-x:auto}.detail-tabs button{color:var(--muted-fg);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 13px;font-size:13px;font-weight:600;display:inline-flex}.detail-tabs button:hover{color:var(--fg)}.detail-tabs button.on{color:var(--primary);border-bottom-color:var(--primary)}.detail-body>section+section{margin-top:20px}.role-guide{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:11px;margin-top:26px;padding:16px 18px}.role-guide dl{gap:10px;margin:0;display:grid}.role-guide dl>div{grid-template-columns:110px 1fr;gap:14px;font-size:13px;display:grid}.role-guide dt{font-weight:700}.role-guide dd{color:var(--muted-fg);margin:0}td select{background:var(--card);border:1px solid var(--input-line);border-radius:6px;height:34px;padding:0 8px;font-size:13px}@media (width<=600px){.role-guide dl>div{grid-template-columns:1fr;gap:2px}}.money-input{background:var(--card);border:1px solid var(--input-line);border-radius:var(--radius);align-items:center;gap:7px;height:40px;padding:0 12px;display:flex}.money-input i{color:var(--muted-fg);flex:none;font-size:12px;font-style:normal;font-weight:700}.money-input input{font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0}.money-input input:focus-visible{outline:none}.money-input:focus-within{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.me-amount{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--me-text);font-size:13px;font-weight:700}.note-actions{gap:12px;margin-left:12px;display:inline-flex}.note footer{flex-wrap:wrap;align-items:center;display:flex}.me-card.checkin{border-color:var(--me-green);box-shadow:inset 3px 0 0 var(--me-green)}.me-card.checkin>strong{font-size:19px;line-height:1.3}.checkin-tombol{background:var(--me-green);color:#fff;width:100%;height:46px;font-family:var(--font);letter-spacing:.01em;border:0;border-radius:12px;margin-top:13px;font-size:15px;font-weight:700}.checkin-tombol:hover:not(:disabled){filter:brightness(1.08)}.checkin-tombol:disabled{opacity:.6}.me-card.checkin.sudah{border-color:var(--me-line);box-shadow:inset 3px 0 0 var(--me-green-soft)}.me-card.checkin.sudah>strong{color:var(--me-green);font-size:25px}.checkin-catatan{color:var(--me-amber);align-items:center;gap:5px;margin-top:7px;display:flex}.checkin-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 16px}.checkin-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.checkin-head strong{font-family:var(--font-display);font-size:15px}.checkin-head .muted{font-size:12px}.checkin-beres{color:var(--success);margin:8px 0 0;font-size:13px}.checkin-daftar{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);gap:1px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.checkin-daftar li{background:var(--card);flex-wrap:wrap;align-items:center;gap:12px;padding:9px 12px;display:flex}.checkin-nama{flex:180px;min-width:0}.checkin-nama strong{font-size:13px;font-weight:600;display:block}.checkin-nama small{color:var(--muted-fg);margin-top:1px;font-size:11px;display:block}.checkin-tanda{flex-wrap:wrap;gap:5px;display:flex}.tanda{white-space:nowrap;background:var(--muted);color:var(--muted-fg);border-radius:20px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600}.tanda-terlambat{background:var(--warning-soft);color:var(--warning)}.tanda-jauh,.tanda-tanpa_jadwal{background:var(--danger-soft);color:var(--danger)}.tanda-tanpa_lokasi{background:var(--muted);color:var(--muted-fg)}.tanda-belum{background:var(--accent-soft);color:var(--accent-fg)}.checkin-putusan{flex-wrap:wrap;gap:5px;display:flex}.checkin-putusan .chip{padding:4px 10px;font-size:11px}.me-card.checkin.tutup{border-color:var(--me-line);box-shadow:inset 3px 0 0 var(--me-line)}.me-card.checkin.tutup>strong{color:var(--me-soft)}.checkin-tombol.senyap{border:1px solid var(--me-line);height:40px;color:var(--me-soft);background:0 0;margin-top:10px;font-size:13px;font-weight:600}.checkin-tombol.senyap:hover:not(:disabled){filter:none;border-color:var(--me-green);color:var(--me-green)}.muted-num{color:var(--muted-fg)}.lembur .link-strong{align-items:center;gap:6px;display:inline-flex}.lembur .lembur-ringkas td{cursor:default}.lembur tbody.terbuka>.lembur-ringkas>td{background:var(--muted);border-bottom-color:#0000}.lembur-rinci>td{background:var(--muted);padding:0 16px 16px}.subtable{background:var(--card);border:1px solid var(--line);font-size:12.5px}.subtable th,.subtable td{padding:8px 12px}.subtable thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);background:var(--bg);font-size:10.5px;font-weight:700}.subtable tbody tr:last-child td{border-bottom:0}.subtable tr.nanti td{color:var(--muted-fg)}.subtable tr.nanti td:first-child{box-shadow:inset 2px 0 0 var(--line)}.angka-klik{font:inherit;color:inherit;font-variant-numeric:tabular-nums;border:0;border-bottom:1px dashed var(--line);background:0 0;padding:0}.angka-klik:hover:not(:disabled){color:var(--primary);border-bottom-color:var(--primary)}.angka-klik:disabled{border-bottom-color:#0000}.bars .bar-row{width:100%;font-family:var(--font);color:inherit;text-align:left;background:0 0;border:0;border-radius:7px;margin:-4px -6px;padding:4px 6px}.bars .bar-row:hover{background:var(--muted)}.bars .bar-row:hover .bar-fill{background:var(--success)}tr.klik{cursor:pointer}tr.klik:hover td{background:var(--muted)}tr.klik:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}tr.klik:hover .link-strong{color:var(--primary);text-decoration:underline}.rincian-detail{border-left:2px solid var(--line);margin:0 0 12px;padding:0;list-style:none}.rincian-detail li{justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0 6px 14px;font-size:12.5px;display:flex}.rincian-detail li+li{border-top:1px solid var(--line)}.rincian-detail small{color:var(--muted-fg);margin-top:1px;font-size:11px;display:block}.rincian-detail .num{font-variant-numeric:tabular-nums;white-space:nowrap}body.dialog-terbuka{overflow:hidden}.dialog:focus{outline:none}@media (width<=860px){input,select,textarea,.toolbar input,.toolbar select,.fields input,.fields select,.fields textarea{font-size:16px}}.cetak-kepala{display:none}@media print{@page{size:A4 landscape;margin:10mm}html,body{background:#fff}.ops-side,.ops-top,.ops-scrim,.page-head,.toolbar,.paint-bar,.seg,.hint,.backdrop,.me-nav{display:none!important}.ops,.ops-main,.ops-page{height:auto;margin:0;padding:0;display:block;overflow:visible}.cetak-kepala{border-bottom:1pt solid #333;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8pt;padding-bottom:6pt;display:flex}.cetak-merek{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:8pt}.cetak-kepala strong{font-family:var(--font-display);font-size:14pt}.cetak-kanan{text-align:right}.cetak-kanan strong{font-size:11pt;display:block}.cetak-kanan small{color:#555;font-size:8pt}.table-wrap{border:0;overflow:visible!important}table{width:100%;font-size:8.5pt}th,td{padding:4pt 5pt}.sticky-col{position:static!important}thead{display:table-header-group}tr{break-inside:avoid}.slot-cell{background:0 0!important;border:0!important;min-height:0!important;padding:0!important}.slot-cell svg,.agenda-cell button{display:none!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cetak-dialog{flex-direction:column;width:min(1400px,96vw);max-height:92vh;display:flex}.cetak-alat{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cetak-alat .toolbar{margin-bottom:0}.cetak-isi{overflow:auto}.cetak-lembar+.cetak-lembar{border-top:2px solid var(--line);margin-top:28px;padding-top:22px}.cetak-kaki{color:var(--muted-fg);margin:6px 0 0;font-size:10px;line-height:1.5}@media print{.cetak-backdrop{background:0 0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.cetak-dialog{width:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important;overflow:visible!important}.cetak-alat,.cetak-dialog>.error{display:none!important}.cetak-isi{overflow:visible!important}.cetak-lembar{break-after:page}.cetak-lembar:last-child{break-after:auto}.cetak-lembar+.cetak-lembar{border-top:0;margin-top:0;padding-top:0}.cetak-kaki{font-size:6.5pt}body.cetak-bulanan .ops-page>section>*{display:none!important}body.cetak-bulanan .ops-page>section>.cetak-backdrop{display:block!important}}.cetak-slot{border-collapse:collapse;table-layout:fixed;width:100%;margin-bottom:10px;font-size:11px}.cetak-slot th,.cetak-slot td{border:1px solid var(--line);vertical-align:top;text-align:left;padding:3px 5px}.cetak-slot th.slot{background:var(--muted);width:96px}.cetak-slot th.slot strong{font-size:11px;display:block}.cetak-slot th.slot small{color:var(--muted-fg);font-size:9px;font-weight:400;display:block}.cetak-slot thead th{background:var(--muted);text-align:center;font-size:10px}.cetak-slot thead .day-name{color:var(--muted-fg);font-weight:400;display:block}.cetak-slot thead .day-num{font-size:12px;font-weight:700;display:block}.cetak-slot td span{line-height:1.3;display:block}.cetak-slot td span i{background:var(--muted);color:var(--muted-fg);border-radius:3px;margin-left:3px;padding:0 3px;font-size:8px;font-style:normal;font-weight:700}.cetak-slot tr.turunan td,.cetak-slot tr.turunan th.slot{background:var(--shift-a-soft)}.cetak-slot tr.baris-libur td,.cetak-slot tr.baris-libur th.slot{background:var(--accent-soft)}.cetak-slot tr.baris-agenda td,.cetak-slot tr.baris-agenda th.slot{background:var(--bg);font-size:10px}.cetak-slot .agenda-merah{color:var(--danger);font-weight:700}.cetak-slot th.merah{background:var(--danger-soft)}.cetak-slot .luar{background:repeating-linear-gradient(45deg, transparent, transparent 4px, var(--muted) 4px, var(--muted) 5px);color:var(--muted-fg)}@media print{.cetak-slot{margin-bottom:6pt;font-size:7pt}.cetak-slot th,.cetak-slot td{border-color:#999;padding:2pt 3pt}.cetak-slot th.slot{width:62pt}.cetak-slot th.slot strong{font-size:7pt}.cetak-slot th.slot small,.cetak-slot td span i{font-size:5.5pt}.cetak-slot thead .day-num{font-size:8pt}.cetak-slot{break-inside:avoid}}.ops-ciutkan{justify-content:flex-end;padding:0 4px 10px;display:flex}.ops-ciutkan button{border-radius:var(--radius);width:2.25rem;height:2.25rem;color:var(--sidebar-muted);background:0 0;border:1px solid #ffffff1f;place-items:center;display:grid}.ops-ciutkan button:hover{border-color:var(--sidebar-accent);color:var(--sidebar-accent)}@media (width>=861px){.ops{transition:grid-template-columns .16s}.ops.ciut{grid-template-columns:68px 1fr}.ops.ciut .nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ops.ciut .ops-side{padding-left:8px;padding-right:8px}.ops.ciut .ops-brand{justify-content:center;padding-bottom:14px}.ops.ciut .ops-ciutkan{justify-content:center;padding-left:0;padding-right:0}.ops.ciut .nav-group{margin-bottom:8px}.ops.ciut .ops-side nav button,.ops.ciut .ops-user .link{justify-content:center;gap:0;padding-left:0;padding-right:0}.ops.ciut .ops-user{align-items:center;padding-left:0;padding-right:0}.ops.ciut .ops-side nav button.on{box-shadow:inset 3px 0 0 var(--sidebar-accent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.week-nav{border:1px solid var(--input-line);border-radius:var(--radius);background:var(--card);align-items:stretch;display:inline-flex;overflow:hidden}.week-nav>button{min-width:2.75rem;min-height:2.75rem;color:var(--muted-fg);background:0 0;border:0;place-items:center;display:grid}.week-nav>button:hover{background:var(--muted);color:var(--fg)}.week-range{border:0;border-left:1px solid var(--input-line);border-right:1px solid var(--input-line);font-family:var(--font);color:var(--fg);white-space:nowrap;background:0 0;padding:0 14px;font-size:13.5px;font-weight:700;position:relative}.week-range:hover{background:var(--muted)}.week-range input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.alat-kanan{align-items:center;gap:14px;margin-left:auto;display:flex}.tombol-gabung{border:1px solid var(--input-line);border-radius:var(--radius);background:var(--card);display:inline-flex;overflow:hidden}.tombol-gabung button{min-height:2.75rem;font-family:var(--font);color:var(--fg);background:0 0;border:0;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.tombol-gabung button+button{border-left:1px solid var(--input-line)}.tombol-gabung button:hover{background:var(--muted);color:var(--primary)}@media (width<=860px){.jadwal-alat .alat-kanan{width:100%;margin-left:0}}