@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)}.ops-login{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--canvas)}@media(min-width:481px){.ops-login{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.login-brand{background:var(--kanan-green);color:#fff;padding:34px 26px 28px;position:relative;overflow:hidden;flex:none}.login-brand .sym{position:absolute;right:-46px;top:-30px;width:190px;opacity:.1}.login-brand .wm{height:30px;display:block;margin-bottom:20px;position:relative}.login-brand h1{margin:0;font-size:23px;line-height:1.22;font-weight:800;letter-spacing:-.02em;max-width:13ch;position:relative}.login-brand p{margin:8px 0 0;font-size:13px;color:#ffffffc7;line-height:1.5;position:relative}.login-form{flex:1;background:var(--canvas);padding:24px 26px 22px;display:flex;flex-direction:column}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--old-gold);margin-bottom:14px}.eyebrow .bar{width:18px;height:2px;background:var(--old-gold);border-radius:2px}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:7px}.ifield{display:flex;align-items:center;gap:10px;min-height:48px;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 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:46px;font-family:inherit}.ifield .toggle{cursor:pointer;color:var(--faint);display:grid;place-items:center;background:none;border:none;padding:0}.rowx{display:flex;align-items:center;justify-content:space-between;margin:2px 0 20px}.remember{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember .box{width:19px;height:19px;border-radius:5px;border:1.5px solid var(--field-border);display:grid;place-items:center;background:var(--surface);color:#fff}.remember.on .box{background:var(--kanan-green);border-color:var(--kanan-green)}.link{font-size:13px;font-weight:600;color:var(--kanan-green);cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.link:hover{text-decoration:underline}.submit{width:100%;min-height:50px;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;font-family:inherit}.submit:hover{background:var(--kanan-green-dark)}.submit:disabled{opacity:.7;cursor:default}.daftar{margin-top:auto;padding-top:18px;text-align:center;font-size:13px;color:var(--subtle)}.copy{margin-top:14px;text-align:center;font-size:11px;color:var(--faint)}.login-err{display:flex;align-items:center;gap:8px;color:var(--danger-fg);font-size:13px;font-weight:600;margin:2px 0 14px}.ops-layar-sukses{position:absolute;top:0;right:0;bottom:0;left:0;z-index:61;background:var(--canvas);display:flex;flex-direction:column}.ops-layar-sukses:focus{outline:none}.ops-layar-sukses__badan{flex:1;overflow-y:auto;display:flex;flex-direction:column}.ops-layar-sukses__isi{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 22px}.ops-layar-sukses__tanda-berhasil{display:flex;flex-direction:column;align-items:center}.ops-layar-sukses__lingkaran-centang{width:84px;height:84px;border-radius:50%;background:var(--success-bg);color:var(--success-fg);display:grid;place-items:center;margin:14px 0 16px}.ops-layar-sukses__kabar-utama{font-size:20px;font-weight:var(--fw-extrabold);color:var(--ink);margin-bottom:6px}.ops-layar-sukses__baris-identitas{font-size:14px;color:var(--muted);line-height:var(--lh-body)}.ops-layar-sukses__identitas-orang{color:var(--ink);font-weight:var(--fw-bold)}.ops-layar-sukses__sebutan-submisi{margin-top:6px;font-size:var(--fs-caption);color:var(--subtle);line-height:var(--lh-body)}.ops-layar-sukses__kutipan{margin-top:18px;max-width:100%;font-size:13px;font-style:italic;color:var(--kanan-green-dark);background:var(--kanan-green-soft);padding:14px 16px;border-radius:10px;line-height:var(--lh-body)}.ops-layar-sukses__kutipan:focus-visible{outline:2px solid var(--kanan-green);outline-offset:2px}.ops-layar-sukses__kaki{margin-top:auto;width:100%;display:flex;flex-direction:column;gap:10px;padding-top:20px}.ops-layar-sukses__tombol{width:100%;min-height:48px;min-width:0}.ops-layar-sukses__tombol:focus-visible{outline:2px solid var(--kanan-green);outline-offset:2px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-app)}:root{--ops-kerangka-bar-tinggi: 60px;--ops-kerangka-sentuh: var(--tap-min);--ops-kerangka-lebar-tablet: 600px;--ops-kerangka-lebar-komputer: 760px}.ops-kerangka-aplikasi{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;background:var(--canvas);font-family:var(--font-sans);color:var(--text)}.ops-kerangka-aplikasi__kepala{flex:none;display:flex;align-items:center;gap:var(--space-3);min-height:var(--appbar-h);padding:0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--line)}.ops-kerangka-aplikasi__kembali{flex:none;width:var(--ops-kerangka-sentuh);height:var(--ops-kerangka-sentuh);margin-left:calc(var(--space-2) * -1);display:grid;place-items:center;border:none;border-radius:var(--radius-input);background:transparent;color:var(--ink);cursor:pointer;padding:0}.ops-kerangka-aplikasi__judul{flex:1;min-width:0;margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-kerangka-aplikasi__badan{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--ops-kerangka-bar-tinggi)}.ops-kerangka-aplikasi__bar-nav{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:stretch;height:var(--ops-kerangka-bar-tinggi);min-height:var(--ops-kerangka-bar-tinggi);background:var(--surface);border-top:1px solid var(--line)}.ops-kerangka-aplikasi__tab{flex:1;min-width:0;min-height:var(--ops-kerangka-sentuh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-2) var(--space-1);border:none;background:transparent;cursor:pointer;font-family:inherit;color:var(--subtle)}.ops-kerangka-aplikasi__tab[aria-selected=true]{color:var(--kanan-green)}.ops-kerangka-aplikasi__tab-ikon{position:relative;display:inline-flex}.ops-kerangka-aplikasi__tab-label{font-size:11px;font-weight:600;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-kerangka-aplikasi__tab[aria-selected=true] .ops-kerangka-aplikasi__tab-label{font-weight:800}.ops-kerangka-aplikasi__tab-lencana{position:absolute;top:-4px;right:-7px;min-width:16px;height:16px;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--danger-strong);color:var(--surface);font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface);box-sizing:content-box}.ops-kerangka-aplikasi__sub-layar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--canvas);display:flex;flex-direction:column}@media(min-width:600px){.ops-kerangka-aplikasi{max-width:var(--ops-kerangka-lebar-tablet);border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(min-width:1024px){.ops-kerangka-aplikasi{max-width:var(--ops-kerangka-lebar-komputer)}.ops-kerangka-aplikasi__tab{flex-direction:row;gap:var(--space-2)}.ops-kerangka-aplikasi__tab-label{font-size:13px}}