.guru-ui.guru-ui{--guru-font:var(--app-font);--guru-ink:#161616;--guru-sub:#6a6a6a;--guru-caption:#6a6a6a;--guru-bg:#f5f5f7;--guru-card:#fff;--guru-control:#f2f2f4;--guru-line:#ebebeb;--guru-row-line:#efefef;--guru-handle:#dadadf;--guru-success:#15803d;--guru-success-soft:#dcfce7;--guru-pending:#f2c21a;--guru-pending-soft:#fee053;--guru-pending-ink:#3d2e00;--guru-danger:#dc2626;--guru-danger-soft:#fee2e2;--guru-danger-ink:#b91c1c;--guru-tag:#7c5cff;--guru-tag-soft:#eeeafe;--guru-tag-ink:#4b2fc9;--guru-fixed-paper:#fff;--guru-fixed-ink:#161616;--guru-fixed-soft:#f2f2f4;--guru-profile-sub:#ffffffb8;--guru-add-bg:#161616;--guru-add-ink:#fff;--guru-added-bg:#f2f2f4;--guru-added-ink:#161616;--guru-nav-active:#161616;--guru-nav-inactive:#8a8a8a;--guru-sheet-overlay:#0000006b;--guru-header-translucent:#ffffffe0;--guru-shadow:0 2px 8px #0000000d;--guru-shadow-sm:0 2px 4px #0000000a;--guru-home-nav-glass:#fff;--guru-home-control-glass:#fff;--guru-parent-page:#fff;--guru-parent-tile:#fff;--guru-home-tile-line:#0a122014;--guru-home-tile-shadow:none;--g-bg:var(--guru-bg);--g-card:var(--guru-card);--g-text:var(--guru-ink);--g-muted:var(--guru-sub);--g-faint:var(--guru-sub);--g-divider:var(--guru-line);--g-track:var(--guru-control);--g-seg:var(--guru-control);--g-handle:var(--guru-handle);--g-primary:var(--guru-ink);--g-primary-deep:var(--guru-ink);--g-primary-soft:var(--guru-control);--g-primary-soft2:var(--guru-tag-soft);--g-ok:var(--guru-success);--g-ok-bg:var(--guru-success-soft);--g-bad:var(--guru-danger-ink);--g-bad-bg:var(--guru-danger-soft);--g-warn:var(--guru-pending-ink);--g-warn-bg:var(--guru-pending-soft);--g-neu:var(--guru-sub);--g-neu-bg:var(--guru-control);--ds-surface:var(--guru-card);--ds-surface-2:var(--guru-control);--ds-bg:var(--guru-bg);--ds-ink:var(--guru-ink);--ds-ink-muted:var(--guru-sub);--ds-ink-faint:var(--guru-sub);--ds-line:var(--guru-line);--ds-line-strong:var(--guru-line);--ds-accent:var(--guru-ink);--ds-accent-ink:var(--guru-card);--ds-font-body:var(--guru-font);--ds-font-head:var(--guru-font);--background:var(--guru-bg);--foreground:var(--guru-ink);--card:var(--guru-card);--card-foreground:var(--guru-ink);--popover:var(--guru-card);--popover-foreground:var(--guru-ink);--muted:var(--guru-control);--muted-foreground:var(--guru-sub);--primary:var(--guru-ink);--primary-foreground:var(--guru-card);--secondary:var(--guru-control);--secondary-foreground:var(--guru-ink);--accent:var(--guru-control);--accent-foreground:var(--guru-ink);--destructive:var(--guru-danger);--border:var(--guru-line);--input:var(--guru-line);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--guru-font);font-variant-numeric:tabular-nums;background:var(--guru-bg);color:var(--guru-ink);-webkit-font-smoothing:antialiased;font-size:15px}html[data-guru-light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.guru-ui.guru-ui .guru-checkin-tap{height:64px;min-height:64px;color:var(--guru-fixed-paper);background:var(--guru-fixed-ink);box-shadow:none;padding:0}.guru-ui.guru-ui .guru-checkin-tap[data-phase=in]{background:var(--guru-checkin-in);--ci-glow:var(--guru-checkin-ring-in)}.guru-ui.guru-ui .guru-checkin-tap[data-phase=out]{background:var(--guru-checkin-out);--ci-glow:var(--guru-checkin-ring-out)}.guru-ui.guru-ui .guru-checkin-tap[data-phase=closed]{background:var(--guru-caption)}.guru-ui .guru-profile-editor>section{min-width:0;max-width:100%}.guru-ui.guru-ui .guru-profile-editor input{width:100%;min-width:0;font-size:16px}.guru-ui .guru-profile-editor [aria-label=Pilihan\ avatar] button{flex:0 0 44px}.guru-ui.guru-ui .guru-profile-editor .grid>button{border-radius:16px;min-width:0;height:auto;min-height:0;padding:0}@media (width<=359px){.guru-ui .guru-checkin-label{font-size:15px}}.guru-ui.guru-ui :where(*){font-variant-numeric:tabular-nums;font-family:var(--guru-font)!important;letter-spacing:0!important}.guru-ui.guru-ui :where(button,a,input,select){min-height:44px}.guru-ui.guru-ui :where(input,select,textarea){color:var(--guru-ink);font-size:15px}.guru-ui.guru-ui :where(input,textarea)::placeholder{color:var(--guru-sub);opacity:1}.guru-ui.guru-ui :is(h1,.g-title){line-height:1.2;font-size:28px!important;font-weight:700!important}.guru-ui.guru-ui :is(h2,h3){font-size:18px!important;font-weight:700!important}.guru-ui.guru-ui .guru-number{line-height:1.1;font-size:48px!important;font-weight:700!important}.guru-ui.guru-ui .guru-page-header{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.guru-ui .guru-header-copy{flex:1;min-width:0}.guru-ui.guru-ui .guru-header-title{white-space:nowrap;overflow:visible;font-size:28px!important;font-weight:700!important}.guru-ui .guru-header-subtitle{color:var(--guru-sub);overflow-wrap:anywhere;font-size:13px;font-weight:500}.guru-ui .guru-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.guru-ui .guru-header-avatar{width:40px;height:40px;min-height:44px;color:var(--guru-ink);place-items:center;font-size:13px;font-weight:700;display:grid}.guru-ui .guru-header-avatar>span{background:var(--guru-control);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.guru-ui.guru-ui :is(.guru-icon-button,.guru-back-button,.guru-parent-header-control,.guru-parent-bell,.guru-school-picker-refresh){min-width:44px;box-shadow:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;background:var(--guru-card)!important;width:44px!important;height:44px!important;min-height:44px!important;color:var(--guru-ink)!important;border:1px solid var(--guru-line)!important;border-radius:50%!important;padding:0!important}.guru-ui.guru-ui :is(.guru-icon-button,.guru-back-button,.guru-parent-header-control,.guru-parent-bell,.guru-school-picker-refresh) svg{stroke-width:2px;width:20px;height:20px}.guru-ui.guru-ui .guru-icon-button.is-translucent{background:var(--guru-header-translucent)!important}.guru-ui.guru-ui :is(.guru-button-primary,.guru-button-secondary,.guru-button-danger){border-radius:999px;height:52px;min-height:52px;padding:0 22px;font-size:15px!important;font-weight:700!important}.guru-ui.guru-ui .guru-button-primary{background:var(--guru-accent,var(--guru-ink))!important;color:var(--guru-on-accent,var(--guru-card))!important}.guru-ui.guru-ui .guru-button-secondary{background:var(--guru-control)!important;color:var(--guru-ink)!important}.guru-ui.guru-ui .guru-button-danger{background:var(--guru-danger)!important;color:var(--guru-card)!important}.guru-ui.guru-ui .guru-button-inline{height:44px;min-height:44px}.guru-ui.guru-ui .guru-card{background:var(--guru-card);color:var(--guru-ink);border:1px solid var(--guru-line);border-radius:20px!important}.guru-ui .guru-list-row{min-height:44px;border-color:var(--guru-row-line)!important}.guru-ui .guru-list-name{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:500;display:-webkit-box;overflow:hidden}.guru-ui.guru-ui .guru-status-chip{text-transform:uppercase;white-space:nowrap;border:0;border-radius:999px;flex-shrink:1;justify-content:center;align-items:center;min-width:0;max-width:100%;height:24px;min-height:24px;padding:0 10px;line-height:24px;display:inline-flex;font-size:12px!important;font-weight:700!important}.guru-ui .guru-status-chip>span{text-overflow:ellipsis;overflow:hidden}.guru-ui.guru-ui .guru-status-neutral{color:var(--guru-sub);background:var(--guru-control)}.guru-ui.guru-ui .guru-status-success{color:var(--guru-success);background:var(--guru-success-soft)}.guru-ui.guru-ui .guru-status-pending{color:var(--guru-pending-ink);background:var(--guru-pending-soft)}.guru-ui.guru-ui .guru-status-danger{color:var(--guru-danger-ink);background:var(--guru-danger-soft)}.guru-ui.guru-ui .guru-status-accent{color:var(--guru-tag-ink);background:var(--guru-tag-soft)}.guru-ui .guru-reason-disclosure{align-items:center;min-width:0;max-width:100%;min-height:44px;display:inline-flex;position:relative}.guru-ui.guru-ui .guru-reason-trigger{background:0 0;border:0;min-width:0;max-width:100%;height:44px;min-height:44px;padding:0}.guru-ui .guru-reason-full{z-index:10;border:1px solid var(--guru-line);background:var(--guru-card);width:min(280px,75vw);color:var(--guru-ink);white-space:normal;box-shadow:var(--guru-shadow);border-radius:20px;padding:12px;font-size:13px;position:absolute;top:100%;right:0}.guru-ui.guru-ui .guru-sheet{background:var(--guru-sheet-overlay)}.guru-ui.guru-ui .guru-sheet-panel{background:var(--guru-card);color:var(--guru-ink);border-radius:28px 28px 0 0;padding:12px 16px 0}.guru-ui .guru-sheet-grabber{background:var(--guru-handle);border-radius:999px;width:40px;height:5px;margin:0 auto 10px}.guru-ui .guru-sheet-title{font-size:18px;font-weight:700}.guru-ui.guru-ui .g-bottom-nav{background:var(--guru-card)!important;border:1px solid var(--guru-line)!important}.guru-ui.guru-ui .guru-nav-label{white-space:nowrap;color:var(--guru-nav-inactive);font-weight:700;line-height:1.2;overflow:visible;font-size:12px!important}.guru-ui [aria-current=page] .guru-nav-label{color:var(--guru-nav-active)}.guru-ui .guru-nav-dot{background:var(--guru-nav-active);border-radius:50%;width:4px;height:4px}.guru-ui.guru-ui .guru-parent-module-label{font-size:13.5px!important;font-weight:600!important}.guru-ui.guru-ui .guru-parent-tile{justify-content:flex-start;height:108px;min-height:108px;border-radius:16px!important}.guru-ui.guru-ui .guru-parent-module-label{white-space:normal;flex:0 0 33px;height:33px;line-height:16.5px}.guru-ui .guru-parent-bell{position:relative;overflow:visible}.guru-ui.guru-ui .guru-parent-bell .guru-parent-unread{top:-5px;right:-5px}.guru-ui .guru-attendance-big-number{font-size:79.2px;font-weight:800;line-height:79.2px}.guru-ui :is([aria-current=page],nav button):focus:not(:focus-visible){box-shadow:none!important;outline:none!important}.guru-ui :is([aria-current=page],nav button):focus-visible{outline:1px solid var(--guru-sub);outline-offset:2px}.guru-ui.guru-ui :is(button,a)[data-slot=button]:not([data-size=icon]):not(.g-plain):not(.guru-status-chip){border-radius:999px;min-height:52px;font-size:15px;font-weight:700}.guru-ui.guru-ui .idme-reason-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;overflow:hidden;background:var(--guru-danger-soft)!important;color:var(--guru-danger-ink)!important}@media (prefers-reduced-motion:reduce){.guru-ui .ub-in{animation:none}}.guru-ui.guru-ui :is([style*="font-size: 8px"],.text-\[8px\]),.guru-ui.guru-ui :is([style*="font-size: 8.5px"],.text-\[8\.5px\]),.guru-ui.guru-ui :is([style*="font-size: 9px"],.text-\[9px\]),.guru-ui.guru-ui :is([style*="font-size: 9.4px"],.text-\[9\.4px\]),.guru-ui.guru-ui :is([style*="font-size: 9.5px"],.text-\[9\.5px\]),.guru-ui.guru-ui :is([style*="font-size: 10px"],.text-\[10px\]),.guru-ui.guru-ui :is([style*="font-size: 10.5px"],.text-\[10\.5px\]),.guru-ui.guru-ui :is([style*="font-size: 10.8px"],.text-\[10\.8px\]),.guru-ui.guru-ui :is([style*="font-size: 11px"],.text-\[11px\]),.guru-ui.guru-ui :is([style*="font-size: 11.5px"],.text-\[11\.5px\]){font-size:12px!important}.guru-ui.guru-ui .guru-header-title.is-compact{font-size:24px!important}.guru-ui.guru-ui .guru-parent-welcome{font-weight:700;font-size:12px!important}.guru-ui.guru-ui .guru-header-copy .guru-header-title{font-weight:700!important}.guru-ui.guru-ui :is(.guru-parent-header-control,.guru-parent-bell) svg{stroke:var(--guru-ink)}.guru-ui.guru-ui :is(button,a)[aria-label]:has(>svg):not(:has(span)):not(:has(input)):not([role=switch]):not(.guru-parent-tile){min-height:44px}:is(.guru-ui.guru-ui :is(.guru-page-header,.guru-chat-header) :is(button,a):has(svg),.guru-ui.guru-ui :is(button,a)[data-size=icon]){border:1px solid var(--guru-line);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--guru-ink);background:var(--guru-card);border-radius:50%}.guru-ui.guru-ui :is(.guru-page-header,.guru-chat-header) :is(button,a):has(svg) svg{stroke-width:2px;width:20px;height:20px}.guru-ui.guru-ui .guru-sijil{--guru-bg:#f5f5f7;--guru-card:#fff;--guru-ink:#161616;--guru-sub:#6a6a6a}.guru-ui.guru-ui .guru-page-header .guru-header-title{font-size:28px!important}.guru-ui.guru-ui .guru-page-header .guru-header-title.is-compact{font-size:24px!important}.guru-ui.guru-ui .guru-page-header{color:var(--guru-ink)}.guru-ui.guru-ui .guru-page-header .guru-header-actions :is(button,a) svg{stroke-width:2px}.guru-ui.guru-ui .guru-status-chip{font-size:12px!important}.guru-ui.guru-ui .cashless-page{--cashless-success:var(--guru-success);--cashless-paper:var(--guru-card);--cashless-ink:var(--guru-ink);--cashless-muted:var(--guru-sub);--cashless-line:var(--guru-line);--cashless-surface:var(--guru-bg);--primary:var(--guru-ink)}.guru-ui.guru-ui .chatqr{--cq-bg:var(--guru-card);--cq-text:var(--guru-ink);--cq-sub:var(--guru-sub);--cq-line:var(--guru-line);--cq-grey:var(--guru-control);--cq-grey-btn:var(--guru-control);--cq-accent:var(--guru-ink);--cq-accent-text:var(--guru-card)}.guru-ui.guru-ui :is(.guru-progress-ticks,.guru-ready-indicator){font-size:12px!important}.guru-ui.guru-ui .guru-progress-heading strong{font-size:18px!important;font-weight:700!important}.guru-ui.guru-ui .guru-chat-bubble,.guru-ui.guru-ui .guru-chat-composer textarea{font-size:15px!important}.guru-ui.guru-ui .guru-chat-composer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.guru-ui.guru-ui :is(button,a).guru-button-primary,.guru-ui.guru-ui :is(button,a).guru-button-secondary,.guru-ui.guru-ui :is(button,a).guru-button-danger{border:0}.guru-ui.guru-ui .guru-parent-home>header{padding-left:16px;padding-right:16px;padding-top:calc(16px + env(safe-area-inset-top))!important}.guru-ui{--guru-shimmer:#ffffffeb}.guru-ui .guru-slide-shimmer{overflow-wrap:anywhere;background-image:linear-gradient(100deg, var(--guru-fixed-ink) 38%, var(--guru-shimmer) 50%, var(--guru-fixed-ink) 62%);-webkit-text-fill-color:transparent;background-position:130% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;max-width:100%;animation:2.2s linear infinite guru-slide-shimmer-text;position:relative;color:#0000!important}.guru-ui .idme-slide{min-width:0}@keyframes guru-slide-shimmer-text{to{background-position:-130% 0}}@media (prefers-reduced-motion:reduce){.guru-ui .guru-slide-shimmer{-webkit-text-fill-color:var(--guru-fixed-ink);background-image:none;animation:none;color:var(--guru-fixed-ink)!important}}