@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--kanan-green: #1E5A42;--kanan-green-dark: #163F2E;--kanan-green-soft: #E9F1EC;--kanan-green-line: #CFE3D6;--old-gold: #C7A24A;--gold-soft: #FAF6EC;--gold-soft-2: #F3EADB;--gold-ink: #8A6A23;--warm-ivory: #F6F3EC;--ink: #1A2420;--text: #1D2722;--muted: #586259;--subtle: #717D76;--faint: #9AA39C;--line: #E4E9E4;--line-soft: #EEF1EE;--field-border: #D2DAD3;--surface: #FFFFFF;--surface-2: #FAFBFA;--surface-3: #F3F5F2;--canvas: #F6F3EC;--success-bg: #E4F2E9;--success-fg: #237A47;--warning-bg: #FDF1E0;--warning-fg: #B5751B;--warning-surface: #FFFAF1;--warning-line: #F0D9B5;--danger-bg: #FBEAE6;--danger-fg: #C0492F;--danger-strong: #A3331C;--neutral-bg: #EEF0EE;--neutral-fg: #7B857E;--tag-bg: #F1F4F1;--tag-fg: #586259;--att-hadir-bg: #E4F2E9;--att-hadir-fg: #237A47;--att-telat-bg: #FCEEDA;--att-telat-fg: #A0691A;--att-izin-bg: var(--ops-blue-soft);--att-izin-fg: var(--ops-blue);--att-tk-bg: #FBEAE6;--att-tk-fg: #C0492F;--att-belum-bg: #E9ECEA;--att-belum-fg: #6C766F;--att-libur-bg: #F0F2F0;--att-libur-fg: #869089;--att-depan-bg: #F7F8F7;--att-depan-fg: #AEB6AF;--kanan-green-surface: #F2F8F4;--kanan-green-ink: #40614E;--kanan-green-fg-soft: #BCD6C7;--gold-bg: #FAF0D8;--gold-line: #ECDCB4;--success-surface: #F3FAF5;--success-line: #BFE0CC;--danger-surface: #FDF4F1;--danger-line: #E9C9BF;--danger-muted: #A1524A;--notif-dot: #E0654A;--ops-blue: #35617F;--ops-blue-soft: #E5EDF3;--hover-surface: #F4F8F5;--skeleton-strong: #E4E9E4;--skeleton: #ECEFEC;--skeleton-soft: #F1F3F0;--ink-2: #3A443D;--info: #2B6CB0;--info-bg: #E8F0FB;--info-line: #5A8AD0;--note-bg: #EEF3EE;--note-line: #D9E6DD;--note-fg: #3B5D49;--success-dot: #3BA06A;--inactive-dot: #B9BEB7;--gold-ink-strong: #A06A1A;--danger-faint: #D3A89E;--shift-malam: #3C4A63;--shift-malam-soft: #E5EDF3;--dash-border: #B8C6BC;--desk: #E7E9E5;--scanner-bg: #141E16;--bg-app: var(--canvas);--text-heading: var(--ink);--text-body: var(--text);--text-label: var(--muted);--surface-card: var(--surface);--accent-primary: var(--kanan-green);--accent-brand: var(--old-gold);--focus-ring: var(--kanan-green-soft)}:root{--font-display: "Baloo 2", ui-rounded, system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--fs-page-title: 24px;--fs-panel-title: 15px;--fs-body: 14px;--fs-label: 13px;--fs-table-head: 11px;--fs-caption: 12px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--ls-tight: -.02em;--ls-wide: .05em;--lh-tight: 1.2;--lh-body: 1.5}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-action: 7px;--radius-input: 8px;--radius-button: 9px;--radius-card: 14px;--radius-modal: 16px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(18, 24, 20, .05);--shadow-dropdown: 0 12px 30px rgba(10, 20, 14, .16);--shadow-modal: 0 24px 60px rgba(10, 20, 14, .35);--shadow-drawer: -12px 0 40px rgba(10, 20, 14, .25);--sidebar-w: 248px;--topbar-h: 62px;--tap-min: 44px;--appbar-h: 56px;--bottomnav-h: 60px;--fab-size: 56px;--phone-w: 390px;--radius-sheet: 20px;--scrim: rgba(20, 28, 22, .5)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased}input,select,button,textarea{font:inherit}input:focus,select:focus{outline:none;border-color:var(--kanan-green);box-shadow:0 0 0 3px var(--focus-ring)}::placeholder{color:var(--faint)}.app{height:100vh;display:flex;overflow:hidden}aside{width:var(--sidebar-w);flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100%;overflow-y:auto}.app.sidebar-collapsed aside{display:none}.brand{padding:20px 22px 16px}.bn{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--kanan-green)}.tag{display:flex;align-items:center;gap:7px;margin-top:8px}.tag i{width:18px;height:2px;background:var(--old-gold);border-radius:2px;display:inline-block}.tag span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#8a9389}.sec{padding:14px 20px 6px;font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--faint)}.nav{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;margin:2px 8px;color:var(--muted);cursor:pointer}.nav:hover{background:var(--hover-surface)}.nav.on{background:var(--kanan-green-soft);color:var(--kanan-green)}.side-foot{margin-top:auto;padding:14px 8px 16px;border-top:1px solid var(--line-soft)}.sec.sec-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sec.sec-toggle:hover span{color:var(--muted)}.nav-static{cursor:default}.nav-static:hover{background:transparent}.chev{color:var(--faint);transition:transform .15s}.chev-collapsed{transform:rotate(-90deg)}.main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}header.top{height:var(--topbar-h);flex:none;background:var(--kanan-green);display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#fff}.top-l{display:flex;align-items:center;gap:16px}.top-title{font-size:17px;font-weight:700}.top-r{display:flex;align-items:center;gap:14px}.top-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.top-ic:hover{background:#ffffff1f}.avatar{width:36px;height:36px;border-radius:50%;background:var(--old-gold);display:grid;place-items:center;font-size:13px;font-weight:700}main.body{flex:1;overflow-y:auto;padding:28px 32px 48px}.wrap{max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.page-head p{margin:6px 0 0;color:var(--subtle);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--radius-button);font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent}.btn-pri{background:var(--kanan-green);color:#fff}.btn-pri:hover{background:var(--kanan-green-dark)}.btn-sec{background:var(--surface);color:var(--muted);border-color:var(--field-border)}.btn-gold{background:var(--gold-soft);color:var(--gold-ink);border-color:var(--old-gold)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}.card-title{font-size:15px;font-weight:700}.card-title span{color:var(--faint);font-weight:600}.tools{display:flex;gap:8px}.tool{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--field-border);border-radius:var(--radius-button);background:var(--surface);color:var(--muted);cursor:pointer}.tool:hover{background:var(--hover-surface)}table{width:100%;border-collapse:collapse}th.h{text-align:left;padding:12px 18px 10px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);font-weight:700}.frow th{padding:0 18px 12px;background:var(--surface-2)}.frow input,.frow select{width:100%;height:36px;border:1px solid var(--field-border);border-radius:7px;padding:0 10px;font-size:13px;background:var(--surface)}.frow-inp{width:100%;height:36px;border:1px solid var(--field-border);border-radius:7px;padding:0 10px;font-size:13px;background:var(--surface);font-family:var(--font-sans);box-sizing:border-box;outline:none}td{padding:14px 18px;font-size:14px;border-top:1px solid var(--line-soft)}tr.row:hover{background:#f6faf7}.mono{font-family:var(--font-mono);font-size:13px;color:var(--subtle)}.badge{display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700}.b-ok{background:var(--success-bg);color:var(--success-fg)}.b-warn{background:var(--warning-bg);color:var(--warning-fg)}.b-rev{background:var(--danger-bg);color:var(--danger-fg)}.b-off{background:var(--neutral-bg);color:var(--neutral-fg)}.b-tag{background:var(--tag-bg);color:var(--tag-fg)}.acts{display:flex;justify-content:flex-end;gap:6px}.act{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--subtle);cursor:pointer}.act:hover{background:var(--kanan-green-soft);color:var(--kanan-green)}.act.del:hover{background:var(--danger-bg);color:var(--danger-fg)}.accent{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--old-gold);border-radius:12px;box-shadow:var(--shadow-card);padding:15px 17px;margin-bottom:18px}.accent .t{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}label.l{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.req{color:var(--danger-fg)}.hint{font-weight:500;color:var(--faint)}.inp{width:100%;height:42px;border:1px solid var(--field-border);border-radius:var(--radius-input);padding:0 12px;font-size:14px;background:var(--surface);box-sizing:border-box}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{width:430px;max-width:100%;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal)}.cred{background:var(--warm-ivory);border-radius:16px 16px 0 0;padding:24px 26px;border-bottom:3px solid var(--old-gold)}.cred-green{background:var(--kanan-green);border-radius:11px;padding:15px 17px;color:#fff}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c1673;display:flex;justify-content:flex-end;z-index:55}.drawer{width:430px;max-width:100%;height:100%;background:var(--surface);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column}.hidden{display:none!important}.x{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--subtle);cursor:pointer}.x:hover{background:var(--tag-bg)}.split{height:100vh;display:flex}.brandside{width:46%;flex:none;background:var(--kanan-green);color:#fff;padding:52px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brandside .sym{position:absolute;right:-120px;bottom:-110px;width:560px;opacity:.07}.brandside .wm{height:32px}.brandside .mid{margin-top:auto}.brandside h1{margin:0;font-size:46px;line-height:1.1;font-weight:800;letter-spacing:-.025em;max-width:15ch}.brandside p{margin:22px 0 0;font-size:18px;color:var(--kanan-green-fg-soft);line-height:1.55;max-width:34ch}.pts{display:flex;flex-direction:column;gap:14px;margin-top:38px}.pt{display:flex;align-items:center;gap:12px;font-size:15px;color:#eaf3ed;font-weight:600}.pt .d{width:30px;height:30px;border-radius:8px;background:#ffffff1f;display:grid;place-items:center;color:var(--old-gold);flex:none}.brandside .foot{margin-top:44px;display:flex;align-items:center;gap:8px;font-size:13px;color:#9dbba8}.formside{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.formcard{width:100%;max-width:380px}.formcard .eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--old-gold);margin-bottom:14px}.formcard h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.formcard .sub{margin:8px 0 30px;font-size:15px;color:var(--subtle)}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px}.ifield{display:flex;align-items:center;gap:10px;height:46px;border:1px solid var(--field-border);border-radius:var(--radius-input);padding:0 13px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.ifield:focus-within{border-color:var(--kanan-green);box-shadow:0 0 0 3px var(--focus-ring)}.ifield i,.ifield svg{color:var(--faint);flex:none}.ifield input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14.5px;color:var(--text);height:100%}.ifield .toggle{cursor:pointer;color:var(--faint);display:grid;place-items:center}.row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.remember{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.box{width:18px;height:18px;border-radius:5px;border:1.5px solid #C9D2CB;display:grid;place-items:center;background:var(--surface);color:#fff}.box i,.box svg{display:block;width:13px;height:13px}.remember.on .box{background:var(--kanan-green);border-color:var(--kanan-green)}.link{font-size:13.5px;font-weight:600;color:var(--kanan-green);cursor:pointer}.link:hover{text-decoration:underline}.submit{width:100%;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--kanan-green);color:#fff;border:none;border-radius:var(--radius-button);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}.submit:hover{background:var(--kanan-green-dark)}.help{margin-top:22px;text-align:center;font-size:13px;color:var(--subtle)}.copy{margin-top:36px;text-align:center;font-size:12px;color:var(--faint)}@keyframes sinkaPulse{0%,to{opacity:1}50%{opacity:.45}}.skel{background:var(--line-soft, var(--skeleton));border-radius:8px;animation:sinkaPulse 1.4s ease-in-out infinite}.core-absensi-kehadiran__kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.core-absensi-kehadiran__judul{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em}.core-absensi-kehadiran__subteks{margin:6px 0 0;color:var(--subtle);font-size:14px}.core-absensi-kehadiran__bar-tab{margin-bottom:16px;min-height:36px}.core-absensi-kehadiran__strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.core-absensi-kehadiran__baris-chip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px;min-height:36px}.core-absensi-kehadiran__label-chip{font-size:12px;font-weight:700;color:var(--muted)}.core-absensi-kehadiran__pemisah{width:1px;height:22px;background:var(--line-soft);margin:0 3px}.core-absensi-kehadiran__spacer{flex:1}.core-absensi-kehadiran__chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line-soft);border-radius:999px;background:var(--surface);font-family:inherit;font-size:12.5px;font-weight:600;color:var(--subtle);cursor:pointer}.core-absensi-kehadiran__chip--terpilih{border-color:var(--kanan-green);color:var(--kanan-green);font-weight:700}.core-absensi-kehadiran__bar-periode{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px;min-height:59px}.core-absensi-kehadiran__kendali{min-width:170px}.core-absensi-kehadiran__kendali--lebar{min-width:210px}.core-absensi-kehadiran__rentang{display:flex;gap:10px;flex-wrap:wrap}.core-absensi-kehadiran__panel{margin-bottom:16px}.core-absensi-kehadiran__panel-isi{display:flex;flex-direction:column;gap:12px}.core-absensi-kehadiran__panel-kaki{display:flex;gap:10px;justify-content:flex-end}.core-absensi-kehadiran__dua-kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.core-absensi-kehadiran__segmen{display:inline-flex;gap:6px;flex-wrap:wrap}.core-absensi-kehadiran__segmen-opsi{min-height:32px;padding:0 12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);font-family:inherit;font-size:12.5px;font-weight:600;color:var(--subtle);cursor:pointer}.core-absensi-kehadiran__segmen-opsi--terpilih{border-color:var(--kanan-green);color:var(--kanan-green);font-weight:700}.core-absensi-kehadiran__galat{font-size:12.5px;font-weight:600;color:var(--danger-fg)}.core-absensi-kehadiran__nota{font-size:12.5px;color:var(--faint)}.core-absensi-kehadiran__nota-kecil{font-size:11.5px;color:var(--faint)}.core-absensi-kehadiran__sel-mono{font-family:var(--font-mono);font-size:13px}.core-absensi-kehadiran__sel-tebal{font-weight:700}.core-absensi-kehadiran__sel-lembut{color:var(--faint);font-size:13px}.core-absensi-kehadiran__sel-orang{display:inline-flex;align-items:center;gap:10px}.core-absensi-kehadiran__sel-status{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.core-absensi-kehadiran__sel-sinyal{display:inline-flex;align-items:center;gap:6px}.core-absensi-kehadiran__sel-jeda{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.core-absensi-kehadiran__sel-vonis{display:flex;flex-direction:column;gap:6px}.core-absensi-kehadiran__aksi-vonis{display:inline-flex;gap:6px;flex-wrap:wrap}.core-absensi-kehadiran__avatar{width:32px;height:32px;border-radius:50%;background:var(--kanan-green);color:var(--surface);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.core-absensi-kehadiran__avatar--besar{width:46px;height:46px;font-size:15px}.core-absensi-kehadiran__sinyal{display:inline-grid;place-items:center;width:20px;height:20px;border:0;background:none;color:var(--warning-fg);cursor:pointer;padding:0}.core-absensi-kehadiran__pintu-nama{min-height:21px;padding:0;border:0;background:none;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--kanan-green);cursor:pointer}.core-absensi-kehadiran__pintu-nama--32{min-height:32px}.core-absensi-kehadiran__gulir{overflow-x:auto;margin-bottom:16px}.core-absensi-kehadiran__disorot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-2);font-size:13px}.core-absensi-kehadiran__latar{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:grid;place-items:center;z-index:60;padding:16px}.core-absensi-kehadiran__dialog{width:100%;max-width:440px;background:var(--surface);border-radius:14px;border:1px solid var(--line-soft);padding:20px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;gap:12px}.core-absensi-kehadiran__dialog-judul{font-size:17px;font-weight:800;letter-spacing:-.01em}.core-absensi-kehadiran__dialog-peringatan{margin:0;font-size:13.5px;color:var(--subtle);min-height:40px}.core-absensi-kehadiran__dialog-kaki{display:flex;gap:10px;justify-content:flex-end}.core-absensi-kehadiran__riwayat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.core-absensi-kehadiran__riwayat li{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;align-items:baseline}.core-absensi-kehadiran__kosong{font-size:14px;color:var(--faint);padding:8px 0}.core-absensi-kehadiran__panel-kunci{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;border:1px solid var(--line-soft);border-radius:14px;text-align:center}.core-absensi-kehadiran__panel-ikon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--surface-2);color:var(--muted)}.core-absensi-kehadiran__panel-judul{font-size:17px;font-weight:800}.core-absensi-kehadiran__panel-teks{margin:0;font-size:13.5px;color:var(--subtle);max-width:460px}.core-absensi-kehadiran__skel-judul{height:30px;width:260px;border-radius:8px;margin-bottom:8px}.core-absensi-kehadiran__skel-subteks{height:16px;width:360px;border-radius:6px;margin-bottom:20px}.core-absensi-kehadiran__skel-kpi{height:74px;border-radius:12px}.core-absensi-kehadiran__skel-tabel{height:320px;border-radius:12px}.core-absensi-kehadiran__anak{display:block}.core-absensi-kehadiran__anak-kepala{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;min-height:46px}.core-absensi-kehadiran__anak-nama{font-size:18px;font-weight:800;letter-spacing:-.01em}.core-absensi-kehadiran__anak-sub{font-size:13px;color:var(--faint);margin-top:1px}.core-master-kota__kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.core-master-kota__judul{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.core-master-kota__subteks{margin:6px 0 0;color:var(--subtle);font-size:14px}.core-master-kota__sel-mono{font-family:var(--font-mono);font-size:13px;color:var(--subtle)}.core-master-kota__sel-nama{font-weight:600;color:var(--ink)}.core-master-kota__sel-lembut{color:var(--muted)}.core-master-kota__pintu-outlet{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0;border:0;background:none;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--kanan-green);cursor:pointer}.core-master-kota__pintu-outlet:hover{text-decoration:underline}.core-master-kota__baris-saringan{background:var(--surface-2)}.core-master-kota__baris-saringan>th{padding:0 18px 12px}.core-master-kota__saring-nihil{font-size:14px;color:var(--faint)}.core-master-kota__tombol-reset{border:0;background:none;padding:0;font-family:inherit;font-size:14px;color:var(--kanan-green);font-weight:700;cursor:pointer}.core-master-kota__panel-lajur{display:flex;flex-direction:column;gap:14px}.core-master-kota__isian{display:block}.core-master-kota__label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.core-master-kota__bintang{color:var(--danger-fg)}.core-master-kota__chip-terkunci{display:inline-flex;align-items:center;gap:4px;height:19px;padding:0 7px;border-radius:999px;background:var(--neutral-bg);color:var(--neutral-fg);font-size:10px;font-weight:800;letter-spacing:.04em}.core-master-kota__galat{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--danger-fg);font-size:12px;font-weight:600}.core-master-kota__segmen{display:flex;gap:8px}.core-master-kota__segmen-tombol{flex:1;height:40px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;border:1px solid var(--field-border);background:var(--surface);color:var(--muted)}.core-master-kota__segmen-tombol--terpilih{border-color:var(--kanan-green);background:var(--kanan-green-soft);color:var(--kanan-green)}.core-master-kota__detail-petak{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.core-master-kota__detail-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:5px}.core-master-kota__detail-nilai{font-size:14px;font-weight:600;color:var(--ink)}.core-master-kota__detail-nilai--mono{font-family:var(--font-mono)}.core-master-kota__panel-kosong,.core-master-kota__panel-kunci{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);padding:46px 24px;text-align:center}.core-master-kota__panel-kosong{border:1px dashed var(--field-border)}.core-master-kota__panel-kunci{border:1px solid var(--line)}.core-master-kota__panel-ikon{width:52px;height:52px;border-radius:14px;background:var(--kanan-green-surface);color:var(--kanan-green);display:inline-grid;place-items:center}.core-master-kota__panel-ikon--kunci{background:var(--neutral-bg);color:var(--neutral-fg)}.core-master-kota__panel-judul{font-size:16px;font-weight:800;margin-top:14px}.core-master-kota__panel-teks{margin:7px auto 18px;color:var(--subtle);font-size:13.5px;max-width:430px;line-height:1.5}.core-master-kota__panel-aksi{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.core-master-kota__skel-judul{width:230px;height:26px;border-radius:7px}.core-master-kota__skel-subteks{width:430px;max-width:56vw;height:13px;border-radius:6px;margin-top:9px}.core-master-kota__skel-tombol{width:150px;height:42px;border-radius:9px}.core-master-kota__skel-kartu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.core-master-kota__skel-kartu-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}.core-master-kota__skel-tajuk{width:180px;height:15px;border-radius:6px}.core-master-kota__skel-alat{display:flex;gap:8px}.core-master-kota__skel-ikon{width:40px;height:40px;border-radius:9px}.core-master-kota__skel-badan{padding:6px 18px 14px}.core-master-kota__skel-baris{height:12px;border-radius:6px;margin:14px 0}.core-master-kota__kaki-memuat{text-align:center;color:var(--faint);font-size:12.5px;margin:16px 0 0;font-weight:600}.core-master-kota__toast{position:fixed;right:24px;bottom:24px;z-index:80}.core-master-kota__lajur-darurat{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px;max-width:460px}.core-master-kota__lajur-darurat-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:14px}.core-master-kota__lajur-darurat-kaki{display:flex;gap:10px;margin-top:18px}.core-peran-ops__kartu-induk{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:8px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.core-peran-ops__kartu-induk--terpilih{background:var(--gold-bg);border-color:var(--gold-line)}.core-peran-ops__strip{position:absolute;left:0;top:0;bottom:0;width:4px}.core-peran-ops__strip--merah{background:var(--danger-fg)}.core-peran-ops__strip--kuning{background:var(--warning-fg)}.core-peran-ops__strip--hijau{background:var(--kanan-green)}.core-peran-ops__badan-pilih{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:none;border:0;padding:4px 0;font:inherit;text-align:left;cursor:pointer}.core-peran-ops__kepala-lajur{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:48px;padding:9px 15px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.core-peran-ops__lajur{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.core-peran-ops__baris-isi{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:5px 15px;border-bottom:1px solid var(--surface-3);background:var(--surface)}.core-peran-ops__baris-isi--terpilih{background:var(--gold-bg)}.core-peran-ops__baris-isi--dalam{padding-left:27px}.core-peran-ops__sekat{padding:7px 15px 3px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.core-peran-ops__panel-kosong{padding:30px 18px;text-align:center;font-size:12.5px;font-weight:600;color:var(--faint)}.core-peran-ops__nota{display:flex;gap:9px;align-items:flex-start;margin:12px 14px;padding:11px 13px;border-radius:11px;font-size:12px;font-weight:600;line-height:1.55}.core-peran-ops__nota--merah{background:var(--danger-bg);color:var(--danger-fg)}.core-peran-ops__nota--info{background:var(--info-bg);color:var(--info)}.core-peran-ops__blok{margin:12px 14px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.core-peran-ops__blok-kepala{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:40px;padding:8px 14px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.core-peran-ops__baris-kendali{display:flex;align-items:center;gap:11px;min-height:44px;padding:8px 15px;border-bottom:1px solid var(--surface-3)}.core-peran-ops__baris-kendali--mati{opacity:.55;pointer-events:none}.core-peran-ops__baris-kendali--hidup{cursor:pointer}.core-peran-ops__baris-kendali--hidup:hover{background:var(--hover-surface)}.core-setelan-absen{max-width:640px}.core-setelan-absen__judul{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.core-setelan-absen__subjudul{margin:6px 0 0;color:var(--subtle);font-size:14px}.core-setelan-absen__banner{margin-top:12px}.core-setelan-absen__kartu{margin-top:16px}.core-setelan-absen__kartu-tajuk{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.core-setelan-absen__kartu-tajuk-teks{font-size:13.5px;font-weight:800}.core-setelan-absen__kartu-ikon{color:var(--kanan-green);display:inline-flex}.core-setelan-absen__kartu-badan{padding:18px 16px;display:flex;flex-direction:column;gap:16px}.core-setelan-absen__baris--bersekat{border-top:1px solid var(--surface-3);padding-top:15px}.core-setelan-absen__label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.core-setelan-absen__wajib{color:var(--danger-fg)}.core-setelan-absen__kendali{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.core-setelan-absen__kolom{max-width:120px;font-weight:700}.core-setelan-absen__satuan{font-size:13px;color:var(--subtle);flex:0 0 auto}.core-setelan-absen__nota{margin-top:6px;font-size:12px;color:var(--faint);line-height:1.5}.core-setelan-absen__pil{flex:0 0 auto;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--kanan-green-soft);color:var(--kanan-green)}.core-setelan-absen__galat{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12.5px;font-weight:600;color:var(--danger-fg)}.core-setelan-absen__nota-pasangan{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;border-radius:10px;background:var(--gold-bg);border:1px solid var(--gold-line);color:var(--gold-ink);font-size:12px;line-height:1.5}.core-setelan-absen__nota-pasangan-ikon{margin-top:1px;flex:0 0 auto;display:inline-flex}.core-setelan-absen__aksi{display:flex;gap:10px;flex-wrap:wrap}.core-setelan-absen__jejak{margin-top:16px}.core-setelan-absen__jejak-tajuk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.core-setelan-absen__jejak-kosong{padding:14px 16px;font-size:12.5px;color:var(--faint);line-height:1.5}.core-setelan-absen__skel{margin-top:16px}.core-setelan-absen__skel-tajuk{height:42px;border-radius:12px 12px 0 0}.core-setelan-absen__skel-badan{padding:18px 16px;display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px}.core-setelan-absen__skel-baris{display:flex;flex-direction:column;gap:8px}.core-setelan-absen__skel-label{height:13px;width:46%}.core-setelan-absen__skel-kolom{height:38px;width:120px}.core-setelan-absen__kaki-memuat{margin:12px 0 0;font-size:12.5px;color:var(--faint)}.core-setelan-absen__gagal{margin-top:16px}.core-setelan-absen__panel-kunci{margin-top:16px;padding:34px 20px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px}.core-setelan-absen__panel-ikon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--neutral-bg);color:var(--neutral-fg)}.core-setelan-absen__panel-judul{font-size:16px;font-weight:800;margin-top:14px}.core-setelan-absen__panel-teks{margin:6px 0 0;font-size:13px;color:var(--subtle);line-height:1.55}.core-setelan-absen__toast{position:fixed;right:24px;bottom:24px;z-index:80}.core-setelan-tablet-absen{max-width:640px}.core-setelan-tablet-absen__judul{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.core-setelan-tablet-absen__subjudul{margin:6px 0 0;color:var(--subtle);font-size:14px}.core-setelan-tablet-absen__banner{margin-top:12px}.core-setelan-tablet-absen__kartu{margin-top:16px}.core-setelan-tablet-absen__kartu-tajuk{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.core-setelan-tablet-absen__kartu-tajuk-teks{font-size:13.5px;font-weight:800}.core-setelan-tablet-absen__kartu-ikon{color:var(--kanan-green);display:inline-flex}.core-setelan-tablet-absen__kartu-badan{padding:18px 16px;display:flex;flex-direction:column;gap:16px}.core-setelan-tablet-absen__baris--bersekat{border-top:1px solid var(--surface-3);padding-top:15px}.core-setelan-tablet-absen__label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.core-setelan-tablet-absen__label--baris-qr{margin-bottom:8px}.core-setelan-tablet-absen__wajib{color:var(--danger-fg)}.core-setelan-tablet-absen__kendali{display:flex;align-items:center;gap:10px}.core-setelan-tablet-absen__kolom-bungkus{flex:1 1 auto;min-width:0}.core-setelan-tablet-absen__kolom{font-weight:700}.core-setelan-tablet-absen__satuan{font-size:13px;color:var(--subtle);flex:0 0 auto}.core-setelan-tablet-absen__nota{margin-top:6px;font-size:12px;color:var(--faint);line-height:1.5}.core-setelan-tablet-absen__grid-qr{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:14px}.core-setelan-tablet-absen__qr-judul{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px}.core-setelan-tablet-absen__qr-jalur{font-weight:600;color:var(--faint)}.core-setelan-tablet-absen__nota-putaran{margin-top:10px;font-size:12px;color:var(--faint);line-height:1.5}.core-setelan-tablet-absen__nota-cakupan{font-size:12.5px;color:var(--subtle);line-height:1.55;border-top:1px solid var(--surface-3);padding-top:14px}.core-setelan-tablet-absen__baris-berlaku{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.core-setelan-tablet-absen__galat{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12.5px;font-weight:600;color:var(--danger-fg)}.core-setelan-tablet-absen__aksi{display:flex;gap:10px;flex-wrap:wrap}.core-setelan-tablet-absen__jejak{margin-top:14px}.core-setelan-tablet-absen__jejak-tajuk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.core-setelan-tablet-absen__jejak-tajuk-kanan{margin-left:auto;font-size:11.5px;color:var(--faint)}.core-setelan-tablet-absen__jejak-badan{padding:6px 16px 14px}.core-setelan-tablet-absen__jejak-kosong{padding:9px 0;font-size:12.5px;color:var(--faint);line-height:1.5}.core-setelan-tablet-absen__jejak-nota{margin-top:10px;font-size:12px;color:var(--subtle);line-height:1.5}.core-setelan-tablet-absen__skel-judul{width:230px;height:26px;border-radius:7px}.core-setelan-tablet-absen__skel-subteks{width:430px;max-width:56vw;height:13px;border-radius:6px;margin-top:9px}.core-setelan-tablet-absen__skel-kartu{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.core-setelan-tablet-absen__skel-kartu-tajuk{padding:14px 16px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.core-setelan-tablet-absen__skel-tajuk{width:180px;height:15px;border-radius:6px}.core-setelan-tablet-absen__skel-badan{padding:18px 16px;display:flex;flex-direction:column;gap:16px}.core-setelan-tablet-absen__skel-blok{display:flex;flex-direction:column;gap:8px}.core-setelan-tablet-absen__skel-label{width:280px;max-width:70%;height:13px;border-radius:6px}.core-setelan-tablet-absen__skel-medan{width:120px;height:38px;border-radius:9px}.core-setelan-tablet-absen__skel-nota{width:100%;height:11px;border-radius:6px}.core-setelan-tablet-absen__skel-berlaku{width:100%;height:34px;border-radius:9px}.core-setelan-tablet-absen__skel-tombol{width:130px;height:42px;border-radius:9px}.core-setelan-tablet-absen__kaki-memuat{text-align:center;color:var(--faint);font-size:12.5px;margin:16px 0 0;font-weight:600}.core-setelan-tablet-absen__panel-kunci{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:46px 24px;text-align:center}.core-setelan-tablet-absen__panel-ikon{width:52px;height:52px;border-radius:14px;background:var(--neutral-bg);color:var(--neutral-fg);display:inline-grid;place-items:center}.core-setelan-tablet-absen__panel-judul{font-size:16px;font-weight:800;margin-top:14px}.core-setelan-tablet-absen__panel-teks{margin:7px auto 0;color:var(--subtle);font-size:13.5px;max-width:430px;line-height:1.5}.core-setelan-tablet-absen__gagal{margin-top:16px}.core-setelan-tablet-absen__toast{position:fixed;right:24px;bottom:24px;z-index:80}.core-perangkat-absen{max-width:1180px}.core-perangkat-absen__kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.core-perangkat-absen__judul{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.core-perangkat-absen__subjudul{margin:6px 0 0;color:var(--subtle);font-size:14px;max-width:760px}.core-perangkat-absen__pil{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;background:var(--neutral-bg);color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap}.core-perangkat-absen__banner{margin-bottom:14px}.core-perangkat-absen__kartu{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 3px #1218140d;overflow:hidden}.core-perangkat-absen__kartu--rekap{margin-top:14px}.core-perangkat-absen__kartu-tajuk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.core-perangkat-absen__kartu-judul{font-size:13.5px;font-weight:800}.core-perangkat-absen__kartu-hitung{font-size:11.5px;color:var(--faint)}.core-perangkat-absen__kartu-alat{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.core-perangkat-absen__umur{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--subtle)}.core-perangkat-absen__umur-kolom{width:64px;text-align:center;font-weight:700}.core-perangkat-absen__gulir{overflow-x:auto}.core-perangkat-absen__tabel{width:100%;border-collapse:collapse;min-width:860px}.core-perangkat-absen__tabel th{text-align:left;padding:11px 16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);font-weight:700;background:var(--surface-2);border-bottom:1px solid var(--line)}.core-perangkat-absen__tabel td{padding:13px 16px;border-top:1px solid var(--line-soft);vertical-align:middle}.core-perangkat-absen__kanan{text-align:right}.core-perangkat-absen__baris--redup .core-perangkat-absen__sel-kode,.core-perangkat-absen__baris--redup .core-perangkat-absen__sel-nama{color:var(--faint)}.core-perangkat-absen__sel-kode{font-size:13.5px;font-weight:700;color:var(--ink)}.core-perangkat-absen__sel-nama{font-size:11px;color:var(--faint);margin-top:2px}.core-perangkat-absen__sel-lembut{font-size:12.5px;color:var(--muted)}.core-perangkat-absen__sel-mono{font-size:12px;font-family:ui-monospace,monospace;color:var(--muted)}.core-perangkat-absen__aksi{display:inline-flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.core-perangkat-absen__tombol-baris{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}.core-perangkat-absen__tombol-baris:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.core-perangkat-absen__tombol-baris:disabled{cursor:not-allowed;color:var(--faint)}.core-perangkat-absen__tombol-baris--bahaya{color:var(--danger-fg)}.core-perangkat-absen__panel{background:var(--surface);border:1px dashed var(--field-border);border-radius:14px;padding:34px 24px;text-align:center}.core-perangkat-absen__panel-ikon{width:52px;height:52px;border-radius:14px;display:inline-grid;place-items:center;background:var(--kanan-green-surface);color:var(--kanan-green)}.core-perangkat-absen__panel-ikon--kunci{background:var(--neutral-bg);color:var(--muted)}.core-perangkat-absen__panel-judul{font-size:16px;font-weight:800;margin-top:14px}.core-perangkat-absen__panel-teks{margin:7px auto 0;color:var(--subtle);font-size:13.5px;max-width:460px;line-height:1.5}.core-perangkat-absen__panel-aksi{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.core-perangkat-absen__rekap-nota{margin:11px 16px 0;font-size:12px;color:var(--subtle);line-height:1.55}.core-perangkat-absen__rekap-kosong{margin:11px 16px 16px;border:1px dashed var(--field-border);border-radius:11px;padding:26px 20px;text-align:center}.core-perangkat-absen__rekap-kosong-judul{font-size:13.5px;font-weight:700;color:var(--ink)}.core-perangkat-absen__rekap-kosong-teks{margin:5px auto 0;font-size:12.5px;color:var(--subtle);max-width:560px;line-height:1.55}.core-perangkat-absen__form,.core-perangkat-absen__pairing{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px}.core-perangkat-absen__form-tajuk,.core-perangkat-absen__pairing-tajuk{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:800}.core-perangkat-absen__tutup{margin-left:auto;border:0;background:transparent;color:var(--subtle);font-size:14px;cursor:pointer;min-height:32px;min-width:32px;border-radius:8px}.core-perangkat-absen__tutup:hover{background:var(--neutral-bg);color:var(--ink)}.core-perangkat-absen__form-badan{padding:16px;max-width:560px}.core-perangkat-absen__label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 6px}.core-perangkat-absen__label:first-child{margin-top:0}.core-perangkat-absen__wajib{color:var(--danger-fg)}.core-perangkat-absen__galat{margin-top:6px;font-size:12px;color:var(--danger-fg);line-height:1.5}.core-perangkat-absen__nota{margin-top:6px;font-size:12px;color:var(--faint);line-height:1.5}.core-perangkat-absen__form-aksi{margin-top:16px;display:flex;gap:10px}.core-perangkat-absen__pairing-badan{padding:16px}.core-perangkat-absen__pairing-nota{margin:0 0 10px;font-size:12.5px;color:var(--subtle);line-height:1.6}.core-perangkat-absen__pairing-tautan{display:block;padding:11px 13px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-soft);font-family:ui-monospace,monospace;font-size:12px;color:var(--ink);word-break:break-all;line-height:1.5}.core-perangkat-absen__pairing-utang{margin:10px 0 0;display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--faint);line-height:1.55}.core-perangkat-absen__kaki{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--subtle);line-height:1.55}.core-perangkat-absen__toast{position:fixed;right:18px;bottom:18px;z-index:60}.core-perangkat-absen__skel-judul{height:26px;width:220px}.core-perangkat-absen__skel-subjudul{height:15px;width:460px;max-width:100%;margin-top:8px}.core-perangkat-absen__skel-pil{height:32px;width:250px;border-radius:999px}.core-perangkat-absen__skel-banner{height:61px;width:100%;margin-bottom:14px;border-radius:12px}.core-perangkat-absen__skel-kartu{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.core-perangkat-absen__skel-baris{height:22px}.core-perangkat-absen__kaki-memuat{margin-top:12px;font-size:12.5px;color:var(--faint)}.core-kerangka-aplikasi{width:100%;height:100vh;min-height:0;display:grid;grid-template-columns:auto var(--lajur, 400px) minmax(0,1fr) var(--detail, 0px);background:var(--surface);overflow:hidden;font-family:var(--font-sans)}.core-kerangka-aplikasi__rel-kiri{grid-column:1;grid-row:1}.core-kerangka-aplikasi__lajur{grid-column:2;grid-row:1}.core-kerangka-aplikasi__panel{grid-column:3;grid-row:1}.core-kerangka-aplikasi__detail{grid-column:4;grid-row:1}.core-kerangka-aplikasi--rel-atas{grid-template-columns:0 var(--lajur, 400px) minmax(0,1fr) var(--detail, 0px)}.core-kerangka-aplikasi--lajur-lipat{grid-template-columns:auto 0 minmax(0,1fr) var(--detail, 0px)}.core-kerangka-aplikasi--rel-atas.core-kerangka-aplikasi--lajur-lipat,.core-kerangka-aplikasi--nol-akses{grid-template-columns:0 0 minmax(0,1fr) var(--detail, 0px)}.core-kerangka-aplikasi--nol-akses>.core-kerangka-aplikasi__panel{grid-column:3}.core-kerangka-aplikasi--detail-buka{--detail: clamp(280px, 24%, 360px)}.core-kerangka-aplikasi--detail-buka>.core-kerangka-aplikasi__detail{grid-column:4}.core-kerangka-aplikasi--detail-bawah{--detail: 0px;grid-template-rows:minmax(0,1fr) auto}.core-kerangka-aplikasi--detail-bawah>.core-kerangka-aplikasi__rel-kiri,.core-kerangka-aplikasi--detail-bawah>.core-kerangka-aplikasi__lajur{grid-row:1 / 3}.core-kerangka-aplikasi--detail-bawah>.core-kerangka-aplikasi__panel{grid-row:1;grid-column:3}.core-kerangka-aplikasi--detail-bawah>.core-kerangka-aplikasi__detail{grid-row:2;grid-column:3;max-height:52vh;border-left:0;border-top:1px solid var(--line)}.core-kerangka-aplikasi__rel-kiri{position:relative;z-index:3;width:36px;flex:none;background:var(--kanan-green);display:flex;flex-direction:column;align-items:center;overflow:hidden}.core-kerangka-aplikasi__rel-kiri-logo{position:relative;width:100%;flex:none;display:grid;place-items:center;min-height:58px;margin-bottom:10px;box-shadow:inset 0 -1px #ffffff29}.core-kerangka-aplikasi__merek{width:28px;height:28px;flex:none;object-fit:contain}.core-kerangka-aplikasi__rel-kiri-gulir{position:relative;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.core-kerangka-aplikasi__rel-kiri-gulir::-webkit-scrollbar{width:0}.core-kerangka-aplikasi__penanda-kiri{position:absolute;left:0;right:0;top:0;height:40px;z-index:0;opacity:0;pointer-events:none;border-radius:12px 0 0 12px;background:var(--surface-2);box-shadow:var(--shadow-card);transition:top .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1),opacity .18s ease}.core-kerangka-aplikasi__penanda-kiri[data-nyala="1"]{opacity:1}.core-kerangka-aplikasi__rel-kiri-kat{position:relative;z-index:1;align-self:stretch;min-height:40px;flex:none;margin-bottom:2px;border:0;border-radius:11px;background:transparent;color:#fff;display:grid;place-items:center;line-height:1;cursor:pointer;font-family:inherit;transition:background .14s ease,color .18s ease}.core-kerangka-aplikasi__rel-kiri-kat svg{width:20px;height:20px}.core-kerangka-aplikasi__rel-kiri-kat:hover{background:#ffffff29}.core-kerangka-aplikasi__rel-kiri-kat:focus-visible{outline:2px solid var(--old-gold);outline-offset:-3px}.core-kerangka-aplikasi__rel-kiri-kat[aria-current=true]{color:var(--kanan-green);background:transparent}.core-kerangka-aplikasi__lajur{position:relative;border-right:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;min-width:0;overflow:hidden}.core-kerangka-aplikasi__rel-atas{display:flex;flex:none;align-items:flex-start;gap:9px;padding:9px 12px 0;background:var(--surface)}.core-kerangka-aplikasi__rel-atas-merek{width:28px;height:28px;flex:none;margin-top:6px;display:grid;place-items:center}.core-kerangka-aplikasi__rel-atas-merek>img{width:28px;height:28px;object-fit:contain}.core-kerangka-aplikasi__rel-atas-rel{position:relative;flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:1px}.core-kerangka-aplikasi__rel-atas-kat{position:relative;z-index:1;container-type:inline-size;flex:1 1 28px;min-width:28px;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;font-family:inherit;transition:color .18s ease,background .14s ease}.core-kerangka-aplikasi__rel-atas-kat svg{width:clamp(15px,58cqw,19px);height:clamp(15px,58cqw,19px)}.core-kerangka-aplikasi__rel-atas-kat:hover{background:var(--hover-surface);color:var(--ink)}.core-kerangka-aplikasi__rel-atas-kat:focus-visible{outline:2px solid var(--kanan-green);outline-offset:-2px}.core-kerangka-aplikasi__rel-atas-kat[aria-current=true]{color:var(--kanan-green)}.core-kerangka-aplikasi__penanda-atas{position:absolute;top:0;left:0;width:0;height:0;z-index:0;opacity:0;pointer-events:none;border-radius:10px;background:var(--kanan-green-soft);box-shadow:inset 0 0 0 1px var(--kanan-green);transition:left .22s cubic-bezier(.4,0,.2,1),top .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1),opacity .18s ease}.core-kerangka-aplikasi__penanda-atas[data-nyala="1"]{opacity:1}@media(prefers-reduced-motion:reduce){.core-kerangka-aplikasi__penanda-kiri,.core-kerangka-aplikasi__penanda-atas{transition:opacity .18s ease}}.core-kerangka-aplikasi__kepala{padding:11px 12px 9px;border-bottom:1px solid var(--line-soft);background:var(--surface);flex:none;display:flex;align-items:center;gap:8px}.core-kerangka-aplikasi--rel-atas .core-kerangka-aplikasi__kepala{padding-top:8px}.core-kerangka-aplikasi__cari{flex:1;min-width:0;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:12.5px}.core-kerangka-aplikasi__cari::placeholder{color:var(--subtle)}.core-kerangka-aplikasi__cari:focus-visible{outline:2px solid var(--kanan-green);outline-offset:1px}.core-kerangka-aplikasi__tombol-ikon{width:38px;min-height:38px;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);font-family:inherit;font-size:14px;cursor:pointer}.core-kerangka-aplikasi__tombol-ikon svg{width:16px;height:16px;display:block;margin:0 auto}.core-kerangka-aplikasi__tombol-ikon:hover{background:var(--kanan-green-soft);border-color:var(--kanan-green);color:var(--kanan-green)}.core-kerangka-aplikasi__tombol-ikon[aria-pressed=true]{background:var(--kanan-green);border-color:var(--kanan-green);color:#fff}.core-kerangka-aplikasi__petak{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:8px 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px 7px;align-content:start}.core-kerangka-aplikasi__sekat{grid-column:1 / -1;position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:7px;margin:3px 0 0;padding:4px 2px 3px;background:var(--surface-2);box-shadow:0 1px 0 var(--line-soft);font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.core-kerangka-aplikasi__sekat:first-child{margin-top:0}.core-kerangka-aplikasi__petak.tanpa-lengket .core-kerangka-aplikasi__sekat{position:static}.core-kerangka-aplikasi__sekat-titik{width:9px;height:9px;flex:none;border-radius:3px;background:var(--ubin-warna, var(--kanan-green))}.core-kerangka-aplikasi__sekat-hitung{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--faint);letter-spacing:0;font-weight:700;text-transform:none}[data-kategori=orang]{--ubin-warna: var(--kanan-green);--ubin-alas: var(--kanan-green-soft);--ubin-tinta: var(--kanan-green)}[data-kategori=akses]{--ubin-warna: #AD321F;--ubin-alas: #F9F6F5;--ubin-tinta: #AD321F}[data-kategori=gaji]{--ubin-warna: var(--old-gold);--ubin-alas: var(--gold-bg);--ubin-tinta: var(--gold-ink)}[data-kategori=uang]{--ubin-warna: #1E6D1A;--ubin-alas: #F1F9F0;--ubin-tinta: #1E6D1A}[data-kategori=roster]{--ubin-warna: #39607A;--ubin-alas: #EDF3F8;--ubin-tinta: #39607A}[data-kategori=barang]{--ubin-warna: #5B518F;--ubin-alas: #EFEDF8;--ubin-tinta: #5B518F}[data-kategori=bersih]{--ubin-warna: #54651C;--ubin-alas: #F5F8ED;--ubin-tinta: #54651C}[data-kategori=aset]{--ubin-warna: #913E60;--ubin-alas: #F8EDF1;--ubin-tinta: #913E60}[data-kategori=pantau]{--ubin-warna: #7E4192;--ubin-alas: #F5EDF8;--ubin-tinta: #7E4192}[data-kategori=master]{--ubin-warna: var(--ink-2);--ubin-alas: var(--neutral-bg);--ubin-tinta: var(--ink)}.core-kerangka-aplikasi__slot{height:70px;container-type:inline-size;display:grid;justify-items:center;align-content:start;border-radius:12px;transition:height .16s ease}.core-kerangka-aplikasi__petak--mode-atur .core-kerangka-aplikasi__slot--kosong{border:1.5px dashed var(--line)}.core-kerangka-aplikasi__petak--mode-atur .core-kerangka-aplikasi__slot--incar{border:1.5px dashed var(--kanan-green);background:var(--kanan-green-soft)}.core-kerangka-aplikasi__slot>.core-kerangka-aplikasi__ubin{width:100%}.core-kerangka-aplikasi__ubin{position:relative;display:grid;grid-template-rows:auto auto;justify-items:center;gap:4px;padding:0;border:0;background:none;color:var(--text);font-family:inherit;cursor:pointer}.core-kerangka-aplikasi__ubin-glif{position:relative;width:100%;max-width:40px;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;background:var(--ubin-alas, var(--kanan-green-soft));color:var(--ubin-tinta, var(--kanan-green));font-size:16px;line-height:1;transition:transform .14s ease,box-shadow .14s ease}.core-kerangka-aplikasi__ubin-glif svg{width:20px;height:20px;flex:none}.core-kerangka-aplikasi__ubin-nama{width:calc(100% + 6px);margin:0 -3px;text-align:center;font-size:6px;font-weight:700;line-height:1.24;color:var(--text);word-break:normal;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.core-kerangka-aplikasi__ubin:hover>.core-kerangka-aplikasi__ubin-glif{transform:translateY(-2px);box-shadow:var(--shadow-card)}.core-kerangka-aplikasi__ubin:hover>.core-kerangka-aplikasi__ubin-nama{color:var(--ink)}.core-kerangka-aplikasi__ubin:active>.core-kerangka-aplikasi__ubin-glif{transform:scale(.94)}.core-kerangka-aplikasi__ubin:focus-visible{outline:2px solid var(--kanan-green);outline-offset:2px;border-radius:12px}.core-kerangka-aplikasi__ubin[aria-current=true]>.core-kerangka-aplikasi__ubin-nama{color:var(--ink);font-weight:800}.core-kerangka-aplikasi__ubin-pegang{display:none}.core-kerangka-aplikasi__petak--mode-atur .core-kerangka-aplikasi__ubin{animation:core-kerangka-aplikasi-goyang .9s ease-in-out infinite}.core-kerangka-aplikasi__petak--mode-atur .core-kerangka-aplikasi__ubin-pegang{display:grid;place-items:center;position:absolute;top:-5px;left:-5px;width:17px;height:17px;border-radius:50%;background:var(--ink);color:#fff;font-size:9px}@keyframes core-kerangka-aplikasi-goyang{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}@media(prefers-reduced-motion:reduce){.core-kerangka-aplikasi__petak--mode-atur .core-kerangka-aplikasi__ubin{animation:none}}.core-kerangka-aplikasi__kaki-lajur{flex:none;padding:7px 12px;border-top:1px solid var(--line-soft);background:var(--surface);display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;color:var(--faint)}.core-kerangka-aplikasi__kaki-lajur>b{color:var(--ink-2);font-variant-numeric:tabular-nums}.core-kerangka-aplikasi__tanda-susut{white-space:nowrap;padding:1px 6px;border-radius:20px;background:var(--gold-bg);border:1px solid var(--gold-line);color:var(--gold-ink);font-size:9.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.core-kerangka-aplikasi__tanda-susut[hidden]{display:none}.core-kerangka-aplikasi__penggeser{position:absolute;top:0;right:-3px;bottom:0;width:8px;border:0;padding:0;background:transparent;cursor:col-resize;z-index:4}.core-kerangka-aplikasi__penggeser>i{display:block;width:2px;height:100%;margin:0 auto;background:transparent}.core-kerangka-aplikasi__penggeser:hover>i,.core-kerangka-aplikasi__penggeser:focus-visible>i{background:var(--kanan-green)}.core-kerangka-aplikasi--lajur-lipat .core-kerangka-aplikasi__penggeser{visibility:hidden}.core-kerangka-aplikasi__panel{min-width:0;display:flex;flex-direction:column;background:var(--surface);overflow:hidden;container-type:inline-size}.core-kerangka-aplikasi__bilah{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--line-soft);background:var(--surface);flex:none;min-height:52px}.core-kerangka-aplikasi__lipat{min-height:34px;padding:0 10px;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink);cursor:pointer;font-family:inherit;font-size:12px;font-weight:700}.core-kerangka-aplikasi__lipat:hover{background:var(--kanan-green-soft);border-color:var(--kanan-green)}.core-kerangka-aplikasi__jejak{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.core-kerangka-aplikasi__jejak>b{color:var(--ink);font-weight:800;font-size:13.5px}.core-kerangka-aplikasi__aksi{margin-left:auto;display:flex;align-items:center;gap:7px;flex:none}.core-kerangka-aplikasi__sekat-bilah{width:1px;height:24px;background:var(--line);flex:none}.core-kerangka-aplikasi__panel-ikon{width:34px;min-height:34px;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);cursor:pointer;font-family:inherit}.core-kerangka-aplikasi__panel-ikon svg{width:16px;height:16px;display:block;margin:0 auto}.core-kerangka-aplikasi__panel-ikon:hover{background:var(--kanan-green-soft);border-color:var(--kanan-green);color:var(--kanan-green)}.core-kerangka-aplikasi__akun{position:relative;display:flex;align-items:center;gap:7px;padding-left:9px;margin-left:2px;border-left:1px solid var(--line);flex:none;min-height:32px;cursor:pointer}.core-kerangka-aplikasi__akun-bulat{width:30px;height:30px;flex:none;border-radius:50%;background:var(--old-gold);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.core-kerangka-aplikasi__akun-orang{font-size:11px;line-height:1.25}.core-kerangka-aplikasi__akun-orang>b{display:block;font-size:12px;color:var(--ink)}.core-kerangka-aplikasi__akun-orang>span{color:var(--faint);font-weight:700}@container (max-width: 700px){.core-kerangka-aplikasi__akun-orang{visibility:hidden;width:0}.core-kerangka-aplikasi__akun{padding-left:7px}}.core-kerangka-aplikasi__menu-akun{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:210px;padding:6px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow-card)}.core-kerangka-aplikasi__menu-akun>button{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-align:left}.core-kerangka-aplikasi__menu-akun>button svg{width:16px;height:16px;flex:none}.core-kerangka-aplikasi__menu-akun>button:hover{background:var(--hover-surface)}.core-kerangka-aplikasi__menu-akun-bahaya{color:var(--danger-fg)}.core-kerangka-aplikasi__menu-akun-bahaya:hover{background:var(--danger-bg)}.core-kerangka-aplikasi__panel-isi{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding:14px;container-type:inline-size}.core-kerangka-aplikasi__panel-kosong{display:grid;place-items:center;min-height:240px;padding:24px;color:var(--muted);font-size:15px;font-weight:700;font-style:italic;text-align:center}.core-kerangka-aplikasi__sambutan{display:grid;place-items:center;min-height:100%;padding:40px 24px}.core-kerangka-aplikasi__sambutan-teks{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-align:center}.core-kerangka-aplikasi__detail{min-width:0;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);overflow:hidden}.core-kerangka-aplikasi__detail-kepala{flex:none;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 10px 0 12px;border-bottom:1px solid var(--line-soft);background:var(--surface)}.core-kerangka-aplikasi__judul-kecil{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.core-kerangka-aplikasi__detail-isi{flex:1;min-height:0;overflow:auto;padding:12px;container-type:inline-size;display:grid;gap:11px;align-content:start}.core-kerangka-aplikasi__detail-kaki{flex:none;display:flex;gap:7px;padding:10px 12px;border-top:1px solid var(--line-soft);background:var(--surface)}.core-kerangka-aplikasi__nota{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--gold-bg);border:1px solid var(--gold-line);color:var(--gold-ink);font-size:11.5px;line-height:1.55}.core-kerangka-aplikasi__nota>b{flex:none}.core-kerangka-aplikasi__nota>span{flex:1 1 200px;min-width:0}.core-kerangka-aplikasi__tombol-pokok{min-height:34px;padding:0 13px;border:1px solid var(--kanan-green);border-radius:9px;background:var(--kanan-green);color:#fff;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.core-kerangka-aplikasi__tombol-pokok:hover{background:var(--kanan-green-dark);border-color:var(--kanan-green-dark)}.core-kerangka-aplikasi__tombol-alas{min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.core-kerangka-aplikasi__tombol-alas:hover{background:var(--hover-surface)}@media(pointer:coarse){.core-kerangka-aplikasi__slot{height:84px}.core-kerangka-aplikasi__ubin-glif{max-width:48px;font-size:19px}.core-kerangka-aplikasi__ubin-glif svg{width:24px;height:24px}.core-kerangka-aplikasi__rel-kiri-kat svg{width:22px;height:22px}.core-kerangka-aplikasi__ubin-nama{font-size:clamp(8.5px,15cqw,11.5px)}.core-kerangka-aplikasi__petak{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}.core-kerangka-aplikasi__cari,.core-kerangka-aplikasi__tombol-ikon{min-height:44px}.core-kerangka-aplikasi__tombol-ikon{width:44px}.core-kerangka-aplikasi__rel-kiri-kat,.core-kerangka-aplikasi__rel-atas-kat{min-height:44px}.core-kerangka-aplikasi__panel-ikon{width:44px;min-height:44px}.core-kerangka-aplikasi__lipat,.core-kerangka-aplikasi__tombol-pokok,.core-kerangka-aplikasi__tombol-alas,.core-kerangka-aplikasi__akun{min-height:44px}}