.g-app{--g-bg:#f4f5f0;--g-paper:#fff;--g-ink:#18261f;--g-muted:#5f6e66;--g-line:#e3e7e0;--g-line2:#cfd6cc;--g-accent:#1d6a50;--g-accent-ink:#fff;--g-accent-soft:#e2f0e9;--g-board:#163a2f;--g-board-2:#1f4a3d;--g-board-ink:#e9f2ed;--g-board-muted:#a3bdb1;--g-pencil:#f2b604;--g-pencil-soft:#fff4cf;--g-pencil-ink:#4a3600;--g-hadir:#2a7d57;--g-hadir-soft:#e1f3e9;--g-sakit:#b56a00;--g-sakit-soft:#fdf0d8;--g-izin:#3456c4;--g-izin-soft:#e5ebfd;--g-alpa:#c2392c;--g-alpa-soft:#fce5e2;--g-weekend:#fbd7d7;--g-holiday:#fdebc9;--g-shadow:0 1px 2px #18261f0d, 0 4px 14px #18261f0d;--g-font:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;background:var(--g-bg);min-height:100vh;color:var(--g-ink);font-family:var(--g-font);font-size:15.5px;line-height:1.45}@media (prefers-color-scheme:dark){.g-app{--g-bg:#0f1613;--g-paper:#18211d;--g-ink:#e7efea;--g-muted:#9bada3;--g-line:#26322c;--g-line2:#34423b;--g-accent:#5cc49a;--g-accent-ink:#08140f;--g-accent-soft:#173328;--g-board:#0c1f19;--g-board-2:#143027;--g-board-ink:#e2eee8;--g-board-muted:#86a596;--g-pencil:#f2c230;--g-pencil-soft:#3a3010;--g-pencil-ink:#ffe9a6;--g-hadir:#6cc99d;--g-hadir-soft:#163126;--g-sakit:#f0b04f;--g-sakit-soft:#382a12;--g-izin:#92aaf6;--g-izin-soft:#1e284d;--g-alpa:#f08b7f;--g-alpa-soft:#3f1f1b;--g-weekend:#48252a;--g-holiday:#433518;--g-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.g-app *,.g-app :before,.g-app :after{box-sizing:border-box}.g-app :where(h1,h2,h3,button,input,select,textarea){font-family:var(--g-font);color:inherit}.g-app button{cursor:pointer;font-size:inherit}.g-app button:disabled{opacity:.55;cursor:default}.g-app :focus-visible{outline:3px solid var(--g-pencil);outline-offset:2px}.g-app h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:26px;font-weight:800;line-height:1.15}.g-app a:not([class]),.g-app a.g-hrow-link,.g-app a.g-bar,.g-app a.g-kpi,.g-app a.g-daytile{color:inherit}.g-layout{min-height:100vh}.g-side{display:none}.g-main .g-wrap{max-width:1040px;margin:0 auto;padding-block:4px 150px;padding-inline:16px}.g-wrap{max-width:760px;margin:0 auto;padding-block:0 120px;padding-inline:16px}.g-mtop{z-index:6;background:var(--g-board);color:var(--g-board-ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.g-mtop .g-eyebrow{color:var(--g-board-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g-mtop-kelas{font-size:16px;font-weight:800}.g-mtop .g-kelas-pick{background:var(--g-board-2);max-width:52%;color:var(--g-board-ink);border-color:#0000}.g-bottomnav{z-index:7;background:var(--g-paper);border-top:1px solid var(--g-line);padding:4px 4px env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #18261f0f}.g-bnlink{color:var(--g-muted);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:11.5px;font-weight:700;text-decoration:none;display:flex}.g-bnlink[aria-current=page]{color:var(--g-accent)}.g-bnlink[aria-current=page] svg{background:var(--g-accent-soft);border-radius:999px;width:48px;height:28px;padding:3px 12px}@media (min-width:900px){.g-layout{grid-template-columns:248px 1fr;display:grid}.g-side{background:var(--g-board);height:100vh;color:var(--g-board-ink);flex-direction:column;gap:16px;padding:20px 14px;display:flex;position:sticky;top:0}.g-mtop,.g-bottomnav{display:none}.g-main .g-wrap{padding-block:12px 110px;padding-inline:32px}}.g-brand{align-items:center;gap:10px;padding:0 4px;display:flex}.g-brand b{letter-spacing:-.01em;font-size:17px;font-weight:800;display:block}.g-brand span{color:var(--g-board-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.g-logo{background:var(--g-pencil);width:40px;height:40px;color:var(--g-pencil-ink);border-radius:12px;flex:none;place-items:center;display:grid}.g-side .g-kelas-pick{background:var(--g-board-2);width:100%;max-width:100%;color:var(--g-board-ink);border-color:#0000;font-weight:700}.g-kelas-tetap{background:var(--g-board-2);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700}.g-sidenav{gap:4px;display:grid}.g-sidelink{color:var(--g-board-ink);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:relative}.g-sidelink:hover{background:var(--g-board-2)}.g-sidelink[aria-current=page]{background:var(--g-board-2);font-weight:800}.g-sidelink[aria-current=page]:before{content:"";background:var(--g-pencil);border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:-14px}.g-sidelink[aria-current=page] svg{color:var(--g-pencil)}.g-sidefoot{border-top:1px solid var(--g-board-2);gap:4px;margin-top:auto;padding-top:12px;display:grid}.g-sideuser{color:var(--g-board-muted);padding:0 12px;font-size:13px}.g-pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:18px 0 14px;display:flex}.g-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted);font-size:12px;font-weight:700}.g-sub{color:var(--g-muted);margin-top:2px;font-size:14px}.g-hint{color:var(--g-muted);margin:4px 0 12px;font-size:14px}.g-sec{margin:26px 0 10px;font-size:17px;font-weight:800}.g-btn{border:1px solid var(--g-line2);background:var(--g-paper);color:var(--g-ink);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.g-btn:hover{border-color:var(--g-accent)}.g-btn.primary{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-ink)}.g-btn.primary:hover{filter:brightness(1.06)}.g-btn.kuning{background:var(--g-pencil);border-color:var(--g-pencil);color:var(--g-pencil-ink)}.g-btn.danger{color:var(--g-alpa)}.g-btn.small{border-radius:10px;padding:7px 12px;font-size:14px}.g-link{color:var(--g-accent);background:0 0;border:0;padding:0;font-size:14px;font-weight:700;text-decoration:none}.g-link:hover{text-underline-offset:3px;text-decoration:underline}.g-link.danger{color:var(--g-alpa)}.g-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.g-select,.g-toolbar select{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:12px;max-width:100%;padding:9px 12px;font-size:15px}.g-kelas-pick{padding:8px 10px;font-size:14px}.g-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.g-grow{flex:220px;min-width:0}.g-toggle{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:12px;display:inline-flex;overflow:hidden}.g-toggle button{color:var(--g-muted);background:0 0;border:0;padding:9px 14px;font-size:14px;font-weight:700}.g-toggle button[aria-pressed=true]{background:var(--g-accent);color:var(--g-accent-ink)}.g-form{background:var(--g-paper);border:1px solid var(--g-line);box-shadow:var(--g-shadow);border-radius:16px;gap:12px;padding:16px;display:grid}.g-form.inline{box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;display:flex}.g-fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.g-label{color:var(--g-muted);gap:5px;font-size:13px;font-weight:700;display:grid}.g-input{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:12px;width:100%;padding:10px 12px;font-size:15px}.g-input:focus{border-color:var(--g-accent);box-shadow:0 0 0 3px var(--g-accent-soft);outline:none}.g-form.inline .g-input{flex:160px;width:auto;min-width:0}.g-app textarea.g-input{resize:vertical;min-height:140px;font-size:14px}.g-card{background:var(--g-paper);border:1px solid var(--g-line);min-width:0;box-shadow:var(--g-shadow);border-radius:18px;padding:16px 18px}.g-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.g-card-head h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.g-card-head h2 small{color:var(--g-muted);font-size:13px;font-weight:600}.g-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.g-stats.four{grid-template-columns:repeat(4,1fr)}.g-stat{background:var(--g-paper);border:1px solid var(--g-line);min-width:0;box-shadow:var(--g-shadow);border-radius:14px;padding:12px 14px}.g-stat b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:21px;font-weight:800;display:block}.g-stat span{color:var(--g-muted);font-size:12.5px}.g-num.H{color:var(--g-hadir)}.g-num.S{color:var(--g-sakit)}.g-num.I{color:var(--g-izin)}.g-num.A{color:var(--g-alpa)}.g-box{background:var(--g-paper);border:1px solid var(--g-line);border-radius:16px;overflow:hidden}.g-hrow{border-top:1px solid var(--g-line);align-items:center;gap:10px;padding:11px 14px;display:flex}.g-hrow:first-child{border-top:0}.g-hrow .d{font-variant-numeric:tabular-nums;width:128px;color:var(--g-muted);flex:none;font-size:14px}.g-hrow .k{flex:1;min-width:0}.g-hrow small{color:var(--g-muted)}.g-hrow-link{text-decoration:none}.g-hrow-link:hover{background:var(--g-bg)}.g-empty{color:var(--g-muted);padding:16px;font-size:14px}.g-pill{border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.g-pill.S{background:var(--g-sakit-soft);color:var(--g-sakit)}.g-pill.I{background:var(--g-izin-soft);color:var(--g-izin)}.g-pill.A{background:var(--g-alpa-soft);color:var(--g-alpa)}.g-alerts{gap:8px;margin-bottom:12px;display:grid}.g-alert{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:14px;padding:12px 14px;font-size:14px}.g-alert.warn{background:var(--g-pencil-soft);border-color:color-mix(in srgb, var(--g-pencil) 45%, transparent)}.g-alert.bad{background:var(--g-alpa-soft);border-color:color-mix(in srgb, var(--g-alpa) 35%, transparent)}.g-alert b{margin-bottom:6px;display:block}.g-chips{flex-wrap:wrap;gap:6px;display:flex}.g-chip{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}.g-chiptabs{gap:8px;margin:0 0 14px}.g-chiptabs .g-chip{padding:7px 14px;font-size:14px;font-weight:700}.g-chiptabs .g-chip small{color:var(--g-muted);margin-left:3px;font-weight:600}.g-chiptabs .g-chip[aria-selected=true]{background:var(--g-board);border-color:var(--g-board);color:var(--g-board-ink)}.g-chiptabs .g-chip[aria-selected=true] small{color:var(--g-pencil)}.g-progress{background:var(--g-bg);border-radius:999px;height:10px;overflow:hidden}.g-progress span{background:var(--g-pencil);border-radius:999px;height:100%;display:block}.g-toast{left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));background:var(--g-board);color:var(--g-board-ink);z-index:30;border-radius:12px;max-width:calc(100% - 32px);padding:11px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@media (min-width:900px){.g-toast{bottom:96px;left:calc(50% + 124px)}}.g-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:20px 0 16px;display:flex}.g-hero h1{font-size:28px}.g-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.g-kpi{background:var(--g-paper);border:1px solid var(--g-line);box-shadow:var(--g-shadow);border-radius:18px;align-items:center;gap:12px;min-width:0;padding:14px;text-decoration:none;display:flex}.g-kpi:hover{border-color:var(--g-line2)}.g-kpi-ico{background:var(--g-accent-soft);width:44px;height:44px;color:var(--g-accent);border-radius:14px;flex:none;place-items:center;display:grid}.g-kpi.kuning .g-kpi-ico{background:var(--g-pencil-soft);color:var(--g-pencil-ink)}.g-kpi.merah .g-kpi-ico{background:var(--g-alpa-soft);color:var(--g-alpa)}.g-kpi.biru .g-kpi-ico{background:var(--g-izin-soft);color:var(--g-izin)}.g-kpi b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:800;line-height:1.15;display:block}.g-kpi span{color:var(--g-muted);font-size:12.5px;display:block}.g-dash2{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:1000px){.g-dash2{grid-template-columns:1.05fr 1fr}.g-dash2 .lebar{grid-column:1/-1}}@media (max-width:760px){.g-kpis{grid-template-columns:1fr 1fr;gap:10px}.g-kpi{padding:12px}.g-kpi-ico{border-radius:12px;width:38px;height:38px}.g-kpi b{font-size:18px}.g-hero h1{font-size:23px}}.g-today{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.g-today-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1}.g-today-big small{color:var(--g-muted);font-size:18px;font-weight:700}.g-pillrow{flex-wrap:wrap;gap:6px;display:flex}.g-stat-pill{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.g-stat-pill.H{background:var(--g-hadir-soft);color:var(--g-hadir)}.g-stat-pill.S{background:var(--g-sakit-soft);color:var(--g-sakit)}.g-stat-pill.I{background:var(--g-izin-soft);color:var(--g-izin)}.g-stat-pill.A{background:var(--g-alpa-soft);color:var(--g-alpa)}.g-daytiles{flex-wrap:wrap;gap:8px;display:flex}.g-daytile{border:1px solid color-mix(in srgb, var(--g-pencil) 50%, transparent);background:var(--g-paper);text-align:center;border-radius:12px;width:56px;text-decoration:none;overflow:hidden}.g-daytile i{letter-spacing:.06em;text-transform:uppercase;background:var(--g-pencil);color:var(--g-pencil-ink);padding:2px 0;font-size:10.5px;font-style:normal;font-weight:800;display:block}.g-daytile b{padding:3px 0 0;font-size:20px;font-weight:800;display:block}.g-daytile span{color:var(--g-muted);padding-bottom:4px;font-size:11px;display:block}.g-person{border-top:1px solid var(--g-line);align-items:center;gap:10px;padding:9px 0;display:flex}.g-person:first-child{border-top:0}.g-ava{background:var(--g-accent-soft);width:34px;height:34px;color:var(--g-accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.g-person .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}.g-bar{border-top:1px solid var(--g-line);align-items:center;gap:12px;padding:11px 0;text-decoration:none;display:flex}.g-bar:first-child{border-top:0}.g-bar .k{flex:1;min-width:0}.g-bar .k b{font-size:14.5px;display:block}.g-bar .k small{color:var(--g-muted);font-size:12.5px}.g-bar .meter{background:var(--g-bg);border-radius:999px;flex:none;width:110px;height:8px;overflow:hidden}.g-bar .meter span{background:var(--g-alpa);border-radius:999px;height:100%;display:block}.g-bar .n{text-align:right;width:64px;color:var(--g-alpa);font-size:14px;font-weight:800}.g-mini-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.g-mini-grid div{background:var(--g-bg);border-radius:12px;padding:10px 12px}.g-mini-grid span{color:var(--g-muted);font-size:12px;display:block}.g-mini-grid b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.g-big-note{margin:4px 0 10px;font-size:20px;font-weight:800}.g-big-note.warn{color:var(--g-sakit)}.g-tabs{background:var(--g-paper);border:1px solid var(--g-line);border-radius:14px;gap:4px;max-width:100%;margin:0 0 6px;padding:4px;display:inline-flex;overflow-x:auto}.g-tab{color:var(--g-muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-size:14.5px;font-weight:700}.g-tab[aria-selected=true]{background:var(--g-board);color:var(--g-board-ink)}.g-datebar{align-items:center;gap:8px;margin:14px 0 10px;display:flex}.g-navbtn{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:12px;flex:none;width:44px;height:44px;font-size:20px;line-height:1}.g-datebox{text-align:center;flex:1;min-width:0}.g-day{font-size:19px;font-weight:800}.g-datebox input{color:var(--g-muted);text-align:center;background:0 0;border:0;max-width:100%;font-size:14px}.g-status{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.g-status.saved{background:var(--g-hadir-soft);color:var(--g-hadir)}.g-status.unsaved{background:var(--g-pencil-soft);color:var(--g-pencil-ink)}.g-counts{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;display:grid}.g-count{background:var(--g-paper);border:1px solid var(--g-line);text-align:center;border-radius:14px;padding:9px 6px}.g-count b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.1;display:block}.g-count span{color:var(--g-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11.5px;font-weight:700}.g-count.H b{color:var(--g-hadir)}.g-count.S b{color:var(--g-sakit)}.g-count.I b{color:var(--g-izin)}.g-count.A b{color:var(--g-alpa)}.g-list{background:var(--g-paper);border:1px solid var(--g-line);box-shadow:var(--g-shadow);border-radius:16px;overflow:hidden}.g-row{border-top:1px solid var(--g-line);align-items:center;gap:10px;padding:9px 12px;display:flex}.g-row:first-child{border-top:0}.g-row .no{width:22px;color:var(--g-muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:13px}.g-row .nm{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.25}.g-row .nm small{color:var(--g-muted);font-size:12px;font-weight:600}.g-row.mati .nm{color:var(--g-muted);text-decoration:line-through}.g-seg{flex:none;gap:4px;display:flex}.g-seg button{border:1px solid var(--g-line2);background:var(--g-paper);width:38px;height:38px;color:var(--g-muted);border-radius:10px;font-size:15px;font-weight:800}.g-seg button[aria-pressed=true][data-v=H]{background:var(--g-hadir);border-color:var(--g-hadir);color:#fff}.g-seg button[aria-pressed=true][data-v=S]{background:var(--g-sakit);border-color:var(--g-sakit);color:#fff}.g-seg button[aria-pressed=true][data-v=I]{background:var(--g-izin);border-color:var(--g-izin);color:#fff}.g-seg button[aria-pressed=true][data-v=A]{background:var(--g-alpa);border-color:var(--g-alpa);color:#fff}.g-closed{background:var(--g-paper);border:1px dashed var(--g-line2);text-align:center;border-radius:16px;padding:28px 16px}.g-closed b{font-size:20px;display:block}.g-closed p{color:var(--g-muted);margin:6px 0 0}.g-savebar{left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom,0px));z-index:6;background:var(--g-paper);border-top:1px solid var(--g-line);padding:10px 16px;position:fixed}.g-savebar .in{align-items:center;gap:10px;max-width:728px;margin:0 auto;display:flex}.g-savebar .g-btn.primary{flex:1;padding:12px;font-size:16px}@media (min-width:900px){.g-savebar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));bottom:0;left:248px}}.g-gridwrap{background:var(--g-paper);border:1px solid var(--g-line);box-shadow:var(--g-shadow);border-radius:16px;overflow-x:auto}.g-grid{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:100%;font-size:12.5px}.g-grid th,.g-grid td{border:1px solid var(--g-line);text-align:center;min-width:24px;padding:4px 0}.g-grid th{background:var(--g-bg);color:var(--g-muted);font-weight:700}.g-grid tr>:first-child{border-left:0}.g-grid tr>:last-child{border-right:0}.g-grid thead tr th{border-top:0}.g-grid tbody tr:last-child td{border-bottom:0}.g-grid .nmcol{background:var(--g-paper);text-align:left;white-space:nowrap;text-overflow:ellipsis;z-index:1;min-width:160px;max-width:200px;padding:4px 10px;font-weight:600;position:sticky;left:0;overflow:hidden}.g-grid th.nmcol{background:var(--g-bg)}.g-grid .we{background:var(--g-weekend)}.g-grid .hol{background:var(--g-holiday)}.g-grid td.S{color:var(--g-sakit);font-weight:800}.g-grid td.I{color:var(--g-izin);font-weight:800}.g-grid td.A{color:var(--g-alpa);font-weight:800}.g-grid td.dot{color:var(--g-hadir)}.g-grid .tot{min-width:34px;font-weight:800}.g-grid tr.flag .nmcol,.g-grid tr.flag .nmlink{color:var(--g-alpa)}.g-grid.mtab .nmcol{min-width:140px}.g-grid tr.semrow td{background:var(--g-bg);font-weight:800}.g-grid tr.yearrow td{background:var(--g-accent-soft);color:var(--g-accent);font-weight:800}.g-grid td.nil{color:var(--g-muted)}.nmlink{font:inherit;color:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:0;display:block;overflow:hidden}.nmlink:hover{color:var(--g-accent);text-underline-offset:3px;text-decoration:underline}.g-legend{color:var(--g-muted);margin:10px 0;font-size:13px}.g-kid{background:var(--g-board);color:var(--g-board-ink);border-radius:18px;margin-bottom:12px;padding:16px 18px}.g-kid b{font-size:20px;line-height:1.2;display:block}.g-kid span{color:var(--g-board-muted);font-size:14px}.g-nrow{border-top:1px solid var(--g-line);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:9px 12px;display:flex}.g-nrow:first-child{border-top:0}.g-nrow .no{width:22px;color:var(--g-muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:13px}.g-nrow .nm{overflow-wrap:anywhere;flex:160px;min-width:0;font-size:15px;font-weight:600;line-height:1.25}.g-nrow.gagal{background:var(--g-alpa-soft)}.g-ninputs{align-items:flex-end;gap:6px;margin-left:auto;display:flex}.g-nfield{color:var(--g-muted);text-align:center;gap:2px;font-size:11px;font-weight:700;display:grid}.g-nfield input{text-align:center;border:1px solid var(--g-line2);background:var(--g-paper);font-variant-numeric:tabular-nums;border-radius:10px;width:62px;padding:8px 4px;font-size:16px;font-weight:700}.g-nfield input:focus{border-color:var(--g-accent);box-shadow:0 0 0 3px var(--g-accent-soft);outline:none}.g-nfield input:disabled{background:var(--g-bg)}.g-akhir{background:var(--g-hadir-soft);width:58px;color:var(--g-hadir);font-variant-numeric:tabular-nums;border:0;border-radius:10px;padding:8px 4px;font-size:16px;font-weight:800}.g-nst{width:14px;color:var(--g-muted);align-self:center;font-weight:800}.g-nst.ok{color:var(--g-hadir)}.g-nst.gagal{color:var(--g-alpa)}.g-iuran td{padding:0}.g-iuran th.fokus{background:var(--g-pencil-soft);color:var(--g-pencil-ink)}.g-cell{width:100%;min-width:42px;height:36px;color:inherit;background:0 0;border:0;font-size:13px;font-weight:800}.g-iuran td.lunas{background:var(--g-hadir-soft);color:var(--g-hadir)}.g-iuran td.lunas.TF{background:var(--g-izin-soft);color:var(--g-izin)}.g-iuran td.lunas.lama{background:var(--g-hadir-soft);color:var(--g-hadir)}.g-iuran td.telat{background:var(--g-alpa-soft)}.g-overlay{z-index:20;background:#08140f80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.g-sheet{background:var(--g-paper);width:100%;max-width:560px;max-height:90vh;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;overflow:auto}@media (min-width:700px){.g-overlay{align-items:center}.g-sheet{border-radius:20px}}.g-monthgrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.g-mbtn{border:1px solid var(--g-line2);background:var(--g-paper);border-radius:12px;gap:2px;padding:10px 6px;font-size:15px;font-weight:800;display:grid}.g-mbtn small{color:var(--g-muted);font-size:11px;font-weight:600}.g-mbtn[aria-pressed=true]{background:var(--g-board);border-color:var(--g-board);color:var(--g-board-ink)}.g-mbtn[aria-pressed=true] small{color:var(--g-pencil)}.g-mbtn.lunas{background:var(--g-hadir-soft);color:var(--g-hadir);border-color:#0000}.g-masuk{background:var(--g-board);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.g-masuk-kartu{background:var(--g-paper);border-radius:20px;gap:10px;width:100%;max-width:390px;padding:26px 22px;display:grid;box-shadow:0 20px 50px #00000040}.g-masuk-kartu .g-btn{margin-top:8px;padding:12px;font-size:16px}@media (max-width:560px){.g-stats.four{grid-template-columns:1fr 1fr}.g-stat b{font-size:18px}.g-app h1{font-size:23px}.g-row .nm{font-size:14px}.g-seg button{width:35px;height:36px}}@media (prefers-reduced-motion:no-preference){.g-seg button,.g-tab,.g-sidelink,.g-btn{transition:background .12s,color .12s,border-color .12s}}.g-dash2{align-items:start}.g-nfield input{color:var(--g-ink)}@media (max-width:760px){.g-kpi b{white-space:nowrap;font-size:16.5px}.g-kpi span{font-size:12px}}@media (max-width:560px){.g-bar .meter{display:none}}.g-app{--g-hero-bg:var(--g-board);--g-hero-ink:var(--g-board-ink);--g-hero-muted:var(--g-board-muted);--g-hero-pattern:none;--g-hero-tile:#ffffff1a;--g-hero-tile-ink:var(--g-board-ink);--g-k1:var(--g-hadir);--g-k1s:var(--g-hadir-soft);--g-k2:var(--g-accent);--g-k2s:var(--g-accent-soft);--g-k3:var(--g-pencil-ink);--g-k3s:var(--g-pencil-soft);--g-k4:var(--g-alpa);--g-k4s:var(--g-alpa-soft);--g-bar:var(--g-accent)}@media (prefers-color-scheme:light){.g-app[data-tema=buku]{--g-bg:#eef2f8;--g-paper:#fff;--g-ink:#1b2440;--g-muted:#5a6683;--g-line:#dfe5f0;--g-line2:#c9d2e3;--g-accent:#2d4fb5;--g-accent-ink:#fff;--g-accent-soft:#e7edfc;--g-board:#1d2b64;--g-board-2:#2a3b80;--g-board-ink:#eef2ff;--g-board-muted:#aab6e4;--g-pencil:#e5484d;--g-pencil-soft:#fde9e9;--g-pencil-ink:#9b1c21;--g-hero-bg:#fff;--g-hero-ink:#1b2440;--g-hero-muted:#5a6683;--g-hero-pattern:linear-gradient(90deg, transparent 54px, #e5484d8c 54px, #e5484d8c 56px, transparent 56px), repeating-linear-gradient(180deg, transparent 0 31px, #2d4fb521 31px 32px);--g-hero-tile:#f3f6fd;--g-hero-tile-ink:#1b2440;--g-k1:#1f8a5b;--g-k1s:#e1f4ea;--g-k2:#2d4fb5;--g-k2s:#e7edfc;--g-k3:#b4570b;--g-k3s:#fdeedd;--g-k4:#d0383e;--g-k4s:#fde9e9;--g-bar:#2d4fb5}.g-app[data-tema=seragam]{--g-bg:#f8f4f2;--g-paper:#fff;--g-ink:#2b1716;--g-muted:#74605d;--g-line:#eee2df;--g-line2:#e0cfcb;--g-accent:#b8261d;--g-accent-ink:#fff;--g-accent-soft:#fbe6e3;--g-board:#a4211a;--g-board-2:#bd2e25;--g-board-ink:#fff7f5;--g-board-muted:#f3c2bc;--g-pencil:#f2b53a;--g-pencil-soft:#fff2d6;--g-pencil-ink:#6b4500;--g-hero-bg:#b8261d;--g-hero-ink:#fff;--g-hero-muted:#f8d3ce;--g-hero-pattern:radial-gradient(circle at 92% -10%, #ffffff29 0 120px, transparent 121px), radial-gradient(circle at 78% 120%, #f2b53a59 0 90px, transparent 91px);--g-hero-tile:#fff;--g-hero-tile-ink:#2b1716;--g-k1:#1f8a5b;--g-k1s:#e1f4ea;--g-k2:#b8261d;--g-k2s:#fbe6e3;--g-k3:#8a5a00;--g-k3s:#fff2d6;--g-k4:#2f4fb5;--g-k4s:#e7edfc;--g-bar:#f2b53a}.g-app[data-tema=ceria]{--g-bg:#f7f4fb;--g-paper:#fff;--g-ink:#2a2440;--g-muted:#6b6485;--g-line:#e9e4f3;--g-line2:#d9d1ea;--g-accent:#6a4fd6;--g-accent-ink:#fff;--g-accent-soft:#eee9fd;--g-board:#3d2f86;--g-board-2:#4d3da0;--g-board-ink:#f4f1ff;--g-board-muted:#bdb2ee;--g-pencil:#ff9a6b;--g-pencil-soft:#ffece3;--g-pencil-ink:#8a3a12;--g-hero-bg:#e9e3ff;--g-hero-ink:#2a2440;--g-hero-muted:#5f5880;--g-hero-pattern:radial-gradient(circle at 100% 0%, #ffc6ad 0 64px, transparent 65px), radial-gradient(circle at 57% 118%, #b9ecd6 0 44px, transparent 45px), radial-gradient(circle at 50% -12%, #ffe28a 0 24px, transparent 25px);--g-hero-tile:#fff;--g-hero-tile-ink:#2a2440;--g-k1:#1d8f6a;--g-k1s:#dcf5ea;--g-k2:#6a4fd6;--g-k2s:#eee9fd;--g-k3:#c2551f;--g-k3s:#ffece3;--g-k4:#d23f6c;--g-k4s:#fde6ee;--g-bar:#6a4fd6}}.g-hero2{background:var(--g-hero-pattern), var(--g-hero-bg);color:var(--g-hero-ink);border:1px solid var(--g-line);box-shadow:var(--g-shadow);border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;margin:18px 0;padding:24px 26px;display:grid;position:relative;overflow:hidden}.g-hero2 .tgl{letter-spacing:.08em;text-transform:uppercase;color:var(--g-hero-muted);font-size:12px;font-weight:800}.g-hero2 h1{color:inherit;margin:4px 0;font-size:30px}.g-hero2 .ket{color:var(--g-hero-muted);font-size:14.5px}.g-hero2 .aksi{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.g-hero2 .status{background:var(--g-hero-tile);color:var(--g-hero-tile-ink);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.g-hero2 .status i{background:var(--g-k1);border-radius:50%;width:9px;height:9px;display:inline-block}.g-hero2 .status.warn i{background:var(--g-pencil)}.g-hero2 .g-btn.cta{background:var(--g-pencil);border-color:var(--g-pencil);color:var(--g-pencil-ink)}.g-app[data-tema=buku] .g-hero2{padding-left:76px}.g-ktiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.g-ktile{background:var(--g-hero-tile);color:var(--g-hero-tile-ink);border-radius:16px;align-items:center;gap:11px;min-width:0;padding:12px;text-decoration:none;display:flex;box-shadow:0 1px 2px #0000000a}.g-ktile .ico{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.g-ktile:first-child .ico{background:var(--g-k1s);color:var(--g-k1)}.g-ktile:nth-child(2) .ico{background:var(--g-k2s);color:var(--g-k2)}.g-ktile:nth-child(3) .ico{background:var(--g-k3s);color:var(--g-k3)}.g-ktile:nth-child(4) .ico{background:var(--g-k4s);color:var(--g-k4)}.g-ktile b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800;line-height:1.15;display:block}.g-ktile span{opacity:.75;font-size:12px;line-height:1.3;display:block}.g-dash3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.g-dash3>.kol{gap:16px;min-width:0;display:grid}.g-progress span{background:var(--g-bar)}.g-kid{background:var(--g-board)}@media (max-width:980px){.g-hero2{grid-template-columns:1fr;padding:20px}.g-app[data-tema=buku] .g-hero2{padding-left:64px}.g-dash3{grid-template-columns:1fr}}@media (max-width:560px){.g-hero2 h1{font-size:24px}.g-app[data-tema=buku] .g-hero2{--g-hero-pattern:linear-gradient(90deg, transparent 34px, #e5484d8c 34px, #e5484d8c 36px, transparent 36px), repeating-linear-gradient(180deg, transparent 0 31px, #2d4fb521 31px 32px);padding-left:52px}.g-ktile{gap:9px;padding:10px}.g-ktile .ico{border-radius:10px;width:34px;height:34px}.g-ktile b{font-size:16px}}.g-temas{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.g-tema{border:2px solid var(--g-line);background:var(--g-paper);text-align:left;border-radius:16px;gap:8px;padding:10px;display:grid}.g-tema[aria-pressed=true]{border-color:var(--g-accent);box-shadow:0 0 0 3px var(--g-accent-soft)}.g-tema .sw{border-radius:10px;height:34px;display:flex;overflow:hidden}.g-tema .sw span{flex:1}.g-tema small{color:var(--g-muted);font-size:12px}.g-app{font-size:14px}.g-app h1{font-size:22px}.g-pagehead{margin:16px 0 12px}.g-sub,.g-hint{font-size:13px}.g-sec{margin:22px 0 8px;font-size:15px}.g-card{border-radius:16px;padding:14px 16px}.g-card-head h2{font-size:14.5px}.g-btn{border-radius:10px;padding:8px 14px;font-size:14px}.g-btn.small{padding:6px 11px;font-size:13px}.g-link{font-size:13px}.g-select,.g-toolbar select,.g-input{border-radius:10px;padding:8px 11px;font-size:14px}.g-label{font-size:12.5px}.g-tabs{border-radius:12px;margin-bottom:4px;padding:3px}.g-tab{border-radius:9px;padding:6px 12px;font-size:13px}.g-chiptabs .g-chip{padding:5px 12px;font-size:13px}.g-chip{font-size:12.5px}.g-stat{border-radius:12px;padding:10px 12px}.g-sidelink{padding:9px 12px;font-size:14px}.g-brand b{font-size:15.5px}.g-hero2{border-radius:20px;padding:20px 22px}.g-hero2 h1{font-size:25px}.g-ktile b{font-size:16.5px}.g-today-big{font-size:34px}.g-today-big small{font-size:15px}.g-big-note{font-size:17px}.g-row .nm,.g-nrow .nm{font-size:13.5px}.g-grid{font-size:12px}.g-grid.mtab td,.g-grid.mtab th{padding:7px 6px;font-size:13px}.g-nfield input,.g-akhir{padding:6px 4px;font-size:14.5px}.g-nfield input{width:56px}.g-akhir{width:52px}.g-absbar{background:var(--g-paper);border:1px solid var(--g-line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:14px 0 6px;padding:8px 10px;display:flex}.g-absdate{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.g-absdate .g-navbtn{border-radius:9px;width:34px;height:34px;font-size:17px}.g-absdate-box{cursor:pointer;min-width:0;line-height:1.2;display:grid}.g-absdate-box b{font-size:15px;font-weight:800}.g-absdate-box input{color:var(--g-muted);background:0 0;border:0;width:130px;padding:0;font-size:12.5px}.g-abssum{flex-wrap:wrap;gap:6px;display:flex}.g-sum{background:var(--g-bg);color:var(--g-muted);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.g-sum b{font-size:13.5px;font-weight:800}.g-sum.H b{color:var(--g-hadir)}.g-sum.S b{color:var(--g-sakit)}.g-sum.I b{color:var(--g-izin)}.g-sum.A b{color:var(--g-alpa)}.g-row{gap:8px;padding:6px 10px}.g-seg{gap:3px}.g-seg button{border-radius:8px;width:31px;height:31px;font-size:13px}@media (min-width:1100px){.g-list-abs{grid-template-columns:1fr 1fr;grid-auto-flow:column;display:grid}.g-list-abs .g-row{border-top:0;border-bottom:1px solid var(--g-line)}.g-list-abs .g-row.kiri{border-right:1px solid var(--g-line)}}@media (min-width:900px){.g-savebar{background:color-mix(in srgb, var(--g-paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.g-savebar .in{justify-content:flex-end;max-width:1040px;padding:0 16px}.g-savebar .g-btn.primary{flex:none;min-width:220px;padding:10px 18px;font-size:14.5px}}@media (max-width:560px){.g-app h1{font-size:20px}.g-hero2 h1{font-size:21px}.g-absbar{padding:8px}.g-absdate-box b{font-size:14px}.g-seg button{width:33px;height:34px}}.g-dtop{display:none}@media (min-width:900px){.g-dtop{z-index:6;background:color-mix(in srgb, var(--g-paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--g-line);align-items:center;gap:14px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.g-burger{border:1px solid var(--g-line2);background:var(--g-paper);width:38px;height:38px;color:var(--g-ink);border-radius:10px;flex:none;place-items:center;display:grid}.g-burger:hover{border-color:var(--g-accent);color:var(--g-accent)}.g-dtop-info{align-items:baseline;gap:10px;min-width:0;display:flex}.g-dtop-info b{font-size:14.5px}.g-dtop-info span{color:var(--g-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.g-dtop-user{color:var(--g-muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.g-dtop-user .g-ava{width:30px;height:30px;font-size:12px}.g-layout.ciut{grid-template-columns:1fr}.g-layout.ciut .g-side{display:none}.g-layout.ciut .g-savebar{left:0}.g-layout.ciut .g-main .g-wrap{max-width:1180px}.g-layout.ciut~.g-toast{left:50%}}.g-kecil{color:var(--g-muted);margin:0 0 10px;font-size:12.5px}.g-sec small{font-weight:600}@media (min-width:900px){.g-pagehead .g-sub{display:none}.g-pagehead{margin-top:18px}}.g-alert{border-radius:12px;padding:9px 12px;font-size:13px}.g-alert b{margin-bottom:4px;font-size:13px}.g-alerts{gap:6px;margin-bottom:10px}.g-stats{gap:8px;margin-bottom:10px}.g-stat{box-shadow:none;padding:8px 12px}.g-stat b{font-size:16.5px}.g-stat span{font-size:11.5px}.g-gridwrap:has(.mtab){max-width:880px}.g-libur{max-width:760px}.g-kid{border-radius:14px;padding:12px 16px}.g-kid b{font-size:16.5px}.g-kid span{font-size:12.5px}.g-toolbar{margin-bottom:10px}.g-grid .nmcol{min-width:150px}.g-form-flat{box-shadow:none;background:0 0;border:0;padding:0}.g-card>.g-sec:first-child,.g-card>div>.g-sec:first-child,.g-card>.g-sec{margin-top:0}.g-mapel-pick{min-width:220px;max-width:320px;font-weight:700}.g-ninfo{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;display:flex}.g-ninfo-txt{color:var(--g-muted);font-size:12.5px}.g-ncols{gap:12px;display:grid}@media (min-width:1100px){.g-ncols{grid-template-columns:1fr 1fr;align-items:start}}.g-nhead{background:var(--g-bg);border-bottom:1px solid var(--g-line);letter-spacing:.04em;text-transform:uppercase;color:var(--g-muted);align-items:center;gap:10px;padding:7px 12px;font-size:11px;font-weight:800;display:flex}.g-nhead .no{text-align:right;width:22px}.g-nhead .nm{flex:1;min-width:0}.g-nhead .c{text-align:center;width:52px}.g-nhead .c+.c{margin-left:-4px}.g-nhead .st{width:14px;margin-left:-4px}.g-nrow{flex-wrap:nowrap;gap:10px;padding:5px 12px}.g-nrow .nm{flex:auto;font-size:13.5px}.g-nlist .g-nrow:nth-child(2){border-top:0}.g-ninputs{align-items:center;gap:6px}.g-nfield{display:block}.g-nfield input{border-radius:8px;width:52px;padding:6px 2px;font-size:14px}.g-nfield input::placeholder{color:var(--g-muted);font-size:11px;font-weight:600}.g-akhir{border-radius:8px;width:52px;padding:6px 2px;font-size:14px}.g-iuran-layout{align-items:start;gap:14px;display:grid}.g-iuran-layout>.utama,.g-iuran-layout>.samping{min-width:0}.g-iuran-layout>.samping{gap:12px;display:grid}@media (min-width:1150px){.g-iuran-layout{grid-template-columns:minmax(0,1fr) 300px}.g-layout.ciut .g-iuran-layout{grid-template-columns:minmax(0,1fr) 320px}}.g-grid.g-iuran td{padding:0}.g-grid.g-iuran th{padding:6px 4px;font-size:12px}.g-grid.g-iuran .nmcol{min-width:170px;max-width:210px;padding:0 10px;font-size:12.5px}.g-grid.g-iuran .tot{padding:0 8px;font-size:12px}.g-cell{min-width:34px;height:28px;font-size:12px}.g-iuran td.fokus:not(.lunas):not(.telat){background:color-mix(in srgb, var(--g-pencil-soft) 60%, transparent)}.g-legendrow{color:var(--g-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:12.5px;display:flex}.g-legendrow span{align-items:center;gap:6px;display:inline-flex}.lg{border-radius:4px;width:12px;height:12px;display:inline-block}.lg.tunai,.lg.lama{background:var(--g-hadir-soft);border:1px solid color-mix(in srgb, var(--g-hadir) 35%, transparent)}.lg.tf{background:var(--g-izin-soft);border:1px solid color-mix(in srgb, var(--g-izin) 35%, transparent)}.lg.telat{background:var(--g-alpa-soft);border:1px solid color-mix(in srgb, var(--g-alpa) 30%, transparent)}.g-select-sm{border-radius:8px;padding:5px 8px;font-size:12.5px}.g-setor .g-box{border:0;border-radius:0}.g-setor .g-hrow{padding:8px 0}.g-setor .g-hrow .k b{font-size:14px;display:block}.g-setor .g-hrow .k small{font-size:12px}.samping .g-person{padding:7px 0}.samping .g-ava{width:28px;height:28px;font-size:11px}.samping .g-person .nm{font-size:13px}.g-atur-grid{align-items:start;gap:14px;display:grid}.g-atur-grid>.kol{gap:14px;min-width:0;display:grid}@media (min-width:1100px){.g-atur-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.g-atur-grid .g-list{box-shadow:none}.g-atur-grid .g-row{padding:5px 10px}.g-temas{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.g-tema{border-radius:12px;gap:6px;padding:8px}.g-tema .sw{border-radius:8px;height:26px}.g-tema b{font-size:13px}.g-tema small{font-size:11.5px;line-height:1.3}@media (max-width:560px){.g-temas{grid-template-columns:1fr 1fr}}.g-nhead .pdk{display:none}@media (max-width:560px){.g-nhead .pjg{display:none}.g-nhead .pdk{display:inline}}@media (max-width:1149px){.g-iuran-layout>.samping{display:contents}.g-iuran-layout>.samping>.g-card:first-child{order:-1}.g-iuran-layout>.samping>.g-setor{order:1}}@media (max-width:560px){.g-nfield input,.g-akhir{width:44px;font-size:13.5px}.g-nhead .c{width:44px}.g-nrow{gap:8px;padding:5px 8px}.g-nhead{gap:8px;padding:7px 8px}.g-nrow .nm{font-size:13px}}.g-app{--g-pink:#c2417a;--g-pink-soft:#fde6ef}@media (prefers-color-scheme:dark){.g-app{--g-pink:#f08fb6;--g-pink-soft:#3f1d2c}}.g-jk{background:var(--g-bg);width:22px;height:22px;color:var(--g-muted);border-radius:7px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.g-jk.L{background:var(--g-izin-soft);color:var(--g-izin)}.g-jk.P{background:var(--g-pink-soft);color:var(--g-pink)}.g-row .nm{font-weight:600}.g-seg button{border-color:var(--g-line);color:var(--g-muted);background:var(--g-paper)}.g-seg button:hover{border-color:var(--g-line2);color:var(--g-ink)}.g-seg button[aria-pressed=true][data-v=H]{background:var(--g-hadir-soft);color:var(--g-hadir);border-color:#0000}.g-row.out .g-seg button[data-v=H]{background:var(--g-paper);color:var(--g-muted);border-color:var(--g-line)}.g-row.out{background:color-mix(in srgb, var(--g-paper) 80%, var(--g-pencil-soft))}.g-row.out .nm{color:var(--g-ink);font-weight:700}.g-absdate-box{border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.g-absdate-box:hover{background:var(--g-bg)}.g-absdate-box b{white-space:nowrap;font-size:15px}.g-cal{color:var(--g-accent);place-items:center;display:grid}.g-absdate-box input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.g-absbar{padding:6px 8px}@media (min-width:1100px){.g-list-abs .g-row{padding:6px 14px}}.g-login{background:var(--g-bg);grid-template-columns:1fr;min-height:100vh;display:grid}@media (min-width:960px){.g-login{grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr)}}.g-login-hero{color:var(--g-board-ink);background:radial-gradient(circle at 100% 0%, #ff9a6b 0 74px, transparent 75px), radial-gradient(#ffffff17 1.2px, transparent 1.4px) 0 0 / 22px 22px, var(--g-board);padding:28px 24px 54px;position:relative;overflow:hidden}@media (min-width:960px){.g-login-hero{background:radial-gradient(circle at 96% 6%, #ff9a6b 0 64px, transparent 65px), radial-gradient(circle at 104% 92%, #b9ecd6 0 90px, transparent 91px), radial-gradient(circle at 84% 99%, #ffe28a 0 30px, transparent 31px), radial-gradient(#ffffff17 1.2px, transparent 1.4px) 0 0 / 22px 22px, var(--g-board);flex-direction:column;justify-content:center;padding:40px 56px;display:flex}}.g-login-brand{align-items:center;gap:12px;display:flex}.g-login-brand .g-logo{background:var(--g-pencil);color:var(--g-pencil-ink)}.g-login-brand b{font-size:18px;font-weight:800;display:block}.g-login-brand span{color:var(--g-board-muted);font-size:12px;display:block}.g-login-hero h1{color:inherit;letter-spacing:-.02em;max-width:520px;margin:22px 0 8px;font-size:26px;line-height:1.15}@media (min-width:960px){.g-login-hero h1{margin-top:34px;font-size:38px}}.g-login-hero .lead{color:var(--g-board-muted);max-width:460px;margin:0;font-size:14.5px}.g-login-preview{max-width:520px;height:240px;margin:40px 0 34px;display:none;position:relative}@media (min-width:960px){.g-login-preview{display:block}}.pv-card{background:var(--g-paper);width:330px;color:var(--g-ink);border-radius:18px;padding:14px 14px 8px;position:absolute;top:10px;left:0;transform:rotate(-2.5deg);box-shadow:0 24px 50px #00000047}.pv-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.pv-head b{font-size:14px}.pv-head span{color:var(--g-muted);font-size:12px}.pv-row{border-top:1px solid var(--g-line);align-items:center;gap:8px;padding:6px 0;display:flex}.pv-nm{flex:1;font-size:13px;font-weight:600}.pv-seg{gap:3px;display:flex}.pv-seg i{border:1px solid var(--g-line);width:24px;height:24px;color:var(--g-muted);border-radius:7px;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.pv-seg i.on.H{background:var(--g-hadir-soft);color:var(--g-hadir);border-color:#0000}.pv-seg i.on.S{background:var(--g-sakit);color:#fff;border-color:var(--g-sakit)}.pv-chip{background:var(--g-paper);color:var(--g-ink);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 12px 30px #00000038}.pv-chip svg{color:var(--g-accent)}.pv-chip.c1{top:-18px;left:318px;transform:rotate(3deg)}.pv-chip.c2{top:92px;left:350px;transform:rotate(-2deg)}.pv-chip.c3{top:200px;left:300px;transform:rotate(2deg)}.g-login-fitur{gap:14px;max-width:520px;margin:22px 0 0;padding:0;list-style:none;display:grid}@media (max-width:959px){.g-login-fitur{display:none}}.g-login-fitur li{color:var(--g-board-muted);align-items:flex-start;gap:12px;font-size:13.5px;display:flex}.g-login-fitur li b{color:var(--g-board-ink);margin-bottom:1px;font-size:14.5px;display:block}.g-login-fitur li>span{width:36px;height:36px;color:var(--g-pencil);background:#ffffff1f;border-radius:11px;flex:none;place-items:center;display:grid}.g-login-form-wrap{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px 16px 24px;display:flex}.g-login-form{background:var(--g-paper);border:1px solid var(--g-line);border-radius:22px;gap:8px;width:100%;max-width:380px;margin-top:-40px;padding:28px 24px;display:grid;box-shadow:0 18px 50px #1e14461a}@media (min-width:960px){.g-login-form{margin-top:0;padding:34px 30px}}.g-login-form h2{letter-spacing:-.01em;margin:2px 0 0;font-size:22px;font-weight:800}.g-login-form .g-hint{margin:0 0 10px}.g-login-form .g-label{margin-top:6px}.g-inpico{align-items:center;display:flex;position:relative}.g-inpico>svg{color:var(--g-muted);pointer-events:none;position:absolute;left:12px}.g-inpico .g-input{border-radius:12px;padding:11px 12px 11px 40px;font-size:15px}.g-inpico-btn{width:34px;height:34px;color:var(--g-muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;right:6px}.g-inpico-btn:hover{background:var(--g-bg);color:var(--g-ink)}.g-login-btn{border-radius:12px;margin-top:14px;padding:12px;font-size:15.5px}.g-login-note{color:var(--g-muted);text-align:center;margin-top:10px;font-size:12.5px}.g-login-foot{color:var(--g-muted);font-size:12px}.g-nfield input.merah{background:var(--g-alpa-soft);border-color:var(--g-alpa);color:var(--g-alpa);font-weight:800}.g-nrow.merah{background:color-mix(in srgb, var(--g-paper) 82%, var(--g-alpa-soft));box-shadow:inset 3px 0 0 var(--g-alpa)}.g-akhir.bawah{background:var(--g-alpa);color:#fff}.g-grid td.merah{background:var(--g-alpa-soft);color:var(--g-alpa);font-weight:800}.g-grid tr.ada-merah .nmcol{box-shadow:inset 3px 0 0 var(--g-alpa)}.g-nrekap th small{color:var(--g-muted);font-weight:600}.g-nrekap-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.g-sum.merah{background:var(--g-alpa-soft);color:var(--g-alpa)}.g-sum.merah b{color:var(--g-alpa)}.g-legend-merah{color:var(--g-muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.g-legend-merah i{background:var(--g-alpa-soft);border:1px solid var(--g-alpa);border-radius:4px;width:14px;height:14px;display:inline-block}.g-cek{cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.g-cek input{width:16px;height:16px;accent-color:var(--g-alpa)}@media (max-width:560px){.g-cek{margin-left:0}}.g-stat .lbl{color:var(--g-muted);margin-bottom:2px;font-size:11.5px;display:block}.g-stat.kantong{padding-left:16px;position:relative}.g-stat.kantong:before{content:"";border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:0}.g-stat.kantong.bank:before{background:var(--g-izin)}.g-stat.kantong.tunai:before{background:var(--g-hadir)}.g-kantong-row{border-top:1px solid var(--g-line);justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.g-kantong-row:first-of-type{border-top:0}.g-kantong-row span{color:var(--g-muted);align-items:center;gap:8px;font-weight:600;display:inline-flex}.g-kantong-row i{border-radius:50%;width:10px;height:10px;display:inline-block}.g-kantong-row.bank i{background:var(--g-izin)}.g-kantong-row.tunai i{background:var(--g-hadir)}.g-kantong-row b{font-variant-numeric:tabular-nums;font-size:16px}.g-kantong .g-hrow{padding:8px 10px}.g-kantong .g-hrow .k b{font-size:13.5px;display:block}.g-kantong .g-hrow .k small{font-size:11.5px}.g-asal{vertical-align:middle;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:700}.g-asal.bank{background:var(--g-izin-soft);color:var(--g-izin)}.g-asal.tunai{background:var(--g-hadir-soft);color:var(--g-hadir)}.g-mini-grid.tiga{grid-template-columns:repeat(3,minmax(0,1fr))}.g-mini-grid.tiga b{font-size:15px}