.login-wrap.svelte-1428x5h{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.12fr 1fr;background:var(--bg);color:var(--ink);position:relative;overflow-x:hidden}.brand-panel.svelte-1428x5h{position:relative;background:linear-gradient(160deg,#0a181e,#060f14,#03060b);color:#f4f1ec;padding:44px 50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:4px 0 24px #00000026}.brand-ambient-glow.svelte-1428x5h{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(ellipse at 20% 15%,oklch(.65 .14 70 / .16),transparent 50%),radial-gradient(ellipse at 85% 85%,oklch(.48 .1 210 / .2),transparent 55%),radial-gradient(ellipse at 50% 50%,oklch(.5 .08 150 / .1),transparent 50%);animation:svelte-1428x5h-ambientDrift 22s ease-in-out infinite alternate;pointer-events:none}.brand-grid-pattern.svelte-1428x5h{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(oklch(.95 .016 86 / .05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.brand-top.svelte-1428x5h,.brand-hero.svelte-1428x5h,.feature-showcase.svelte-1428x5h,.brand-footer.svelte-1428x5h{position:relative;z-index:2}.school-badge.svelte-1428x5h{display:flex;align-items:center;gap:13px}.school-logo-img.svelte-1428x5h{width:44px;height:44px;border-radius:11px;object-fit:contain;background:#ffffff0f;padding:3px;border:1px solid oklch(.95 .016 86 / .15);box-shadow:0 4px 16px -4px #0006}.school-logo-placeholder.svelte-1428x5h{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--accent, oklch(.65 .14 70)),oklch(.45 .1 50));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px -4px #0006}.school-info.svelte-1428x5h{display:flex;flex-direction:column;gap:2px}.school-name.svelte-1428x5h{font-family:Fraunces,serif;font-size:20px;font-weight:600;letter-spacing:-.01em;color:#faf8f5;line-height:1.2}.school-year.svelte-1428x5h{font-size:11.5px;font-weight:500;color:#afa390}.brand-hero.svelte-1428x5h{margin:28px 0}.hero-tag.svelte-1428x5h{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:99px;background:#ffffff0f;border:1px solid oklch(.95 .016 86 / .12);font-size:11px;font-weight:600;color:#d4cdbf;margin-bottom:14px}.hero-tag-dot.svelte-1428x5h{width:6px;height:6px;border-radius:50%;background:var(--accent, oklch(.65 .14 70));box-shadow:0 0 8px var(--accent, oklch(.65 .14 70))}.brand-hero.svelte-1428x5h h1:where(.svelte-1428x5h){font-family:Fraunces,serif;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 12px;color:#fdfcf8;font-weight:500;letter-spacing:-.02em}.accent-text.svelte-1428x5h{color:var(--accent, oklch(.65 .14 70));font-weight:600}.hero-desc.svelte-1428x5h{font-size:13.5px;line-height:1.6;color:#b1aa9d;max-width:460px;margin:0}.feature-showcase.svelte-1428x5h{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 20px}.feature-card.svelte-1428x5h{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:12px;background:#ffffff0a;border:1px solid oklch(.95 .016 86 / .08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s ease,border-color .2s ease,transform .2s ease}.feature-card.svelte-1428x5h:hover{background:#ffffff12;border-color:#f3eee32e;transform:translateY(-2px)}.feature-ic-box.svelte-1428x5h{width:32px;height:32px;border-radius:8px;background:color-mix(in oklab,var(--feat-color) 20%,oklch(0 0 0 / .3));border:1px solid color-mix(in oklab,var(--feat-color) 40%,transparent);color:var(--feat-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-body.svelte-1428x5h{display:flex;flex-direction:column;gap:2px}.feature-body.svelte-1428x5h b:where(.svelte-1428x5h){font-size:12.5px;font-weight:600;color:#faf8f5}.feature-body.svelte-1428x5h span:where(.svelte-1428x5h){font-size:11px;line-height:1.35;color:#989285}.brand-footer.svelte-1428x5h{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid oklch(.95 .016 86 / .08);font-size:11.5px;color:#877f73}.footer-status.svelte-1428x5h{display:flex;align-items:center;gap:7px}.status-indicator.svelte-1428x5h{width:7px;height:7px;border-radius:50%;background:#54b85b;box-shadow:0 0 8px #54b85b}.footer-copyright.svelte-1428x5h{font-weight:500}.form-panel.svelte-1428x5h{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 32px;background:var(--bg)}.form-top-actions.svelte-1428x5h{position:absolute;top:20px;right:24px;z-index:10}.theme-toggle-btn.svelte-1428x5h{width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.theme-toggle-btn.svelte-1428x5h:hover{color:var(--ink);border-color:var(--accent);background:var(--surface-alt);transform:scale(1.05)}.login-card-container.svelte-1428x5h{width:100%;max-width:410px;animation:svelte-1428x5h-formSlideUp .5s cubic-bezier(.16,1,.3,1) backwards}.login-card.svelte-1428x5h{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px 30px;box-shadow:var(--shadow-lg)}.card-header.svelte-1428x5h{margin-bottom:24px}.eyebrow.svelte-1428x5h{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:6px}.eyebrow-accent.svelte-1428x5h{width:14px;height:2px;background:var(--accent);border-radius:1px}.card-header.svelte-1428x5h h2:where(.svelte-1428x5h){font-family:Fraunces,serif;font-size:26px;font-weight:600;color:var(--ink);margin:0 0 6px}.card-sub.svelte-1428x5h{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0}.login-form.svelte-1428x5h{display:flex;flex-direction:column;gap:16px}.form-group.svelte-1428x5h{display:flex;flex-direction:column;gap:6px}.form-group.svelte-1428x5h label:where(.svelte-1428x5h){font-size:12px;font-weight:600;color:var(--ink)}.input-wrapper.svelte-1428x5h{position:relative;display:flex;align-items:center}.input-icon.svelte-1428x5h{position:absolute;left:13px;color:var(--ink-faint);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:color .15s ease;z-index:2}.input-wrapper.svelte-1428x5h input:where(.svelte-1428x5h){width:100%;height:44px;padding:0 14px 0 38px;border-radius:11px;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);font-size:13.5px;font-family:inherit;outline:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.input-wrapper.svelte-1428x5h input:where(.svelte-1428x5h):focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.input-wrapper.svelte-1428x5h:focus-within .input-icon:where(.svelte-1428x5h){color:var(--accent)}.password-toggle-btn.svelte-1428x5h{position:absolute;right:8px;width:30px;height:30px;border-radius:7px;background:transparent;border:none;color:var(--ink-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,background .15s ease;z-index:2}.password-toggle-btn.svelte-1428x5h:hover{color:var(--ink);background:var(--surface-alt)}.submit-btn.svelte-1428x5h{width:100%;height:46px;margin-top:4px;border:none;border-radius:11px;background:linear-gradient(135deg,#112227,#081319);color:#faf8f5;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #0000001a,0 4px 14px -2px #08131966;transition:transform .15s ease,box-shadow .2s ease}[data-theme=dark] .submit-btn.svelte-1428x5h,html.dark .submit-btn.svelte-1428x5h{background:linear-gradient(135deg,var(--accent, oklch(.65 .14 70)) 0%,oklch(.55 .14 60) 100%);color:#030a11;box-shadow:0 4px 16px -2px color-mix(in oklab,var(--accent, oklch(.65 .14 70)) 45%,transparent)}.submit-btn.svelte-1428x5h:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px -4px #08131980}.submit-btn.svelte-1428x5h:active:not(:disabled){transform:translateY(0) scale(.98)}.submit-btn.svelte-1428x5h:disabled{opacity:.8;cursor:not-allowed}.btn-arrow-ic.svelte-1428x5h{display:flex;align-items:center;transition:transform .15s ease}.submit-btn.svelte-1428x5h:hover:not(:disabled) .btn-arrow-ic:where(.svelte-1428x5h){transform:translate(3px)}.spinner.svelte-1428x5h{width:15px;height:15px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-1428x5h-spin .7s linear infinite}.card-footer.svelte-1428x5h{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft)}.help-box.svelte-1428x5h{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.4;color:var(--ink-faint)}.stagger.svelte-1428x5h{animation:svelte-1428x5h-fadeInSlide .5s cubic-bezier(.16,1,.3,1) backwards}.s1.svelte-1428x5h{animation-delay:.05s}.s2.svelte-1428x5h{animation-delay:.1s}.s3.svelte-1428x5h{animation-delay:.15s}.s4.svelte-1428x5h{animation-delay:.2s}.s5.svelte-1428x5h{animation-delay:.25s}.s6.svelte-1428x5h{animation-delay:.3s}.s7.svelte-1428x5h{animation-delay:.4s}@keyframes svelte-1428x5h-ambientDrift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,-4%) scale(1.06)}}@keyframes svelte-1428x5h-fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1428x5h-formSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-1428x5h-spin{to{transform:rotate(360deg)}}@media(max-width:960px){.login-wrap.svelte-1428x5h{grid-template-columns:1fr}.brand-panel.svelte-1428x5h{padding:36px 24px;min-height:auto}.brand-hero.svelte-1428x5h{margin:20px 0}.brand-hero.svelte-1428x5h h1:where(.svelte-1428x5h){font-size:24px}.feature-showcase.svelte-1428x5h{grid-template-columns:1fr 1fr}.form-panel.svelte-1428x5h{padding:32px 20px 48px}.login-card.svelte-1428x5h{padding:28px 22px}}@media(max-width:540px){.feature-showcase.svelte-1428x5h{grid-template-columns:1fr}.school-name.svelte-1428x5h{font-size:18px}.card-header.svelte-1428x5h h2:where(.svelte-1428x5h){font-size:24px}}.mobile-topbar.svelte-1hq7h4m{display:none}@media(max-width:860px){.mobile-topbar.svelte-1hq7h4m{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:25;background:var(--sidebar-bg, oklch(.19 .011 81));color:var(--sb-cream, oklch(.95 .016 86));padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;box-shadow:0 4px 16px #0000002e;border-bottom:1px solid var(--sidebar-line, oklch(.95 .016 86 / .08))}.topbar-left.svelte-1hq7h4m{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.school-logo.svelte-1hq7h4m{width:32px;height:32px;border-radius:8px;object-fit:contain;background:#ffffff0f;padding:1.5px;flex-shrink:0}.school-ic.svelte-1hq7h4m{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--role-accent),oklch(.55 .12 40));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.school-meta.svelte-1hq7h4m{display:flex;flex-direction:column;gap:2px;min-width:0}.school-name.svelte-1hq7h4m{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--sb-title, oklch(1 0 0));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.ta-badge.svelte-1hq7h4m{font-size:9.5px;font-family:JetBrains Mono,monospace;font-weight:600;color:#d49648;background:#c47d0426;padding:1px 6px;border-radius:99px;align-self:flex-start}.topbar-right.svelte-1hq7h4m{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-pill.svelte-1hq7h4m{display:flex;align-items:center;gap:6px;background:var(--sb-raised, oklch(.21 .015 82));border:1px solid oklch(.95 .016 86 / .1);padding:3px 8px 3px 4px;border-radius:99px}.avatar-ring.svelte-1hq7h4m{padding:1.5px;border-radius:50%;background:linear-gradient(135deg,var(--role-accent),oklch(.5 .12 40));display:flex}.avatar-circle.svelte-1hq7h4m{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;font-family:JetBrains Mono,monospace;border:1.5px solid var(--sb-bg, oklch(.19 .011 81))}.role-pill.svelte-1hq7h4m{font-size:9.5px;font-weight:600;color:var(--sb-cream, oklch(.95 .016 86));text-transform:capitalize}.circular-theme-btn.svelte-1hq7h4m,.circular-menu-btn.svelte-1hq7h4m{width:36px;height:36px;border-radius:50%;background:var(--sb-raised, oklch(.21 .015 82));border:1.5px solid oklch(.95 .016 86 / .2);color:var(--sb-cream, oklch(.95 .016 86));display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:background .15s ease,transform .1s ease,border-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;padding:0}.circular-theme-btn.svelte-1hq7h4m:hover,.circular-menu-btn.svelte-1hq7h4m:hover{background:#2a261e;border-color:var(--role-accent);color:#fff;transform:scale(1.05)}.circular-theme-btn.svelte-1hq7h4m:active,.circular-menu-btn.svelte-1hq7h4m:active{transform:scale(.92);background:#322d25}}@property --notch-x{syntax: "<length>"; inherits: true; initial-value: 50%;}.liquid-nav-stage.svelte-1w40oxp{display:none}@media(max-width:860px){.liquid-nav-stage.svelte-1w40oxp{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;pointer-events:none;will-change:transform}.liquid-bar.svelte-1w40oxp{pointer-events:auto;position:relative;width:100%;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--sidebar-bg, oklch(.19 .011 81));display:flex;justify-content:center;align-items:center;box-shadow:inset 0 1px #f3eee329,0 -8px 24px #00000059;-webkit-mask-image:radial-gradient(circle at var(--notch-x) 0px,transparent 0 35px,black 37px);mask-image:radial-gradient(circle at var(--notch-x) 0px,transparent 0 35px,black 37px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:--notch-x .45s cubic-bezier(.34,1.56,.64,1)}.liquid-bar-border.svelte-1w40oxp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--notch-x) 0px,transparent 0 35px,oklch(.95 .016 86 / .3) 35.5px,oklch(.95 .016 86 / .16) 37px,transparent 38px),linear-gradient(180deg,oklch(.95 .016 86 / .22) 0px,oklch(.95 .016 86 / .22) 1px,transparent 1px);z-index:2;transition:--notch-x .45s cubic-bezier(.34,1.56,.64,1)}.liquid-items.svelte-1w40oxp{display:flex;width:100%;height:100%;max-width:520px;margin:0 auto;padding:0 10px}.liquid-item-btn.svelte-1w40oxp{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;cursor:pointer;padding:0;overflow:visible;-webkit-tap-highlight-color:transparent}.liquid-item-btn.svelte-1w40oxp:focus,.liquid-item-btn.svelte-1w40oxp:focus-visible{outline:none}.idle-icon.svelte-1w40oxp{display:flex;align-items:center;justify-content:center;color:#a59d91;opacity:1;transform:scale(1);transition:opacity .25s ease .15s,transform .25s cubic-bezier(.34,1.56,.64,1) .15s,color .15s ease}.liquid-item-btn.svelte-1w40oxp:hover .idle-icon:where(.svelte-1w40oxp){color:#f3eee3}.liquid-item-btn.is-active.svelte-1w40oxp .idle-icon:where(.svelte-1w40oxp){opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}.liquid-bubble.svelte-1w40oxp{pointer-events:auto;position:absolute;bottom:calc(34px + env(safe-area-inset-bottom,0px));width:58px;height:58px;margin-left:-29px;border-radius:50%;border:2px solid oklch(.73 .09 76);outline:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--sb-bg, oklch(.19 .011 81));box-shadow:0 0 0 1.5px #e9e4da73,0 3px 10px #00000038;display:flex;align-items:center;justify-content:center;transition:left .45s cubic-bezier(.34,1.56,.64,1),transform .15s ease;z-index:46}.liquid-bubble.svelte-1w40oxp:focus,.liquid-bubble.svelte-1w40oxp:focus-visible{outline:none}.liquid-bubble.svelte-1w40oxp:active{transform:scale(.94)}.liquid-bubble-icon.svelte-1w40oxp{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;animation:svelte-1w40oxp-bubbleIconIn .32s cubic-bezier(.34,1.56,.64,1) .1s backwards}@keyframes svelte-1w40oxp-bubbleIconIn{0%{opacity:0;transform:translateY(10px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-label.svelte-1w40oxp{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translate(-50%);color:#fff;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;opacity:0;z-index:46;pointer-events:none;transition:left .45s cubic-bezier(.34,1.56,.64,1),opacity .2s ease .1s}.liquid-label.show.svelte-1w40oxp{opacity:1}}.sheet-backdrop.svelte-11bsowj,.sheet-panel.svelte-11bsowj{display:none}@media(max-width:860px){.sheet-backdrop.svelte-11bsowj{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#020201a6;z-index:50;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:svelte-11bsowj-fadeIn .2s ease}.sheet-panel.svelte-11bsowj{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;max-height:85vh;max-height:85dvh;background:var(--sidebar-bg, oklch(.19 .011 81));color:var(--sb-cream, oklch(.95 .016 86));border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #00000073;z-index:55;animation:svelte-11bsowj-slideUp .3s cubic-bezier(.34,1.3,.64,1);padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.sheet-handle-bar.svelte-11bsowj{display:flex;justify-content:center;padding:10px 0 4px;cursor:pointer}.sheet-handle.svelte-11bsowj{width:40px;height:4px;border-radius:99px;background:#f3eee340}.sheet-header.svelte-11bsowj{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 12px;border-bottom:1px solid oklch(.95 .016 86 / .08)}.sheet-title.svelte-11bsowj{font-family:Fraunces,serif;font-size:17px;font-weight:600;color:var(--sb-title, oklch(1 0 0))}.sheet-close-btn.svelte-11bsowj{background:#f3eee314;border:none;color:var(--sb-muted, oklch(.76 .022 80));width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.sheet-content.svelte-11bsowj{overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.sheet-group-label.svelte-11bsowj{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#877f72;margin-top:4px}.sheet-grid.svelte-11bsowj{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.sheet-item-card.svelte-11bsowj{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:12px;background:var(--sb-raised, oklch(.21 .015 82));border:1px solid oklch(.95 .016 86 / .08);color:var(--sb-muted, oklch(.76 .022 80));cursor:pointer;text-align:left;position:relative;transition:background .15s ease,transform .1s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.sheet-item-card.svelte-11bsowj:active{transform:scale(.98);background:#25211a}.sheet-item-card.is-active.svelte-11bsowj{background:#f3eee31f;border-color:var(--item-c, var(--role-accent));color:#fff;box-shadow:0 2px 12px color-mix(in oklab,var(--item-c, var(--role-accent)) 20%,transparent)}.sheet-item-ic.svelte-11bsowj{color:#d2cdc2;transition:color .15s ease}.sheet-item-card.svelte-11bsowj:hover .sheet-item-ic:where(.svelte-11bsowj){color:var(--item-c, oklch(1 0 0))}.sheet-item-card.is-active.svelte-11bsowj .sheet-item-ic:where(.svelte-11bsowj){color:var(--item-c, var(--role-accent))}.sheet-item-text.svelte-11bsowj{font-size:12.5px;font-weight:600;line-height:1.25}.active-badge.svelte-11bsowj{position:absolute;top:8px;right:8px;font-size:8.5px;font-weight:700;padding:1px 5px;border-radius:99px;background:var(--role-accent);color:#16130e}.sheet-divider.svelte-11bsowj{height:1px;background:#f3eee314;margin:8px 0 4px}.sheet-user-card.svelte-11bsowj{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--sb-raised, oklch(.21 .015 82));border:1px solid oklch(.95 .016 86 / .08)}.user-left.svelte-11bsowj{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.avatar-ring.svelte-11bsowj{padding:1.5px;border-radius:50%;background:linear-gradient(135deg,var(--role-accent),oklch(.5 .12 40));display:flex}.avatar-circle.svelte-11bsowj{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;border:2px solid var(--sb-bg, oklch(.19 .011 81))}.user-info.svelte-11bsowj{display:flex;flex-direction:column;min-width:0}.user-info.svelte-11bsowj b:where(.svelte-11bsowj){font-size:13px;color:var(--sb-title, oklch(1 0 0));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role.svelte-11bsowj{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#d49648}.sheet-user-actions.svelte-11bsowj{display:flex;align-items:center;gap:8px;flex-shrink:0}.sheet-theme-btn.svelte-11bsowj{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0d;border:1px solid oklch(.95 .016 86 / .15);color:#f3eee3;border-radius:8px;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.sheet-theme-btn.svelte-11bsowj:hover{background:#ffffff1a;border-color:var(--role-accent)}.sheet-theme-btn.svelte-11bsowj:active{transform:scale(.92);background:#ffffff26}.sheet-logout-btn.svelte-11bsowj{display:flex;align-items:center;gap:6px;background:#ac303126;border:1px solid oklch(.5 .16 25 / .25);color:#f08f87;font-size:12px;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer;flex-shrink:0}.sheet-logout-btn.svelte-11bsowj:active{background:#ac30314d}.sheet-footer-info.svelte-11bsowj{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 0;font-size:11px;color:#787165}.sheet-version-tag.svelte-11bsowj{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;background:#f3eee314;border:1px solid oklch(.95 .016 86 / .12);padding:1px 6px;border-radius:5px;color:#a59d91}@keyframes svelte-11bsowj-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-11bsowj-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.sidebar.svelte-181dlmc{--sb-bg: var(--sidebar-bg, oklch(.19 .011 81));--sb-raised: var(--sidebar-bg-2, oklch(.21 .015 82));--sb-r: 20px;--sb-cream: oklch(.95 .016 86);--sb-title: oklch(1 0 0);--sb-muted: oklch(.76 .022 80);--sb-faint: oklch(.5 .022 80);--sb-hair: var(--sidebar-line, oklch(.95 .016 86 / .08));--sb-hair-strong: oklch(.95 .016 86 / .14);width:280px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),linear-gradient(175deg,color-mix(in oklab,var(--sb-bg) 85%,white 15%) 0%,var(--sb-bg) 40%,color-mix(in oklab,var(--sb-bg) 85%,black 15%) 100%);color:var(--sb-muted);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:visible;border-right:none;transition:width .25s var(--ease, cubic-bezier(.4, 0, .2, 1))}.sb-scroll.svelte-181dlmc{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sb-scroll.svelte-181dlmc::-webkit-scrollbar{display:none}.sb-toggle.svelte-181dlmc{position:absolute;right:-14px;top:32px;z-index:2;width:28px;height:28px;border-radius:50%;background:var(--sb-bg);border:1.5px solid oklch(.95 .016 86 / .3);color:var(--sb-muted);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:color var(--dur-normal, .15s) var(--ease, ease),background var(--dur-normal, .15s) var(--ease, ease),transform var(--dur-fast, .1s) var(--ease-spring, ease);box-shadow:0 2px 8px #0003}.sb-toggle.svelte-181dlmc:hover{color:var(--sb-cream);background:var(--sb-raised);border-color:#f3eee373;transform:scale(1.1)}.sb-toggle.svelte-181dlmc:active{transform:scale(.92)}.sb-toggle.svelte-181dlmc:focus-visible{outline:2px solid var(--c, var(--accent));outline-offset:2px;opacity:1}.sb-toggle.svelte-181dlmc svg{transform:rotate(180deg);transition:transform .25s var(--ease, ease)}.sidebar.collapsed.svelte-181dlmc .sb-toggle:where(.svelte-181dlmc) svg{transform:rotate(0)}.sidebar.collapsed.svelte-181dlmc{width:68px}.sidebar.collapsed.svelte-181dlmc .sb-brand-text:where(.svelte-181dlmc){opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed.svelte-181dlmc .sb-school-text:where(.svelte-181dlmc),.sidebar.collapsed.svelte-181dlmc .sb-year:where(.svelte-181dlmc){display:none}.sidebar.collapsed.svelte-181dlmc .sb-school:where(.svelte-181dlmc){padding:8px;justify-content:center}.sidebar.collapsed.svelte-181dlmc .sb-section:where(.svelte-181dlmc){display:none}.sidebar.collapsed.svelte-181dlmc .sb-divider:where(.svelte-181dlmc){margin:6px 12px}.sidebar.collapsed.svelte-181dlmc .sb-nav:where(.svelte-181dlmc){padding:18px 8px 12px}.sidebar.collapsed.svelte-181dlmc .sb-item:where(.svelte-181dlmc){justify-content:center;padding:8px;margin-right:0}.sidebar.collapsed.svelte-181dlmc .sb-label:where(.svelte-181dlmc){opacity:0;max-width:0;pointer-events:none;padding:0}.sidebar.collapsed.svelte-181dlmc .sb-item.active:where(.svelte-181dlmc){margin-right:0;padding-right:8px;border-radius:11px}.sidebar.collapsed.svelte-181dlmc .sb-item.active:where(.svelte-181dlmc):before,.sidebar.collapsed.svelte-181dlmc .sb-item.active:where(.svelte-181dlmc):after{display:none}.sidebar.collapsed.svelte-181dlmc .sb-user:where(.svelte-181dlmc){flex-direction:column;padding:8px;gap:6px;align-items:center}.sidebar.collapsed.svelte-181dlmc .sb-who:where(.svelte-181dlmc),.sidebar.collapsed.svelte-181dlmc .sb-version-badge:where(.svelte-181dlmc){display:none}.sidebar.collapsed.svelte-181dlmc .sb-theme-btn:where(.svelte-181dlmc),.sidebar.collapsed.svelte-181dlmc .sb-logout:where(.svelte-181dlmc){position:static}.sb-brand.svelte-181dlmc{padding:18px 20px 12px;display:flex;gap:9px;align-items:center}.sb-mark.svelte-181dlmc{width:22px;height:22px;border-radius:6px;background:linear-gradient(155deg,oklch(.72 .12 70),var(--accent) 70%);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:transform var(--dur-normal) var(--ease-spring)}.sb-mark.svelte-181dlmc svg:where(.svelte-181dlmc){width:12px;height:12px}.sb-mark.svelte-181dlmc:hover{transform:scale(1.06) rotate(-2deg)}.sb-brand-text.svelte-181dlmc{font-size:10.5px;font-weight:600;letter-spacing:1.3px;color:var(--sb-title);text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:opacity .2s var(--ease, ease),max-width .25s var(--ease, ease);max-width:200px}.sb-version-badge.svelte-181dlmc{font-size:9px;font-weight:700;font-family:JetBrains Mono,monospace;color:#a59d91;background:#f3eee314;padding:1.5px 6px;border-radius:6px;border:1px solid oklch(.95 .016 86 / .1);letter-spacing:.02em;margin-left:auto}.sb-school.svelte-181dlmc{display:flex;gap:11px;align-items:center;margin:0 16px 8px;padding:13px 14px;border-radius:12px;background:var(--sb-raised);border:1px solid var(--sb-hair);transition:border-color var(--dur-normal) var(--ease)}.sb-school.svelte-181dlmc:hover{border-color:var(--sb-hair-strong)}.sb-school-ic.svelte-181dlmc{width:42px;height:42px;min-width:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c, var(--accent)),oklch(.55 .12 40));color:#fff;flex-shrink:0}.sb-school-logo.svelte-181dlmc{width:42px;height:42px;border-radius:10px;object-fit:contain;flex-shrink:0;background:#ffffff0d;padding:2px}.sb-school-text.svelte-181dlmc{min-width:0}.sb-school-text.svelte-181dlmc b:where(.svelte-181dlmc){display:block;font-family:Fraunces,serif;font-size:16.5px;font-weight:600;color:var(--sb-title);letter-spacing:.2px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-year.svelte-181dlmc{display:inline-block;font-size:10px;font-weight:600;color:#d49648;background:#c47d0424;padding:2px 8px;border-radius:99px;margin-top:5px;font-family:JetBrains Mono,monospace;letter-spacing:.2px}.sb-section.svelte-181dlmc{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sb-faint);padding:10px 12px 6px;white-space:nowrap;overflow:hidden}.sb-section.first.svelte-181dlmc{padding-top:0}.sb-divider.svelte-181dlmc{height:1px;background:var(--sb-hair);margin:12px 4px}.sb-nav.svelte-181dlmc{flex:1;padding:18px 12px 12px;display:flex;flex-direction:column;gap:1px;position:relative}.sb-item.svelte-181dlmc{display:flex;align-items:center;gap:11px;padding:8px 14px 8px 10px;border-radius:11px;color:var(--sb-muted);background:transparent;border:none;text-align:left;font-size:13.5px;font-weight:500;position:relative;z-index:1;transition:color var(--dur-normal) var(--ease),transform var(--dur-fast) var(--ease-spring)}.sb-item.svelte-181dlmc:hover{background:#f3eee314;color:var(--sb-cream)}.sb-item.svelte-181dlmc:hover .sb-ic:where(.svelte-181dlmc){color:var(--item-c, var(--sb-cream));transform:translate(1px)}.sb-item.svelte-181dlmc:active:not(.active){transform:scale(.98)}.sb-item.svelte-181dlmc:focus-visible{outline:2px solid var(--item-c, var(--c, var(--accent)));outline-offset:-2px;border-radius:var(--sb-r) 0 0 var(--sb-r)}.sb-item.active.svelte-181dlmc{background:var(--bg);color:var(--ink);font-weight:700;border-radius:var(--sb-r) 0 0 var(--sb-r);margin-right:-12px;padding-right:36px;box-shadow:-4px 0 12px #00000014}.sb-item.active.svelte-181dlmc .sb-ic:where(.svelte-181dlmc){background:var(--sb-bg);color:var(--item-c, var(--c-glow, var(--accent)));border:1px solid color-mix(in oklab,var(--item-c, var(--c-glow, var(--accent))) 35%,transparent);box-shadow:0 2px 10px color-mix(in oklab,var(--item-c, var(--c-glow, var(--accent))) 25%,transparent),0 1px 3px #00000040}.sb-item.active.svelte-181dlmc:before,.sb-item.active.svelte-181dlmc:after{content:"";position:absolute;right:0;width:var(--sb-r);height:var(--sb-r);pointer-events:none}.sb-item.active.svelte-181dlmc:before{bottom:100%;background:radial-gradient(circle at 0% 0%,transparent var(--sb-r),var(--bg) var(--sb-r))}.sb-item.active.svelte-181dlmc:after{top:100%;background:radial-gradient(circle at 0% 100%,transparent var(--sb-r),var(--bg) var(--sb-r))}.sb-ic.svelte-181dlmc{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:transparent;color:var(--sb-muted);flex-shrink:0;transition:all var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease-spring)}.sb-label.svelte-181dlmc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s var(--ease, ease),max-width .25s var(--ease, ease);max-width:200px}.sb-user.svelte-181dlmc{display:flex;align-items:center;gap:11px;margin:8px 16px 14px;padding:11px 13px;border-radius:12px;background:var(--sb-raised);border:1px solid var(--sb-hair);transition:background var(--dur-normal) var(--ease)}.sb-user.svelte-181dlmc:hover{background:#231f17}.sb-avatar-ring.svelte-181dlmc{padding:2px;border-radius:50%;background:linear-gradient(135deg,var(--c, var(--accent)),oklch(.5 .12 40));flex-shrink:0;display:flex}.sb-avatar.svelte-181dlmc{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;font-family:JetBrains Mono,monospace;border:2px solid var(--sb-bg)}.sb-who.svelte-181dlmc{flex:1;min-width:0}.sb-who.svelte-181dlmc b:where(.svelte-181dlmc){display:block;font-size:12px;font-weight:600;color:var(--sb-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.sb-role.svelte-181dlmc{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#d49648;background:#c47d0424;padding:1.5px 7px;border-radius:99px;margin-top:2px}.sb-theme-btn.svelte-181dlmc{background:transparent;border:1px solid var(--sb-hair-strong);color:var(--sb-muted);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-normal) var(--ease),transform var(--dur-fast) var(--ease-spring)}.sb-theme-btn.svelte-181dlmc:hover{background:#ffffff14;border-color:var(--sb-cream);color:var(--sb-title);transform:scale(1.08)}.sb-theme-btn.svelte-181dlmc:active{transform:scale(.92)}.sb-theme-btn.svelte-181dlmc:focus-visible{outline:2px solid var(--c, var(--accent));outline-offset:-2px}.sb-logout.svelte-181dlmc{background:transparent;border:1px solid var(--sb-hair-strong);color:var(--sb-muted);padding:6px;border-radius:8px;display:flex;transition:all var(--dur-normal) var(--ease),transform var(--dur-fast) var(--ease-spring)}.sb-logout.svelte-181dlmc:hover{background:#ac30311f;border-color:#ac30312e;color:#dc8b8b;transform:scale(1.06)}.sb-logout.svelte-181dlmc:active{transform:scale(.92)}.sb-logout.svelte-181dlmc:focus-visible{outline:2px solid var(--c, var(--accent));outline-offset:-2px}@media(max-width:860px){.sidebar.svelte-181dlmc{display:none!important}}.modal-bg.svelte-1bxxaoh{position:fixed;top:0;right:0;bottom:0;left:0;background:#0706038c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;padding:var(--space-5)}.modal.svelte-1bxxaoh{width:100%;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 40px);overflow-y:auto;border-radius:var(--radius-lg);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2xl)}@media print{.modal-bg.svelte-1bxxaoh{display:none!important}}.sel-wrap.svelte-124sfg{position:relative;display:inline-flex;width:100%}.sel-trigger.svelte-124sfg{display:flex;align-items:center;gap:8px;width:100%;padding:9px 36px 9px 13px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:14px;font-weight:400;text-align:left;cursor:pointer;outline:none;transition:border-color var(--dur-normal) var(--ease),box-shadow var(--dur-normal) var(--ease)}.sel-trigger.svelte-124sfg:focus-visible,.open.svelte-124sfg .sel-trigger:where(.svelte-124sfg){border-color:var(--accent);box-shadow:0 0 0 3px #c47d041a}.sel-trigger.empty.svelte-124sfg .sel-text:where(.svelte-124sfg){color:var(--ink-faint)}.sel-trigger.svelte-124sfg:disabled{cursor:not-allowed;opacity:.55;background:var(--surface-alt)}.sel-text.svelte-124sfg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-arrow.svelte-124sfg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink-faint);transition:transform var(--dur-fast) var(--ease);pointer-events:none;flex-shrink:0}.open.svelte-124sfg .sel-arrow:where(.svelte-124sfg){transform:translateY(-50%) rotate(180deg);color:var(--accent)}.sel-list.svelte-124sfg{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;max-height:260px;overflow-y:auto;margin:0;padding:4px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 6px 20px #19160e1f;list-style:none;animation:svelte-124sfg-selIn .12s ease-out}.sel-list.svelte-124sfg::-webkit-scrollbar{width:6px}.sel-list.svelte-124sfg::-webkit-scrollbar-track{background:transparent}.sel-list.svelte-124sfg::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}@keyframes svelte-124sfg-selIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sel-option.svelte-124sfg{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--ink);cursor:pointer;transition:background 80ms ease;line-height:1.4}.sel-option.focused.svelte-124sfg{background:var(--surface-alt)}.sel-option.active.svelte-124sfg{color:var(--accent);font-weight:600}.sel-option.off.svelte-124sfg{color:var(--ink-faint);cursor:default}.sel-option-label.svelte-124sfg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-check.svelte-124sfg{color:var(--accent);flex-shrink:0}.sel-group-hd.svelte-124sfg{padding:8px 10px 4px;font-size:11px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;list-style:none}.dp-wrap.svelte-1tk865e{position:relative;display:inline-block;width:100%}.dp-trigger.svelte-1tk865e{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 10px);color:var(--ink);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.dp-trigger.svelte-1tk865e:hover:not(:disabled),.dp-trigger.open.svelte-1tk865e{border-color:var(--hadir, #10b981);background:var(--surface-alt);box-shadow:0 0 0 3px var(--hadir-soft, rgba(16, 185, 129, .15))}.dp-trigger.svelte-1tk865e:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-2)}.dp-trigger.empty.svelte-1tk865e .dp-value:where(.svelte-1tk865e){color:var(--ink-faint, #94a3b8)}.dp-icon.svelte-1tk865e{display:flex;align-items:center;color:var(--ink-soft);flex-shrink:0}.dp-value.svelte-1tk865e{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-clear.svelte-1tk865e{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--bg-2);border:none;color:var(--ink-soft);cursor:pointer;padding:0}.dp-clear.svelte-1tk865e:hover{background:var(--line);color:var(--ink)}.dp-chevron.svelte-1tk865e{display:flex;align-items:center;color:var(--ink-faint);transition:transform .2s ease;transform:rotate(90deg)}.dp-chevron.rot.svelte-1tk865e{transform:rotate(-90deg)}.dp-hidden-input.svelte-1tk865e{position:absolute;opacity:0;pointer-events:none;height:0;width:0;border:none;margin:0}.dp-popover.svelte-1tk865e{position:fixed;z-index:99999;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md, 14px);box-shadow:0 16px 36px #0000002e,0 4px 12px #0000000f;padding:12px;box-sizing:border-box;animation:svelte-1tk865e-dpPopIn .15s cubic-bezier(.16,1,.3,1) backwards}@keyframes svelte-1tk865e-dpPopIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.dp-head.svelte-1tk865e{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}.nav-btn.svelte-1tk865e{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer}.nav-btn.svelte-1tk865e:hover{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.dp-title-group.svelte-1tk865e{display:flex;align-items:center;gap:4px}.title-btn.svelte-1tk865e{border:1px solid transparent;background:transparent;color:var(--ink);font-size:13px;font-weight:700;padding:4px 8px;border-radius:6px;cursor:pointer}.title-btn.svelte-1tk865e:hover{background:var(--surface-alt);border-color:var(--line);color:var(--hadir, #10b981)}.title-btn.year-btn.svelte-1tk865e{color:var(--hadir, #10b981)}.title-label.svelte-1tk865e{font-size:13px;font-weight:700;color:var(--ink);padding:4px 8px}.decade-quick-bar.svelte-1tk865e{display:flex;flex-wrap:wrap;gap:4px;padding:6px 0;margin-bottom:8px;border-bottom:1px solid var(--line);justify-content:center}.dec-chip.svelte-1tk865e{padding:2px 6px;font-size:10px;font-weight:600;border-radius:4px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-soft);cursor:pointer}.dec-chip.svelte-1tk865e:hover{border-color:var(--hadir, #10b981);color:var(--ink)}.dec-chip.active.svelte-1tk865e{background:var(--hadir-soft, rgba(16, 185, 129, .15));border-color:var(--hadir, #10b981);color:var(--hadir, #10b981)}.dp-weekdays.svelte-1tk865e{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;text-align:center}.wd-cell.svelte-1tk865e{font-size:10.5px;font-weight:700;color:var(--ink-faint);padding:4px 0;text-transform:uppercase}.dp-days-grid.svelte-1tk865e{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-cell.svelte-1tk865e{display:flex;align-items:center;justify-content:center;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink);font-size:12.5px;font-weight:500;cursor:pointer;padding:0}.day-cell.svelte-1tk865e:hover:not(:disabled){background:var(--surface-alt);border-color:var(--line)}.day-cell.other-month.svelte-1tk865e{color:var(--ink-faint, #94a3b8);opacity:.45}.day-cell.today.svelte-1tk865e{border-color:var(--hadir, #10b981);font-weight:700}.day-cell.selected.svelte-1tk865e{background:var(--hadir, #10b981)!important;color:#fff!important;font-weight:700;border-color:var(--hadir, #10b981)!important;box-shadow:0 2px 6px #10b98159}.day-cell.disabled.svelte-1tk865e{opacity:.25;cursor:not-allowed;pointer-events:none}.dp-months-grid.svelte-1tk865e,.dp-years-grid.svelte-1tk865e{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 0}.month-cell.svelte-1tk865e,.year-cell.svelte-1tk865e{height:42px;border-radius:8px;border:1px solid var(--line);background:var(--surface-alt);color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer}.month-cell.svelte-1tk865e:hover,.year-cell.svelte-1tk865e:hover{border-color:var(--hadir, #10b981);color:var(--hadir, #10b981)}.month-cell.current-month.svelte-1tk865e,.year-cell.current-year.svelte-1tk865e{border-color:var(--hadir, #10b981)}.month-cell.selected.svelte-1tk865e,.year-cell.selected.svelte-1tk865e{background:var(--hadir, #10b981);color:#fff;border-color:var(--hadir, #10b981)}.year-cell.out-of-decade.svelte-1tk865e{opacity:.4}.dp-foot.svelte-1tk865e{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);margin-top:8px}.foot-btn.svelte-1tk865e{padding:4px 10px;font-size:11.5px;font-weight:600;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer}.foot-btn.svelte-1tk865e:hover{background:var(--surface-alt);color:var(--ink)}.foot-btn.today-btn.svelte-1tk865e{color:var(--hadir, #10b981);border-color:var(--hadir-soft, rgba(16, 185, 129, .25));background:var(--hadir-soft, rgba(16, 185, 129, .08))}.foot-btn.today-btn.svelte-1tk865e:hover{background:var(--hadir-soft, rgba(16, 185, 129, .18))}.foot-btn.clear-btn.svelte-1tk865e{color:var(--alpa, #ef4444)}.donut.svelte-14qdthc{display:flex;align-items:center;gap:var(--space-4)}.seg.svelte-14qdthc{transition:stroke-dasharray .8s var(--ease-out-expo)}.cv.svelte-14qdthc{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;fill:var(--ink)}.cl.svelte-14qdthc{font-size:9.5px;fill:var(--ink-soft)}.legend.svelte-14qdthc{display:flex;flex-direction:column;gap:7px;flex:1}.li.svelte-14qdthc{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-soft);animation:fadeUp var(--dur-slow) var(--ease-out-expo) backwards}.li.svelte-14qdthc .d:where(.svelte-14qdthc){width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-spring)}.li.svelte-14qdthc:hover .d:where(.svelte-14qdthc){transform:scale(1.4)}.li.svelte-14qdthc b:where(.svelte-14qdthc){color:var(--ink);font-family:JetBrains Mono,monospace;font-weight:700;margin-left:auto}.stat-strip.svelte-g100hq{display:flex;align-items:center;gap:0;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;animation:svelte-g100hq-slideDown var(--dur-enter) var(--ease) backwards}.ss-item.svelte-g100hq{display:flex;flex-direction:column;align-items:center;flex:1;gap:2px;padding:6px 8px;border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease)}.ss-item.svelte-g100hq:hover{background:var(--surface-alt)}.ss-label.svelte-g100hq{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ss-value.svelte-g100hq{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--ink);line-height:1.2}.ss-value.accent.svelte-g100hq{color:var(--piket)}.ss-value.ok.svelte-g100hq{color:var(--hadir)}.ss-value.warn.svelte-g100hq{color:var(--terlambat)}.ss-value.danger.svelte-g100hq{color:var(--alpa)}.ss-value.muted.svelte-g100hq{color:var(--ink-soft)}.ss-div.svelte-g100hq{width:1px;height:32px;background:var(--line);flex-shrink:0}@keyframes svelte-g100hq-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.stat-strip.svelte-g100hq{flex-wrap:wrap;gap:10px}.ss-div.svelte-g100hq{display:none}.ss-item.svelte-g100hq{min-width:80px}}.scan-row.svelte-g100hq{display:grid;grid-template-columns:1fr 200px;gap:14px;margin-bottom:24px}@media(max-width:820px){.scan-row.svelte-g100hq{grid-template-columns:1fr}}.cta-card.svelte-g100hq{display:flex;align-items:center;gap:18px;padding:22px 24px;cursor:pointer;border:1px solid var(--line);border-left:4px solid var(--piket);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.cta-card.svelte-g100hq:hover{border-color:var(--piket);box-shadow:0 4px 20px #00884d1a;box-shadow:0 4px 20px oklch(.55 .14 155 / .1);transform:translateY(-2px)}.cta-card.svelte-g100hq:active{transform:translateY(0) scale(.995)}.cta-icon.svelte-g100hq{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);background:#00884d14;background:oklch(.55 .14 155 / .08);color:var(--piket);flex-shrink:0}.cta-body.svelte-g100hq{flex:1}.cta-body.svelte-g100hq h3:where(.svelte-g100hq){font-size:16px;margin:0 0 4px;color:var(--ink)}.cta-body.svelte-g100hq p:where(.svelte-g100hq){font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.5}.cta-arrow.svelte-g100hq{color:var(--ink-faint);flex-shrink:0;transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cta-card.svelte-g100hq:hover .cta-arrow:where(.svelte-g100hq){color:var(--piket);transform:translate(4px)}.scan-info.svelte-g100hq{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;border-left:3px solid var(--piket)}.si-big.svelte-g100hq{font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;color:var(--piket);line-height:1}.si-label.svelte-g100hq{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:600;margin-top:4px}.si-divider.svelte-g100hq{width:40px;height:1px;background:var(--line);margin:14px 0}.si-last-label.svelte-g100hq{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:600}.si-last-time.svelte-g100hq{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--ink);margin-top:2px}.si-last-name.svelte-g100hq{font-size:13px;font-weight:600;color:var(--ink);margin-top:6px}.si-last-class.svelte-g100hq{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.si-empty.svelte-g100hq{font-size:12px;color:var(--ink-faint)}.panel-head.svelte-g100hq{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head.svelte-g100hq h3:where(.svelte-g100hq){font-size:16px;margin:0}.panel-head.svelte-g100hq .sub:where(.svelte-g100hq){font-size:12px;color:var(--ink-soft);margin-top:2px}.monitor-card.svelte-g100hq{margin-bottom:24px}.monitor-grid.svelte-g100hq{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:4px 18px 16px}@media(max-width:760px){.monitor-grid.svelte-g100hq{grid-template-columns:1fr}}.monitor-col.svelte-g100hq{display:flex;flex-direction:column}.monitor-title.svelte-g100hq{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;margin-bottom:8px;padding:6px 10px;border-radius:var(--radius-sm)}.monitor-title.late.svelte-g100hq{color:var(--terlambat);background:#a65c200f}.monitor-title.absent.svelte-g100hq{color:var(--alpa);background:#9e2c2c0f}.monitor-title.svelte-g100hq svg{width:14px;height:14px}.m-row.svelte-g100hq{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:13px;animation:svelte-g100hq-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 35ms);transition:background var(--dur-fast) var(--ease)}.m-row.svelte-g100hq:first-of-type{border-top:0}.m-row.svelte-g100hq:hover{background:var(--surface-alt);border-radius:var(--radius-xs)}.m-name.svelte-g100hq{font-weight:600}.m-class.svelte-g100hq{color:var(--ink-soft);font-size:12.5px}.m-time.svelte-g100hq{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;color:var(--terlambat);text-align:right}.m-time.svelte-g100hq small:where(.svelte-g100hq){color:var(--ink-faint);font-weight:400;font-size:10px}.m-empty.svelte-g100hq{font-size:13px;color:var(--ink-faint);padding:6px 0}.scroll-sentinel.svelte-g100hq{height:1px}.two-col-row.svelte-g100hq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}@media(max-width:820px){.two-col-row.svelte-g100hq{grid-template-columns:1fr}}.chart-card.svelte-g100hq h4:where(.svelte-g100hq){font-size:14px;margin:0 0 3px}.chart-sub.svelte-g100hq{font-size:11.5px;color:var(--ink-soft);margin:0 0 14px}.bar-list.svelte-g100hq{display:flex;flex-direction:column;gap:12px}.bar-row.svelte-g100hq{display:grid;grid-template-columns:72px 1fr 44px;align-items:center;gap:10px;transition:transform var(--dur-fast) var(--ease)}.bar-row.svelte-g100hq:hover{transform:translate(2px)}.bar-label.svelte-g100hq{font-size:11.5px;color:var(--ink-soft);font-weight:600}.bar-track.svelte-g100hq{height:8px;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden}.bar-fill.svelte-g100hq{height:100%;border-radius:var(--radius-pill);animation:svelte-g100hq-barGrow .8s var(--ease-out-expo) backwards}@keyframes svelte-g100hq-barGrow{0%{width:0}}.bar-value.svelte-g100hq{font-size:11.5px;font-weight:700;text-align:right;font-family:JetBrains Mono,monospace}.rekap-card.svelte-g100hq{margin-top:0}.table-scroll.svelte-g100hq{overflow-x:auto}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq){animation:svelte-g100hq-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes svelte-g100hq-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover td:where(.svelte-g100hq){background:var(--surface-alt)}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover td:where(.svelte-g100hq):first-child{box-shadow:inset 3px 0 0 var(--piket)}.empty-row.svelte-g100hq td:where(.svelte-g100hq){text-align:center;padding:36px 18px;color:var(--ink-faint);font-size:13px}.badge.svelte-g100hq{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.datang.svelte-g100hq{background:var(--piket-soft);color:var(--piket)}.badge.sholat.svelte-g100hq{background:var(--sholat-soft);color:var(--sholat)}.badge.perpus.svelte-g100hq{background:var(--perpus-soft);color:var(--perpus)}@media(prefers-reduced-motion:reduce){.stat-strip.svelte-g100hq,.m-row.svelte-g100hq,.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq),.bar-fill.svelte-g100hq{animation:none}}@media(max-width:640px){.table-scroll.svelte-g100hq table:where(.svelte-g100hq),.table-scroll.svelte-g100hq thead:where(.svelte-g100hq),.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq),.table-scroll.svelte-g100hq tr:where(.svelte-g100hq),.table-scroll.svelte-g100hq td:where(.svelte-g100hq){display:block}.table-scroll.svelte-g100hq thead:where(.svelte-g100hq){display:none}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq){display:flex;flex-direction:column;gap:10px;padding:4px 14px 16px}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover td:where(.svelte-g100hq){background:transparent}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover td:where(.svelte-g100hq):first-child{box-shadow:none}.table-scroll.svelte-g100hq td:where(.svelte-g100hq){border:0;padding:2px 0}.table-scroll.svelte-g100hq td:where(.svelte-g100hq):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-g100hq td[data-label=Nama]:where(.svelte-g100hq){grid-column:1 / -1;order:-1;font-size:14px}.empty-row.svelte-g100hq{display:block}.empty-row.svelte-g100hq td:where(.svelte-g100hq){text-align:center;padding:18px}.empty-row.svelte-g100hq td:where(.svelte-g100hq):before{display:none}}.prayer-banner.svelte-8cboqn{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,color-mix(in oklab,var(--sholat) 8%,var(--surface)),var(--surface));border:1px solid color-mix(in oklab,var(--sholat) 25%,var(--line));border-radius:var(--radius);margin-bottom:20px;animation:svelte-8cboqn-slideDown var(--dur-enter) var(--ease) backwards}@media(max-width:768px){.prayer-banner.svelte-8cboqn{flex-direction:column;align-items:flex-start;gap:14px}}.pb-left.svelte-8cboqn{display:flex;flex-direction:column;gap:6px}.pb-badge-row.svelte-8cboqn{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge-status.svelte-8cboqn{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-status.open.svelte-8cboqn{background:color-mix(in oklab,var(--hadir) 15%,transparent);color:var(--hadir);border:1px solid color-mix(in oklab,var(--hadir) 30%,transparent)}.badge-status.upcoming.svelte-8cboqn{background:color-mix(in oklab,var(--terlambat) 15%,transparent);color:var(--terlambat);border:1px solid color-mix(in oklab,var(--terlambat) 30%,transparent)}.badge-status.closed.svelte-8cboqn{background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.pulse-dot.svelte-8cboqn{width:7px;height:7px;border-radius:50%;background:var(--hadir);box-shadow:0 0 color-mix(in oklab,var(--hadir) 70%,transparent);animation:svelte-8cboqn-pulseGlow 1.8s infinite}@keyframes svelte-8cboqn-pulseGlow{0%{box-shadow:0 0 color-mix(in oklab,var(--hadir) 70%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.session-highlight.svelte-8cboqn{font-size:16px;font-weight:700;color:var(--ink)}.pb-details.svelte-8cboqn{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);flex-wrap:wrap}.pb-details.svelte-8cboqn b:where(.svelte-8cboqn){color:var(--ink)}.pb-sep.svelte-8cboqn{color:var(--ink-faint)}.pb-loc.svelte-8cboqn{font-size:11.5px;color:var(--ink-faint)}.pb-right.svelte-8cboqn{display:flex;align-items:center;gap:14px;flex-shrink:0}.countdown-box.svelte-8cboqn{display:flex;flex-direction:column;align-items:flex-end}.cd-label.svelte-8cboqn{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.cd-value.svelte-8cboqn{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:var(--sholat)}@keyframes svelte-8cboqn-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop.svelte-1djs22s{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card.svelte-1djs22s{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden;animation:svelte-1djs22s-popIn var(--dur-fast) var(--ease)}@keyframes svelte-1djs22s-popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-head.svelte-1djs22s{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface-alt)}.modal-title-row.svelte-1djs22s{display:flex;align-items:center;gap:12px}.modal-icon-badge.svelte-1djs22s{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:color-mix(in oklab,#8b5cf6 15%,transparent);color:#8b5cf6}.modal-head.svelte-1djs22s h3:where(.svelte-1djs22s){margin:0;font-size:15px;color:var(--ink);font-weight:600}.modal-head.svelte-1djs22s p:where(.svelte-1djs22s){margin:2px 0 0;font-size:11.5px;color:var(--ink-soft)}.close-btn.svelte-1djs22s{border:none;background:transparent;font-size:20px;color:var(--ink-faint);cursor:pointer;padding:4px;line-height:1}.close-btn.svelte-1djs22s:hover{color:var(--ink)}.modal-body.svelte-1djs22s{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group.svelte-1djs22s{display:flex;flex-direction:column;gap:6px;position:relative}.form-group.svelte-1djs22s label:where(.svelte-1djs22s){font-size:12px;font-weight:600;color:var(--ink)}.form-group.svelte-1djs22s .req:where(.svelte-1djs22s){color:var(--alpa)}.form-input.svelte-1djs22s{padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface);font-size:13px;color:var(--ink);outline:none;transition:border-color var(--dur-fast)}.form-input.svelte-1djs22s:focus{border-color:#8b5cf6}.form-group.svelte-1djs22s .sel-wrap{width:100%}.form-group.svelte-1djs22s .sel-trigger{height:38px;padding:0 32px 0 12px;border-radius:var(--radius-sm);font-size:13px}.selected-student-pill.svelte-1djs22s{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:color-mix(in oklab,#8b5cf6 8%,var(--surface));border:1px solid color-mix(in oklab,#8b5cf6 30%,transparent);border-radius:var(--radius-sm)}.ssp-info.svelte-1djs22s{display:flex;flex-direction:column;gap:2px}.ssp-info.svelte-1djs22s strong:where(.svelte-1djs22s){font-size:13px;color:var(--ink)}.ssp-info.svelte-1djs22s span:where(.svelte-1djs22s){font-size:11.5px;color:var(--ink-soft);font-family:JetBrains Mono,monospace}.ssp-change.svelte-1djs22s{border:none;background:transparent;font-size:12px;font-weight:600;color:#8b5cf6;cursor:pointer;text-decoration:underline}.candidates-dropdown.svelte-1djs22s{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:180px;overflow-y:auto;z-index:20;margin-top:4px}.cand-item.svelte-1djs22s{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:12.5px;border-bottom:1px solid var(--line)}.cand-item.svelte-1djs22s:hover{background:var(--surface-alt)}.cand-name.svelte-1djs22s{font-weight:600;color:var(--ink)}.cand-meta.svelte-1djs22s{font-size:11px;color:var(--ink-faint);font-family:JetBrains Mono,monospace}.no-cand.svelte-1djs22s{font-size:12px;color:var(--ink-faint);padding:8px 12px;font-style:italic}.modal-footer.svelte-1djs22s{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-alt)}.btn.svelte-1djs22s{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--dur-fast)}.btn-secondary.svelte-1djs22s{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-secondary.svelte-1djs22s:hover{background:var(--surface-alt)}.btn-primary.svelte-1djs22s{background:#8b5cf6;color:#fff}.btn-primary.svelte-1djs22s:hover{background:#7c3aed}.btn-primary.svelte-1djs22s:disabled{opacity:.6;cursor:not-allowed}.session-tabs-row.svelte-tpxjbo{margin-bottom:16px;overflow-x:auto}.session-tabs.svelte-tpxjbo{display:flex;gap:8px;padding-bottom:4px}.tab-btn.svelte-tpxjbo{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--dur-fast) var(--ease)}.tab-btn.svelte-tpxjbo:hover{border-color:var(--sholat);color:var(--ink)}.tab-btn.active.svelte-tpxjbo{background:var(--sholat);border-color:var(--sholat);color:#fff;font-weight:700}.tab-btn.is-live.svelte-tpxjbo{border-color:color-mix(in oklab,var(--hadir) 50%,var(--line))}.tab-btn.is-live.active.svelte-tpxjbo{background:var(--sholat);border-color:var(--sholat)}.tab-dot.live.svelte-tpxjbo{width:7px;height:7px;border-radius:50%;background:var(--hadir);box-shadow:0 0 0 2px color-mix(in oklab,var(--hadir) 35%,transparent);animation:svelte-tpxjbo-livePulse 1.8s infinite}@keyframes svelte-tpxjbo-livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.tab-time.svelte-tpxjbo{font-family:JetBrains Mono,monospace;font-size:11px;opacity:.8}.tab-count.svelte-tpxjbo{padding:1px 6px;border-radius:999px;font-size:11px;font-weight:700;background:var(--surface-soft);color:var(--ink)}.tab-btn.active.svelte-tpxjbo .tab-count:where(.svelte-tpxjbo){background:#ffffff40;color:#fff}.stat-strip.svelte-tpxjbo{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:20px;gap:16px;overflow-x:auto}.ss-item.svelte-tpxjbo{display:flex;flex-direction:column;gap:2px;min-width:100px}.ss-label.svelte-tpxjbo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.ss-value.svelte-tpxjbo{font-family:Fraunces,serif;font-size:24px;font-weight:700;line-height:1.1;color:var(--ink)}.ss-value.accent.svelte-tpxjbo{color:var(--sholat)}.ss-value.ok.svelte-tpxjbo{color:var(--hadir)}.ss-value.udzur-color.svelte-tpxjbo{color:#8b5cf6}.ss-value.warn.svelte-tpxjbo{color:var(--terlambat)}.ss-value.danger.svelte-tpxjbo{color:var(--alpa)}.ss-sub.svelte-tpxjbo{font-size:11.5px;color:var(--ink-faint)}.ss-div.svelte-tpxjbo{width:1px;height:36px;background:var(--line);flex-shrink:0}.actions-grid.svelte-tpxjbo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:768px){.actions-grid.svelte-tpxjbo{grid-template-columns:1fr}}.cta-card.svelte-tpxjbo{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all var(--dur-fast) var(--ease)}.cta-card.svelte-tpxjbo:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-soft)}.scan-cta.svelte-tpxjbo:hover{border-color:var(--sholat)}.udzur-cta.svelte-tpxjbo:hover{border-color:#8b5cf6}.cta-icon.svelte-tpxjbo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--sholat-soft);color:var(--sholat)}.cta-icon.udzur-icon.svelte-tpxjbo{background:#8b5cf618;color:#8b5cf6}.cta-body.svelte-tpxjbo{flex:1;min-width:0}.cta-body.svelte-tpxjbo h3:where(.svelte-tpxjbo){margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}.cta-body.svelte-tpxjbo p:where(.svelte-tpxjbo){margin:0;font-size:12px;color:var(--ink-soft);line-height:1.4}.cta-arrow.svelte-tpxjbo{color:var(--ink-faint);flex-shrink:0}.cta-card.svelte-tpxjbo:hover .cta-arrow:where(.svelte-tpxjbo){color:var(--ink);transform:translate(3px)}.callout-banner.svelte-tpxjbo{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:linear-gradient(135deg,var(--surface) 0%,color-mix(in oklab,var(--sholat-soft) 40%,var(--surface)) 100%);border:1px solid color-mix(in oklab,var(--sholat) 30%,var(--line));border-radius:var(--radius);margin-bottom:20px;gap:16px;flex-wrap:wrap}.callout-content.svelte-tpxjbo{display:flex;align-items:center;gap:16px;flex:1;min-width:260px}.callout-icon.svelte-tpxjbo{width:44px;height:44px;border-radius:10px;background:var(--sholat);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px color-mix(in oklab,var(--sholat) 30%,transparent)}.callout-meta.svelte-tpxjbo h4:where(.svelte-tpxjbo){margin:0 0 3px;font-size:15px;font-weight:700;color:var(--ink)}.callout-meta.svelte-tpxjbo p:where(.svelte-tpxjbo){margin:0;font-size:12.5px;color:var(--ink-soft);line-height:1.4}.callout-btn.svelte-tpxjbo{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;flex-shrink:0}.two-col-row.svelte-tpxjbo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:860px){.two-col-row.svelte-tpxjbo{grid-template-columns:1fr}}.chart-card.svelte-tpxjbo{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.chart-card.svelte-tpxjbo h4:where(.svelte-tpxjbo){margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}.chart-sub.svelte-tpxjbo{margin:0 0 16px;font-size:12px;color:var(--ink-soft)}.bar-list.svelte-tpxjbo{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto}.bar-row.svelte-tpxjbo{display:flex;align-items:center;gap:10px;font-size:12.5px}.bar-label.svelte-tpxjbo{width:90px;font-weight:600;color:var(--ink);flex-shrink:0}.bar-track.svelte-tpxjbo{flex:1;height:8px;background:var(--surface-soft);border-radius:999px;overflow:hidden}.bar-fill.svelte-tpxjbo{height:100%;border-radius:999px;transition:width var(--dur-normal) var(--ease)}.bar-value.svelte-tpxjbo{width:40px;text-align:right;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--ink-soft);flex-shrink:0}.empty-bars.svelte-tpxjbo{text-align:center;color:var(--ink-soft);padding:30px 0;font-size:13px}.rekap-card.svelte-tpxjbo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head.svelte-tpxjbo{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px}.panel-head.svelte-tpxjbo h3:where(.svelte-tpxjbo){margin:0 0 3px;font-size:15px;font-weight:700;color:var(--ink)}.panel-head.svelte-tpxjbo .sub:where(.svelte-tpxjbo){font-size:12px;color:var(--ink-soft)}.table-scroll.svelte-tpxjbo{overflow-x:auto}table.svelte-tpxjbo{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th.svelte-tpxjbo{background:var(--surface-soft);color:var(--ink-soft);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td.svelte-tpxjbo{padding:11px 20px;border-bottom:1px solid var(--line);color:var(--ink)}tr.svelte-tpxjbo:last-child td:where(.svelte-tpxjbo){border-bottom:none}.mono.svelte-tpxjbo{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--ink-soft)}.kelas-pill.svelte-tpxjbo{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--surface-soft);font-size:12px;font-weight:600}.badge.svelte-tpxjbo{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.ok.svelte-tpxjbo{background:var(--hadir-soft);color:var(--hadir)}.badge.ok-soft.svelte-tpxjbo{background:var(--surface-soft);color:var(--hadir);font-weight:600}.text-right.svelte-tpxjbo{text-align:right}.empty-row.svelte-tpxjbo td:where(.svelte-tpxjbo){text-align:center;padding:32px 20px;color:var(--ink-soft)}.scroll-sentinel.svelte-tpxjbo{height:1px}.stat-strip.svelte-udwu70{display:flex;align-items:center;gap:0;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;animation:svelte-udwu70-slideDown var(--dur-enter) var(--ease) backwards}.ss-item.svelte-udwu70{display:flex;flex-direction:column;align-items:center;flex:1;gap:2px;padding:6px 8px;border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease)}.ss-item.svelte-udwu70:hover{background:var(--surface-alt)}.ss-label.svelte-udwu70{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ss-value.svelte-udwu70{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--ink);line-height:1.2}.ss-value.accent.svelte-udwu70{color:var(--role-accent, var(--piket))}.ss-value.sub-baca.svelte-udwu70{color:var(--perpus-baca)}.ss-value.sub-pinjam.svelte-udwu70{color:var(--perpus-pinjam)}.ss-value.sub-kembali.svelte-udwu70{color:var(--perpus-kembali)}.ss-div.svelte-udwu70{width:1px;height:32px;background:var(--line);flex-shrink:0}@keyframes svelte-udwu70-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.stat-strip.svelte-udwu70{flex-wrap:wrap;gap:10px}.ss-div.svelte-udwu70{display:none}.ss-item.svelte-udwu70{min-width:80px}}.scan-row.svelte-udwu70{display:grid;grid-template-columns:1fr 200px;gap:14px;margin-bottom:24px}@media(max-width:820px){.scan-row.svelte-udwu70{grid-template-columns:1fr}}.cta-card.svelte-udwu70{display:flex;align-items:center;gap:18px;padding:22px 24px;cursor:pointer;border:1px solid var(--line);border-left:4px solid var(--role-accent, var(--piket));transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.cta-card.svelte-udwu70:hover{border-color:var(--role-accent, var(--piket));box-shadow:0 4px 20px color-mix(in oklab,var(--role-accent, var(--piket)) 12%,transparent);transform:translateY(-2px)}.cta-card.svelte-udwu70:active{transform:translateY(0) scale(.995)}.cta-icon.svelte-udwu70{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);background:color-mix(in oklab,var(--role-accent, var(--piket)) 10%,transparent);color:var(--role-accent, var(--piket));flex-shrink:0}.cta-body.svelte-udwu70{flex:1}.cta-body.svelte-udwu70 h3:where(.svelte-udwu70){font-size:16px;margin:0 0 4px;color:var(--ink)}.cta-body.svelte-udwu70 p:where(.svelte-udwu70){font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.5}.cta-arrow.svelte-udwu70{color:var(--ink-faint);flex-shrink:0;transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cta-card.svelte-udwu70:hover .cta-arrow:where(.svelte-udwu70){color:var(--role-accent, var(--piket));transform:translate(4px)}.scan-info.svelte-udwu70{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;border-left:3px solid var(--role-accent, var(--piket))}.si-big.svelte-udwu70{font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;color:var(--role-accent, var(--piket));line-height:1}.si-label.svelte-udwu70{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:600;margin-top:4px}.si-divider.svelte-udwu70{width:40px;height:1px;background:var(--line);margin:14px 0}.si-last-label.svelte-udwu70{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:600}.si-last-time.svelte-udwu70{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--ink);margin-top:2px}.si-last-name.svelte-udwu70{font-size:13px;font-weight:600;color:var(--ink);margin-top:6px}.si-last-class.svelte-udwu70{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.si-empty.svelte-udwu70{font-size:12px;color:var(--ink-faint)}.panel-head.svelte-udwu70{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head.svelte-udwu70 h3:where(.svelte-udwu70){font-size:16px;margin:0}.panel-head.svelte-udwu70 .sub:where(.svelte-udwu70){font-size:12px;color:var(--ink-soft);margin-top:2px}.two-col-row.svelte-udwu70{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}@media(max-width:820px){.two-col-row.svelte-udwu70{grid-template-columns:1fr}}.chart-card.svelte-udwu70 h4:where(.svelte-udwu70){font-size:14px;margin:0 0 3px}.chart-sub.svelte-udwu70{font-size:11.5px;color:var(--ink-soft);margin:0 0 14px}.bar-list.svelte-udwu70{display:flex;flex-direction:column;gap:12px}.bar-row.svelte-udwu70{display:grid;grid-template-columns:72px 1fr 44px;align-items:center;gap:10px;transition:transform var(--dur-fast) var(--ease)}.bar-row.svelte-udwu70:hover{transform:translate(2px)}.bar-label.svelte-udwu70{font-size:11.5px;color:var(--ink-soft);font-weight:600}.bar-track.svelte-udwu70{height:8px;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden}.bar-fill.svelte-udwu70{height:100%;border-radius:var(--radius-pill);animation:svelte-udwu70-barGrow .8s var(--ease-out-expo) backwards}@keyframes svelte-udwu70-barGrow{0%{width:0}}.bar-value.svelte-udwu70{font-size:11.5px;font-weight:700;text-align:right;font-family:JetBrains Mono,monospace}.rekap-card.svelte-udwu70{margin-top:0}.loans-card.svelte-udwu70{margin-bottom:24px}.ss-value.overdue-val.svelte-udwu70{color:var(--terlambat)}.ss-warn.svelte-udwu70{font-size:10px;font-weight:700;color:var(--terlambat)}.overdue-text.svelte-udwu70{color:var(--terlambat)}.table-scroll.svelte-udwu70{overflow-x:auto}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70){animation:svelte-udwu70-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes svelte-udwu70-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover td:where(.svelte-udwu70){background:var(--surface-alt)}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover td:where(.svelte-udwu70):first-child{box-shadow:inset 3px 0 0 var(--role-accent, var(--piket))}.empty-row.svelte-udwu70 td:where(.svelte-udwu70){text-align:center;padding:36px 18px;color:var(--ink-faint);font-size:13px}.badge.svelte-udwu70{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.datang.svelte-udwu70{background:var(--piket-soft);color:var(--piket)}.badge.sholat.svelte-udwu70{background:var(--sholat-soft);color:var(--sholat)}.badge.perpus.svelte-udwu70{background:var(--perpus-soft);color:var(--perpus)}.badge.ok.svelte-udwu70{background:var(--hadir-soft);color:var(--hadir)}.badge.terlambat.svelte-udwu70{background:var(--terlambat-soft);color:var(--terlambat)}.badge.perpus-baca.svelte-udwu70{background:var(--perpus-baca-soft);color:var(--perpus-baca)}.badge.perpus-pinjam.svelte-udwu70{background:var(--perpus-pinjam-soft);color:var(--perpus-pinjam)}.badge.perpus-kembalikan.svelte-udwu70{background:var(--perpus-kembali-soft);color:var(--perpus-kembali)}@media(prefers-reduced-motion:reduce){.stat-strip.svelte-udwu70,.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70),.bar-fill.svelte-udwu70{animation:none}}@media(max-width:640px){.table-scroll.svelte-udwu70 table:where(.svelte-udwu70),.table-scroll.svelte-udwu70 thead:where(.svelte-udwu70),.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70),.table-scroll.svelte-udwu70 tr:where(.svelte-udwu70),.table-scroll.svelte-udwu70 td:where(.svelte-udwu70){display:block}.table-scroll.svelte-udwu70 thead:where(.svelte-udwu70){display:none}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70){display:flex;flex-direction:column;gap:10px;padding:4px 14px 16px}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover td:where(.svelte-udwu70){background:transparent}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover td:where(.svelte-udwu70):first-child{box-shadow:none}.table-scroll.svelte-udwu70 td:where(.svelte-udwu70){border:0;padding:2px 0}.table-scroll.svelte-udwu70 td:where(.svelte-udwu70):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-udwu70 td[data-label=Siswa]:where(.svelte-udwu70),.table-scroll.svelte-udwu70 td[data-label=Nama]:where(.svelte-udwu70){grid-column:1 / -1;order:-1;font-size:14px}.table-scroll.svelte-udwu70 td[data-label=Buku]:where(.svelte-udwu70){grid-column:1 / -1}.empty-row.svelte-udwu70{display:block}.empty-row.svelte-udwu70 td:where(.svelte-udwu70){text-align:center;padding:18px}.empty-row.svelte-udwu70 td:where(.svelte-udwu70):before{display:none}}.scanner.svelte-zjz3jq{width:100%}.viewfinder.svelte-zjz3jq{position:relative;width:100%;aspect-ratio:1 / 1;max-width:280px;margin:0 auto;background:#0e1316;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.reader.svelte-zjz3jq{width:100%;height:100%}.reader.svelte-zjz3jq video{width:100%!important;height:100%!important;object-fit:cover}.corner.svelte-zjz3jq{position:absolute;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.6)}.tl.svelte-zjz3jq{top:10px;left:10px;border-right:none;border-bottom:none;border-radius:6px 0 0}.tr.svelte-zjz3jq{top:10px;right:10px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.bl.svelte-zjz3jq{bottom:10px;left:10px;border-right:none;border-top:none;border-radius:0 0 0 6px}.br.svelte-zjz3jq{bottom:10px;right:10px;border-left:none;border-top:none;border-radius:0 0 6px}.scanline.svelte-zjz3jq{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#8fe3a8 50%,transparent);box-shadow:0 0 8px #8fe3a880;animation:svelte-zjz3jq-scanmove 2.4s ease-in-out infinite}@keyframes svelte-zjz3jq-scanmove{0%{top:12%}50%{top:88%}to{top:12%}}.live.svelte-zjz3jq{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#8fe3a8;background:#00000059;padding:3px 9px;border-radius:99px}.live.svelte-zjz3jq .dot:where(.svelte-zjz3jq){width:6px;height:6px;border-radius:50%;background:#8fe3a8;animation:svelte-zjz3jq-pulseSoft 1.6s ease-in-out infinite}@keyframes svelte-zjz3jq-pulseSoft{0%,to{opacity:1}50%{opacity:.4}}.err.svelte-zjz3jq{margin:10px 0 0;font-size:12.5px;color:var(--alpa);background:var(--alpa-soft);padding:9px 12px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:7px}.scan-page.svelte-1ucg9ao{display:flex;flex-direction:column;gap:14px}.scan-header.svelte-1ucg9ao{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.back-btn.svelte-1ucg9ao{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-soft);transform:rotate(180deg);transition:all var(--dur-fast) var(--ease)}.back-btn.svelte-1ucg9ao:hover{border-color:var(--role-accent, var(--sholat));color:var(--role-accent, var(--sholat))}.scan-header.svelte-1ucg9ao h2:where(.svelte-1ucg9ao){font-size:16px;margin:0}.scan-sub.svelte-1ucg9ao{font-size:12px;color:var(--ink-soft);margin:0}.header-counter.svelte-1ucg9ao{margin-left:auto;display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-left:1px solid var(--line)}.hc-value.svelte-1ucg9ao{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--role-accent, var(--sholat));line-height:1}.hc-label.svelte-1ucg9ao{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:600}.sholat-bar.svelte-1ucg9ao{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}.sb-left.svelte-1ucg9ao{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sb-label.svelte-1ucg9ao{font-size:12.5px;font-weight:600;color:var(--ink)}.sb-left.svelte-1ucg9ao .sel-wrap{width:auto;min-width:200px}.sb-left.svelte-1ucg9ao .sel-trigger{height:34px;padding:0 32px 0 12px;border-radius:var(--radius-xs);font-size:13px;font-weight:600}.window-pill.svelte-1ucg9ao{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.window-pill.active.svelte-1ucg9ao{background:color-mix(in oklab,var(--hadir) 15%,transparent);color:var(--hadir)}.window-pill.closed.svelte-1ucg9ao{background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.dot.live.svelte-1ucg9ao{width:6px;height:6px;border-radius:50%;background:var(--hadir)}.sb-right.svelte-1ucg9ao{display:flex;align-items:center;font-size:12px;color:var(--ink-soft)}.window-time-hint.svelte-1ucg9ao b:where(.svelte-1ucg9ao){color:var(--ink)}.scanner-area.svelte-1ucg9ao{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;justify-content:center;padding:18px}.scanner-wrap.svelte-1ucg9ao{width:100%;max-width:400px}.error-flash.svelte-1ucg9ao{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;background:#6c1517f2;color:#fff;border-radius:var(--radius-pill);font-size:13px;font-weight:600;z-index:5;animation:svelte-1ucg9ao-flashIn .25s var(--ease);box-shadow:0 4px 16px #0000004d;text-align:center;max-width:90%}@keyframes svelte-1ucg9ao-flashIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.result-overlay.svelte-1ucg9ao{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;border:none;cursor:pointer;animation:svelte-1ucg9ao-fadeIn .2s var(--ease)}.result-card.svelte-1ucg9ao{position:relative;width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 16px 48px #0006;animation:svelte-1ucg9ao-scaleIn .3s var(--ease-spring);overflow:hidden}.rc-accent.svelte-1ucg9ao{position:absolute;top:0;left:0;right:0;height:5px}.rc-status.svelte-1ucg9ao{display:flex;align-items:center;gap:8px;margin-bottom:16px}.rc-check.svelte-1ucg9ao{width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--jc) 15%,transparent);color:var(--jc);display:flex;align-items:center;justify-content:center}.rc-status-text.svelte-1ucg9ao{font-size:15px;font-weight:700;color:var(--jc)}.rc-body.svelte-1ucg9ao{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}.rc-foto.svelte-1ucg9ao{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--line)}.rc-foto.svelte-1ucg9ao img:where(.svelte-1ucg9ao){width:100%;height:100%;object-fit:cover}.foto-fallback.svelte-1ucg9ao{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);font-size:28px;font-weight:700;color:var(--ink-faint)}.rc-name.svelte-1ucg9ao{font-size:18px;font-weight:700;color:var(--ink)}.rc-class.svelte-1ucg9ao{font-size:13px;color:var(--ink-soft)}.rc-time-row.svelte-1ucg9ao{display:flex;align-items:baseline;gap:4px;margin-bottom:20px}.rc-time.svelte-1ucg9ao{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;color:var(--ink)}.rc-wib.svelte-1ucg9ao{font-size:12px;color:var(--ink-faint);font-weight:600}.rc-dismiss.svelte-1ucg9ao{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.dismiss-bar.svelte-1ucg9ao{width:100%;height:3px;background:var(--line);border-radius:999px;overflow:hidden}.dismiss-fill.svelte-1ucg9ao{height:100%;background:var(--ink-faint);border-radius:999px;animation:svelte-1ucg9ao-dismissShrink linear forwards}.dismiss-hint.svelte-1ucg9ao{font-size:11px;color:var(--ink-faint)}@keyframes svelte-1ucg9ao-dismissShrink{0%{width:100%}to{width:0%}}@keyframes svelte-1ucg9ao-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1ucg9ao-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pagination-footer.svelte-n74t6s{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface);gap:14px;flex-wrap:wrap}.page-meta.svelte-n74t6s{display:flex;align-items:center;gap:16px}.page-info.svelte-n74t6s{font-size:12.5px;color:var(--ink-soft)}.page-info.svelte-n74t6s b:where(.svelte-n74t6s){color:var(--ink)}.limit-box.svelte-n74t6s{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.limit-box.svelte-n74t6s .sel-wrap{width:auto;min-width:70px}.limit-box.svelte-n74t6s .sel-trigger{height:28px;padding:0 26px 0 8px;border-radius:var(--radius-sm);font-size:12px}.page-nav.svelte-n74t6s{display:flex;align-items:center;gap:6px}.page-btn.svelte-n74t6s{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.page-btn.svelte-n74t6s:hover:not(:disabled){background:var(--surface-soft);border-color:var(--ink-faint)}.page-btn.svelte-n74t6s:disabled{opacity:.35;cursor:not-allowed}.page-numbers.svelte-n74t6s{display:flex;gap:4px;align-items:center}.page-num.svelte-n74t6s{min-width:28px;height:28px;padding:0 5px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:all var(--dur-fast) var(--ease)}.page-num.svelte-n74t6s:hover:not(:disabled){background:var(--surface-soft)}.page-num.active.svelte-n74t6s{background:var(--sholat);border-color:var(--sholat);color:#fff;font-weight:700}.page-ellipsis.svelte-n74t6s{padding:0 3px;color:var(--ink-faint);font-size:11px}.data-sholat-card.svelte-wq93xg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head.svelte-wq93xg{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}.panel-head.svelte-wq93xg h3:where(.svelte-wq93xg){margin:0 0 4px;font-size:17px;font-weight:700;color:var(--ink)}.panel-head.svelte-wq93xg .sub:where(.svelte-wq93xg){font-size:12.5px;color:var(--ink-soft)}.head-actions.svelte-wq93xg{display:flex;align-items:center;gap:10px}.filter-top-bar.svelte-wq93xg{display:flex;flex-direction:column;background:var(--surface-soft);border-bottom:1px solid var(--line)}.strip-label.svelte-wq93xg{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.session-strip.svelte-wq93xg{display:flex;align-items:center;gap:8px;padding:10px 20px;overflow-x:auto}.session-chip.svelte-wq93xg{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--dur-fast) var(--ease)}.session-chip.svelte-wq93xg:hover{border-color:var(--sholat);color:var(--ink)}.session-chip.active.svelte-wq93xg{background:var(--sholat);border-color:var(--sholat);color:#fff;font-weight:700}.chip-time.svelte-wq93xg{font-family:JetBrains Mono,monospace;font-size:11px;opacity:.85}.pulse-dot.svelte-wq93xg{width:6px;height:6px;border-radius:50%;background:var(--hadir);box-shadow:0 0 0 2px color-mix(in oklab,var(--hadir) 35%,transparent);animation:svelte-wq93xg-pulse 1.8s infinite}@keyframes svelte-wq93xg-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.status-tabs-row.svelte-wq93xg{padding:12px 20px 0;border-bottom:1px solid var(--line);background:var(--surface);overflow-x:auto}.status-tabs.svelte-wq93xg{display:flex;gap:8px}.tab-btn.svelte-wq93xg{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--ink-soft);font-size:13.5px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap;border-radius:6px 6px 0 0}.tab-btn.svelte-wq93xg:hover{color:var(--ink);background:var(--surface-soft)}.tab-btn.active.svelte-wq93xg{color:var(--ink);font-weight:700}.tab-btn.tab-semua.active.svelte-wq93xg{border-bottom-color:var(--ink);color:var(--ink)}.tab-btn.tab-belum.active.svelte-wq93xg{border-bottom-color:var(--alpa);color:var(--alpa)}.tab-btn.tab-udzur.active.svelte-wq93xg{border-bottom-color:#8b5cf6;color:#8b5cf6}.tab-btn.tab-piket.active.svelte-wq93xg{border-bottom-color:var(--terlambat);color:var(--terlambat)}.tab-btn.tab-ikut.active.svelte-wq93xg{border-bottom-color:var(--hadir);color:var(--hadir)}.tab-dot.svelte-wq93xg{width:8px;height:8px;border-radius:50%}.dot-semua.svelte-wq93xg{background:var(--ink)}.dot-belum.svelte-wq93xg{background:var(--alpa)}.dot-udzur.svelte-wq93xg{background:#8b5cf6}.dot-piket.svelte-wq93xg{background:var(--terlambat)}.dot-ikut.svelte-wq93xg{background:var(--hadir)}.tab-pill.svelte-wq93xg{padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace}.pill-semua.svelte-wq93xg{background:var(--surface-soft);color:var(--ink)}.pill-belum.svelte-wq93xg{background:var(--alpa-soft);color:var(--alpa)}.pill-udzur.svelte-wq93xg{background:#8b5cf618;color:#8b5cf6}.pill-piket.svelte-wq93xg{background:var(--terlambat-soft);color:var(--terlambat)}.pill-ikut.svelte-wq93xg{background:var(--hadir-soft);color:var(--hadir)}.table-toolbar.svelte-wq93xg{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.search-box.svelte-wq93xg{flex:1;min-width:240px;position:relative;display:flex;align-items:center}.search-box.svelte-wq93xg svg{position:absolute;left:12px;color:var(--ink-faint)}.search-box.svelte-wq93xg input:where(.svelte-wq93xg){width:100%;padding:8px 32px 8px 36px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--ink);font-size:13px;outline:none;transition:border-color var(--dur-fast) var(--ease)}.search-box.svelte-wq93xg input:where(.svelte-wq93xg):focus{border-color:var(--sholat);background:var(--surface)}.clear-btn.svelte-wq93xg{position:absolute;right:10px;background:transparent;border:none;color:var(--ink-faint);font-size:16px;cursor:pointer}.filter-group.svelte-wq93xg{display:flex;align-items:center;gap:12px}.filter-group.svelte-wq93xg .sel-wrap{width:auto;min-width:180px}.filter-group.svelte-wq93xg .sel-trigger{height:36px;padding:0 32px 0 12px;border-radius:var(--radius-sm);font-size:13px}.piket-banner.svelte-wq93xg{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--terlambat-soft);border-bottom:1px solid color-mix(in oklab,var(--terlambat) 20%,transparent);color:var(--ink);font-size:12.5px;gap:12px;flex-wrap:wrap}.pb-left.svelte-wq93xg{display:flex;align-items:center;gap:8px;color:var(--ink-soft)}.pb-filters.svelte-wq93xg{display:flex;gap:6px}.sub-pill.svelte-wq93xg{padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:11.5px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.sub-pill.active.svelte-wq93xg{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sub-pill.izin.active.svelte-wq93xg{background:var(--izin);color:#fff;border-color:var(--izin)}.sub-pill.sakit.active.svelte-wq93xg{background:var(--sakit);color:#fff;border-color:var(--sakit)}.sub-pill.alpa.active.svelte-wq93xg{background:var(--alpa);color:#fff;border-color:var(--alpa)}.table-scroll.svelte-wq93xg{overflow-x:auto}table.svelte-wq93xg{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th.svelte-wq93xg{background:var(--surface-soft);color:var(--ink-soft);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td.svelte-wq93xg{padding:12px 20px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}tr.svelte-wq93xg:last-child td:where(.svelte-wq93xg){border-bottom:none}tr.svelte-wq93xg:hover td:where(.svelte-wq93xg){background:var(--surface-soft)}.mono.svelte-wq93xg{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--ink-soft)}.kelas-badge.svelte-wq93xg{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--surface-soft);border:1px solid var(--line);font-size:12px;font-weight:600}.badge.svelte-wq93xg{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge.ok.svelte-wq93xg{background:var(--hadir-soft);color:var(--hadir)}.badge.ok-soft.svelte-wq93xg{background:var(--surface-soft);color:var(--hadir);font-weight:600}.badge.sesi-badge.svelte-wq93xg{background:var(--sholat-soft);color:var(--sholat);margin-left:4px}.badge.alpa.svelte-wq93xg{background:var(--alpa-soft);color:var(--alpa)}.badge.izin.svelte-wq93xg{background:var(--izin-soft);color:var(--izin)}.badge.sakit.svelte-wq93xg{background:var(--sakit-soft);color:var(--sakit)}.badge.udzur-badge.svelte-wq93xg{background:#8b5cf618;color:#8b5cf6}.badge-muted.svelte-wq93xg{font-size:11.5px;color:var(--ink-faint);font-weight:500}.text-ok.svelte-wq93xg{color:var(--hadir);font-weight:700}.ket-cell.svelte-wq93xg{color:var(--ink-soft);font-size:12.5px}.actions-cell.svelte-wq93xg{text-align:right}.quick-udzur-btn.svelte-wq93xg{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#8b5cf618;color:#8b5cf6;border:1px solid #8b5cf640;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--dur-fast) var(--ease)}.quick-udzur-btn.svelte-wq93xg:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.loading-row.svelte-wq93xg,.empty-row.svelte-wq93xg{text-align:center;padding:48px 20px;color:var(--ink-soft)}.spinner.svelte-wq93xg{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--sholat);border-radius:50%;animation:svelte-wq93xg-spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes svelte-wq93xg-spin{to{transform:rotate(360deg)}}.empty-state-box.svelte-wq93xg{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-box.svelte-wq93xg p:where(.svelte-wq93xg){margin:0;font-size:13px}.scan-page.svelte-1oklwmg{display:flex;flex-direction:column;gap:14px}.scan-header.svelte-1oklwmg{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.back-btn.svelte-1oklwmg{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;transform:rotate(180deg);transition:all var(--dur-fast) var(--ease)}.back-btn.svelte-1oklwmg:hover{color:var(--ink);border-color:var(--ink-faint)}.scan-header.svelte-1oklwmg h2:where(.svelte-1oklwmg){font-size:17px;margin:0}.scan-sub.svelte-1oklwmg{font-size:12px;color:var(--ink-soft);margin:2px 0 0}.header-counter.svelte-1oklwmg{margin-left:auto;display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:10px;background:color-mix(in oklab,var(--role-accent, var(--piket)) 10%,transparent)}.hc-value.svelte-1oklwmg{font-size:18px;font-weight:700;color:var(--role-accent, var(--piket));font-family:JetBrains Mono,monospace}.hc-label.svelte-1oklwmg{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.flow-grid.svelte-1oklwmg{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}@media(max-width:820px){.flow-grid.svelte-1oklwmg{grid-template-columns:1fr}}.scanner-col.svelte-1oklwmg{display:flex;flex-direction:column;gap:10px}.scanner-wrap.svelte-1oklwmg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:opacity var(--dur-normal) var(--ease)}.scanner-wrap.dimmed.svelte-1oklwmg{opacity:.45;pointer-events:none}.scan-hint.svelte-1oklwmg{font-size:12px;color:var(--ink-soft);text-align:center;margin:0}.error-flash.svelte-1oklwmg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:12.5px;font-weight:600;background:var(--alpa-soft);color:var(--alpa);border:1px solid var(--alpa);animation:svelte-1oklwmg-rowFadeIn var(--dur-normal) var(--ease-out-expo)}.panel-col.svelte-1oklwmg{display:flex;flex-direction:column;gap:12px}.idle-card.svelte-1oklwmg{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-faint);font-size:13px;line-height:1.6}.idle-card.svelte-1oklwmg svg{color:var(--role-accent, var(--piket))}.siswa-card.svelte-1oklwmg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border:1px solid var(--role-accent, var(--piket));border-radius:var(--radius)}.sc-foto.svelte-1oklwmg{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.sc-foto.svelte-1oklwmg img:where(.svelte-1oklwmg){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.foto-fallback.svelte-1oklwmg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--role-accent, var(--piket)) 16%,transparent);color:var(--role-accent, var(--piket));font-weight:700;font-size:17px}.sc-info.svelte-1oklwmg{min-width:0}.sc-name.svelte-1oklwmg{font-size:15px;font-weight:700}.sc-class.svelte-1oklwmg{font-size:12px;color:var(--ink-soft)}.sc-stats.svelte-1oklwmg{display:flex;gap:6px;margin-left:auto}.sc-chip.svelte-1oklwmg{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--role-accent, var(--piket)) 10%,transparent);color:var(--role-accent, var(--piket))}.ganti-btn.svelte-1oklwmg{font-size:12px;font-weight:600;color:var(--ink-soft);background:none;border:none;cursor:pointer;text-decoration:underline}.ganti-btn.svelte-1oklwmg:hover{color:var(--ink)}.overdue-warn.svelte-1oklwmg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:12.5px;background:var(--terlambat-soft);color:var(--terlambat);border:1px solid var(--terlambat)}.action-chips.svelte-1oklwmg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mode-chip.svelte-1oklwmg{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.mode-chip.svelte-1oklwmg:hover:not(:disabled){background:var(--surface-alt);border-color:var(--ink-faint)}.mode-chip.svelte-1oklwmg:disabled{opacity:.4;cursor:not-allowed}.mode-chip.active.svelte-1oklwmg{background:var(--role-accent, var(--piket));color:#faf8f5;border-color:var(--role-accent, var(--piket))}.action-panel.svelte-1oklwmg{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);animation:svelte-1oklwmg-rowFadeIn var(--dur-normal) var(--ease-out-expo)}.panel-note.svelte-1oklwmg{font-size:12px;color:var(--ink-soft);margin:0;line-height:1.5}.siswa-search.svelte-1oklwmg{position:relative;display:flex;align-items:center}.siswa-search.svelte-1oklwmg svg{position:absolute;left:11px;color:var(--ink-faint)}.siswa-search.svelte-1oklwmg input:where(.svelte-1oklwmg){width:100%;height:34px;padding:0 12px 0 32px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-family:inherit}.siswa-search.svelte-1oklwmg input:where(.svelte-1oklwmg):focus{outline:none;border-color:var(--role-accent, var(--piket))}.pick-list.svelte-1oklwmg{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.pick-empty.svelte-1oklwmg{font-size:12.5px;color:var(--ink-faint);text-align:center;padding:14px 0}.pick-row.svelte-1oklwmg{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);text-align:left;background:var(--surface-alt);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.pick-row.svelte-1oklwmg:hover:not(:disabled){border-color:var(--role-accent, var(--piket));background:var(--surface)}.pick-row.svelte-1oklwmg:disabled{opacity:.45;cursor:not-allowed}.pick-row.checked.svelte-1oklwmg{border-color:var(--role-accent, var(--piket));background:color-mix(in oklab,var(--role-accent, var(--piket)) 8%,transparent)}.pick-row.svelte-1oklwmg svg{color:var(--role-accent, var(--piket))}.pick-title.svelte-1oklwmg{font-size:13px;font-weight:600}.pick-sub.svelte-1oklwmg{font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.loan-check.svelte-1oklwmg svg{color:var(--role-accent, var(--piket))}.basket.svelte-1oklwmg{display:flex;flex-direction:column;gap:5px}.basket-row.svelte-1oklwmg{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--role-accent, var(--piket)) 8%,transparent);font-size:12.5px}.basket-kode.svelte-1oklwmg{font-weight:700;color:var(--role-accent, var(--piket))}.basket-judul.svelte-1oklwmg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn.svelte-1oklwmg{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer}.icon-btn.svelte-1oklwmg:hover{color:var(--alpa);border-color:var(--alpa)}.submit-btn.svelte-1oklwmg{width:100%;justify-content:center}.result-overlay.svelte-1oklwmg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#050c138c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:20px}.result-card.svelte-1oklwmg{position:relative;width:100%;max-width:340px;background:var(--surface);border-radius:20px;overflow:hidden;border:1px solid var(--line);animation:svelte-1oklwmg-popIn .45s var(--ease-spring);display:flex;flex-direction:column;padding-bottom:18px}@keyframes svelte-1oklwmg-popIn{0%{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:none}}.rc-accent.svelte-1oklwmg{height:6px;background:var(--role-accent, var(--piket))}.rc-status.svelte-1oklwmg{display:flex;align-items:center;gap:10px;padding:18px 20px 0}.rc-check.svelte-1oklwmg{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--role-accent, var(--piket));color:#faf8f5}.rc-status-text.svelte-1oklwmg{font-size:16px;font-weight:700}.rc-body.svelte-1oklwmg{display:flex;align-items:center;gap:12px;padding:14px 20px 0}.rc-foto.svelte-1oklwmg{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0}.rc-foto.svelte-1oklwmg img:where(.svelte-1oklwmg){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rc-name.svelte-1oklwmg{font-size:15px;font-weight:700}.rc-class.svelte-1oklwmg{font-size:12px;color:var(--ink-soft)}.rc-books.svelte-1oklwmg{margin:12px 20px 0;display:flex;flex-direction:column;gap:5px}.rc-book-row.svelte-1oklwmg{display:flex;gap:10px;font-size:12.5px;padding:7px 10px;border-radius:8px;background:var(--surface-alt)}.rc-book-row.svelte-1oklwmg .mono:where(.svelte-1oklwmg){font-weight:700;color:var(--role-accent, var(--piket))}.rc-time-row.svelte-1oklwmg{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:14px 20px 0}.rc-time-label.svelte-1oklwmg{font-size:12px;color:var(--ink-soft)}.rc-time.svelte-1oklwmg{font-size:20px;font-weight:700;font-family:JetBrains Mono,monospace}.rc-wib.svelte-1oklwmg{font-size:11px;color:var(--ink-faint)}.rc-late-note.svelte-1oklwmg{margin:12px 20px 0;font-size:12px;font-weight:600;text-align:center;color:var(--terlambat);background:var(--terlambat-soft);padding:8px;border-radius:8px}.rc-dismiss.svelte-1oklwmg{padding:16px 20px 0;display:flex;flex-direction:column;gap:6px}.dismiss-bar.svelte-1oklwmg{height:3px;border-radius:99px;background:var(--surface-alt);overflow:hidden}.dismiss-fill.svelte-1oklwmg{height:100%;width:100%;background:var(--role-accent, var(--piket));animation:svelte-1oklwmg-dismissShrink linear forwards;transform-origin:left}@keyframes svelte-1oklwmg-dismissShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dismiss-hint.svelte-1oklwmg{font-size:11px;color:var(--ink-faint);text-align:center}@keyframes svelte-1oklwmg-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spinner.svelte-1oklwmg{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-1oklwmg-spin .8s linear infinite;display:inline-block}@keyframes svelte-1oklwmg-spin{to{transform:rotate(360deg)}}.badge.svelte-1oklwmg{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.terlambat.svelte-1oklwmg{background:var(--terlambat-soft);color:var(--terlambat)}.buku-view.svelte-1wgtznc{display:flex;flex-direction:column;gap:16px}.mode-hint.svelte-1wgtznc{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--perpus);background:var(--perpus-soft);border:1px solid var(--perpus);border-radius:var(--radius-sm);padding:10px 14px}.mode-hint.svelte-1wgtznc svg{flex-shrink:0}.panel-head.svelte-1wgtznc{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head.svelte-1wgtznc h3:where(.svelte-1wgtznc){font-size:16px;margin:0}.panel-head.svelte-1wgtznc .sub:where(.svelte-1wgtznc){font-size:12px;color:var(--ink-soft);margin-top:2px}.head-actions.svelte-1wgtznc{display:flex;gap:8px;flex-wrap:wrap}.filter-row.svelte-1wgtznc{display:flex;gap:12px;margin:14px 18px;align-items:center;flex-wrap:wrap}.siswa-search.svelte-1wgtznc{position:relative;width:300px;max-width:100%;display:flex;align-items:center}.siswa-search.svelte-1wgtznc svg{position:absolute;left:11px;color:var(--ink-faint)}.siswa-search.svelte-1wgtznc input:where(.svelte-1wgtznc){width:100%;height:34px;padding:0 12px 0 32px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.siswa-search.svelte-1wgtznc input:where(.svelte-1wgtznc):focus{outline:none;border-color:var(--perpus);box-shadow:0 0 0 3px var(--perpus-soft)}.fchips.svelte-1wgtznc{margin-left:auto}.badge.svelte-1wgtznc{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.ok.svelte-1wgtznc{background:var(--hadir-soft);color:var(--hadir)}.badge.perpus.svelte-1wgtznc{background:var(--perpus-soft);color:var(--perpus)}.badge.alpa.svelte-1wgtznc{background:var(--alpa-soft);color:var(--alpa)}.g-judul.svelte-1wgtznc{font-size:13.5px;font-weight:700}.g-pengarang.svelte-1wgtznc{font-size:12px;color:var(--ink-soft);margin-top:1px}.stok-chips.svelte-1wgtznc{display:flex;gap:6px;flex-wrap:wrap}.stok-chip.svelte-1wgtznc{font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);font-family:JetBrains Mono,monospace}.stok-chip.total.svelte-1wgtznc{background:var(--surface-alt);color:var(--ink-soft)}.stok-chip.tersedia.svelte-1wgtznc{background:var(--hadir-soft);color:var(--hadir)}.stok-chip.dipinjam.svelte-1wgtznc{background:var(--perpus-soft);color:var(--perpus)}.stok-chip.nonaktif.svelte-1wgtznc{background:var(--alpa-soft);color:var(--alpa)}.group-row.svelte-1wgtznc td:where(.svelte-1wgtznc){border-bottom:1px solid var(--line);transition:background var(--dur-fast) var(--ease)}.group-row.open.svelte-1wgtznc td:where(.svelte-1wgtznc){background:color-mix(in oklab,var(--perpus) 5%,transparent);border-bottom:none}.group-row.open.svelte-1wgtznc td:where(.svelte-1wgtznc):first-child{box-shadow:inset 3px 0 0 var(--perpus)}.eks-row.svelte-1wgtznc td:where(.svelte-1wgtznc){background:color-mix(in oklab,var(--perpus) 5%,transparent);border-bottom:1px solid var(--line-soft);font-size:12.5px}.eks-row.svelte-1wgtznc td:where(.svelte-1wgtznc):first-child{box-shadow:inset 3px 0 0 var(--perpus)}.eks-row.last.svelte-1wgtznc td:where(.svelte-1wgtznc){border-bottom:1px solid var(--line)}.eks-kode.svelte-1wgtznc{font-weight:700;color:var(--perpus);padding-left:14px;display:inline-block}.chev.svelte-1wgtznc svg{transition:transform var(--dur-fast) var(--ease)}.chev.rot.svelte-1wgtznc{background:var(--perpus-soft);color:var(--perpus);border-color:var(--perpus)}.chev.rot.svelte-1wgtznc svg{transform:rotate(90deg)}.table-scroll.svelte-1wgtznc{overflow-x:auto}.table-scroll.svelte-1wgtznc tbody:where(.svelte-1wgtznc) tr:where(.svelte-1wgtznc){animation:svelte-1wgtznc-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 30ms)}.table-scroll.svelte-1wgtznc tbody:where(.svelte-1wgtznc) tr:where(.svelte-1wgtznc):hover td:where(.svelte-1wgtznc){background:var(--surface-alt)}.table-scroll.svelte-1wgtznc tbody:where(.svelte-1wgtznc) tr.group-row.open:where(.svelte-1wgtznc):hover td:where(.svelte-1wgtznc){background:color-mix(in oklab,var(--perpus) 8%,transparent)}.table-scroll.svelte-1wgtznc tbody:where(.svelte-1wgtznc) tr.eks-row:where(.svelte-1wgtznc):hover td:where(.svelte-1wgtznc){background:color-mix(in oklab,var(--perpus) 8%,transparent)}.table-scroll.svelte-1wgtznc tbody:where(.svelte-1wgtznc) tr.sel:where(.svelte-1wgtznc) td:where(.svelte-1wgtznc){background:color-mix(in oklab,var(--perpus) 14%,transparent)}@keyframes svelte-1wgtznc-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.check-col.svelte-1wgtznc{width:34px}.aksi.svelte-1wgtznc{display:flex;gap:6px;justify-content:flex-end}.empty-row.svelte-1wgtznc td:where(.svelte-1wgtznc),.empty-row.svelte-1wgtznc{text-align:center;padding:36px 18px;color:var(--ink-faint);font-size:13px}.loading-line.svelte-1wgtznc{padding:12px 18px;font-size:12.5px;color:var(--ink-faint)}.date-col.svelte-1wgtznc{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}.buku-cards.svelte-1wgtznc{display:none}.buku-card.svelte-1wgtznc{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.bc-head.svelte-1wgtznc{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bc-text.svelte-1wgtznc{min-width:0}.bc-actions.svelte-1wgtznc{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn.tiny.svelte-1wgtznc{padding:5px 10px;font-size:11.5px}.bc-sel.svelte-1wgtznc{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.bc-date.svelte-1wgtznc{font-size:11px;color:var(--ink-faint)}.bc-eks.svelte-1wgtznc{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:10px}.bc-eks-row.svelte-1wgtznc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border-radius:8px;background:var(--surface-alt);font-size:12.5px}.bc-eks-row.sel.svelte-1wgtznc{background:var(--perpus-soft)}.bc-eks-row.svelte-1wgtznc .eks-kode:where(.svelte-1wgtznc){padding-left:0}.bc-eks-aksi.svelte-1wgtznc{margin-left:auto;display:flex;gap:5px}.icon-btn.svelte-1wgtznc{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.icon-btn.svelte-1wgtznc:hover{background:var(--surface);border-color:var(--ink-faint)}.icon-btn.danger.svelte-1wgtznc:hover{background:var(--alpa-soft);color:var(--alpa);border-color:var(--alpa)}.modal-form.svelte-1wgtznc{display:flex;flex-direction:column;gap:12px}.modal-form.svelte-1wgtznc h3:where(.svelte-1wgtznc){font-size:18px}.modal-form.svelte-1wgtznc label:where(.svelte-1wgtznc){display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.modal-actions.svelte-1wgtznc{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.form-note.svelte-1wgtznc{font-size:12px;color:var(--ink-soft);background:var(--surface-alt);padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--line)}.qr-modal.svelte-1wgtznc{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-modal.svelte-1wgtznc img:where(.svelte-1wgtznc){width:220px;height:220px}.qr-kode.svelte-1wgtznc{font-size:15px;font-weight:700}.qr-judul.svelte-1wgtznc{font-size:13px;color:var(--ink-soft);text-align:center}.print-head.svelte-1wgtznc{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.print-head.svelte-1wgtznc h3:where(.svelte-1wgtznc){font-size:16px;margin:0}.label-sheet.svelte-1wgtznc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.label.svelte-1wgtznc{display:flex;gap:8px;align-items:center;border:1px dashed var(--line);border-radius:8px;padding:8px;break-inside:avoid}.label.svelte-1wgtznc img:where(.svelte-1wgtznc){width:64px;height:64px;flex-shrink:0}.label-text.svelte-1wgtznc{min-width:0}.label-kode.svelte-1wgtznc{font-size:12px;font-weight:700}.label-judul.svelte-1wgtznc{font-size:11px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.label-school.svelte-1wgtznc{font-size:9.5px;color:var(--ink-faint);margin-top:2px}@media(max-width:640px){.desktop-table.svelte-1wgtznc{display:none}.buku-cards.svelte-1wgtznc{display:flex;flex-direction:column;gap:10px;padding:0 14px 16px}.siswa-search.svelte-1wgtznc{width:100%}.fchips.svelte-1wgtznc{margin-left:0}.label-sheet.svelte-1wgtznc{grid-template-columns:repeat(2,1fr)}}.buku-print-sheet.svelte-1wgtznc{display:none}@media print{body.print-mode-labels .buku-view,body.print-mode-labels .modal-bg{display:none!important}body.print-mode-labels .buku-print-sheet{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0!important;margin:0!important;background:#fff!important;position:static!important}.buku-print-label.svelte-1wgtznc{display:flex!important;align-items:center;gap:10px;border:1px dashed #64748b!important;border-radius:6px;padding:8px 10px;background:#fff!important;break-inside:avoid;page-break-inside:avoid}.buku-print-label.svelte-1wgtznc img:where(.svelte-1wgtznc){width:70px;height:70px;flex-shrink:0}.buku-print-text.svelte-1wgtznc{min-width:0;display:flex;flex-direction:column;gap:2px}.bpl-kode.svelte-1wgtznc{font-size:11px;font-weight:700;color:#0f172a}.bpl-judul.svelte-1wgtznc{font-size:10px;font-weight:600;color:#1e293b;line-height:1.3}.bpl-school.svelte-1wgtznc{font-size:8.5px;color:#64748b;margin-top:2px}}.rv.svelte-4ored4{display:flex;flex-direction:column;gap:24px}.rv-stats.svelte-4ored4{display:flex;flex-wrap:wrap;gap:10px}.stat-card.svelte-4ored4{flex:1 1 150px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);padding:10px 14px;box-shadow:var(--shadow);opacity:0;animation:fadeUp var(--dur-enter) var(--ease) forwards;animation-delay:calc(var(--i, 0) * 40ms);transition:transform .18s ease,box-shadow .18s ease}.stat-card.svelte-4ored4:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-icon.svelte-4ored4{width:34px;height:34px;border-radius:9px;background:var(--stat-bg);color:var(--stat-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info.svelte-4ored4{display:flex;flex-direction:column;line-height:1.2}.stat-value.svelte-4ored4{font-size:18px;font-weight:700;color:var(--ink);font-family:JetBrains Mono,monospace}.stat-label.svelte-4ored4{font-size:11.5px;color:var(--ink-soft)}.rv-card.svelte-4ored4{border-radius:var(--radius-lg, 14px);overflow:hidden}.rv-toolbar.svelte-4ored4{padding:16px 20px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;border-bottom:1px solid var(--line)}.rv-toolbar.svelte-4ored4 label:where(.svelte-4ored4){font-size:11.5px;font-weight:600;color:var(--ink-soft);display:flex;flex-direction:column;gap:5px}.rv-toolbar.svelte-4ored4 .sel-wrap{min-width:160px;width:auto}.rv-toolbar.svelte-4ored4 .sel-trigger{height:34px;padding:0 32px 0 11px;border-radius:10px;font-size:13px}.rv-search.svelte-4ored4{position:relative;width:260px;max-width:100%;margin-left:auto;display:flex;align-items:center}.rv-search.svelte-4ored4 svg{position:absolute;left:11px;color:var(--ink-faint)}.rv-search.svelte-4ored4 input:where(.svelte-4ored4){width:100%;height:34px;padding:0 12px 0 32px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.rv-search.svelte-4ored4 input:where(.svelte-4ored4):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c47d0426}.rv-chips.svelte-4ored4{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.rv-status-chips.svelte-4ored4{display:flex;align-items:center;gap:6px}.rv-chips-sep.svelte-4ored4{width:1px;height:20px;background:var(--line)}.table-scroll.svelte-4ored4{overflow-x:auto}table.svelte-4ored4{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-4ored4 th:where(.svelte-4ored4){text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:11px 20px;border-bottom:1px solid var(--line);font-weight:700}tbody.svelte-4ored4 td:where(.svelte-4ored4){padding:12px 20px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4){position:relative;transition:background .12s ease;animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 18ms)}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4):hover{background:var(--bg-2)}.who.svelte-4ored4{display:flex;align-items:center;gap:10px;min-width:0}.avatar.svelte-4ored4{width:28px;height:28px;border-radius:50%;background:var(--bg-2);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.name.svelte-4ored4{font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subkelas.svelte-4ored4{color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-muted.svelte-4ored4{color:var(--ink-faint);font-size:12px}.badge.svelte-4ored4{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.datang.svelte-4ored4{background:var(--piket-soft);color:var(--piket)}.badge.sholat.svelte-4ored4{background:var(--sholat-soft);color:var(--sholat)}.badge.perpus.svelte-4ored4{background:var(--perpus-soft);color:var(--perpus)}.badge.tepat.svelte-4ored4{background:var(--hadir-soft);color:var(--hadir)}.badge.terlambat.svelte-4ored4{background:var(--terlambat-soft);color:var(--terlambat)}.badge.ok.svelte-4ored4{background:var(--hadir-soft);color:var(--hadir)}.badge.pinjam.svelte-4ored4{background:var(--perpus-pinjam-soft);color:var(--perpus-pinjam)}.badge.kembalikan.svelte-4ored4{background:var(--perpus-kembali-soft);color:var(--perpus-kembali)}.badge.baca.svelte-4ored4{background:var(--perpus-soft);color:var(--perpus)}th.aksi-col.svelte-4ored4,td.row-actions-cell.svelte-4ored4{width:0;padding:0;border:0}.row-actions.svelte-4ored4{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:6px;opacity:0;transition:opacity .12s linear;background:var(--surface);padding:4px 8px;border-radius:8px;box-shadow:0 1px 4px #00000014;z-index:2}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4):hover .row-actions:where(.svelte-4ored4){opacity:1}.icon-btn.svelte-4ored4{background:transparent;border:1px solid var(--line);border-radius:8px;padding:5px;display:inline-flex;cursor:pointer;color:var(--ink-soft);transition:all var(--dur-fast) var(--ease)}.icon-btn.svelte-4ored4:hover{border-color:var(--accent);color:var(--accent)}.icon-btn.danger.svelte-4ored4:hover{border-color:var(--alpa);color:var(--alpa)}.rv-footer.svelte-4ored4{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid var(--line);flex-wrap:wrap;gap:10px}.rv-pager.svelte-4ored4{display:flex;align-items:center;gap:10px}.rv-page.svelte-4ored4{font-size:13px;color:var(--ink-soft);font-weight:600}.mono.svelte-4ored4{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.rv-state.svelte-4ored4{padding:40px 20px;text-align:center;color:var(--ink-faint);font-size:13px}.rv-state.error.svelte-4ored4{color:var(--alpa)}@media(max-width:720px){.rv-toolbar.svelte-4ored4{align-items:stretch}.rv-toolbar.svelte-4ored4 label:where(.svelte-4ored4),.rv-search.svelte-4ored4{width:100%}.rv-toolbar.svelte-4ored4 .sel-wrap{width:100%}.rv-search.svelte-4ored4{width:100%;margin-left:0}.stat-card.svelte-4ored4{flex:1 1 calc(50% - 10px)}.row-actions.svelte-4ored4{opacity:1}}@media(max-width:640px){table.svelte-4ored4,thead.svelte-4ored4,tbody.svelte-4ored4,tr.svelte-4ored4,td.svelte-4ored4{display:block}thead.svelte-4ored4{display:none}tbody.svelte-4ored4{display:flex;flex-direction:column;gap:10px}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px;position:relative}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4):hover{background:var(--surface)}tbody.svelte-4ored4 td:where(.svelte-4ored4){border:0;padding:2px 0}tbody.svelte-4ored4 td:where(.svelte-4ored4):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}td[data-label=""].svelte-4ored4:before{display:none}td[data-label=Siswa].svelte-4ored4{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Status].svelte-4ored4{grid-column:1 / -1}.who.svelte-4ored4{gap:8px}.avatar.svelte-4ored4{width:24px;height:24px;font-size:10px}th.aksi-col.svelte-4ored4,td.row-actions-cell.svelte-4ored4{width:auto;padding:0}.row-actions-cell.svelte-4ored4{grid-column:1 / -1}.row-actions.svelte-4ored4{position:static;transform:none;opacity:1;background:transparent;box-shadow:none;padding:0;justify-content:flex-end}}.modal-form.svelte-4ored4{display:flex;flex-direction:column;gap:12px}.modal-form.svelte-4ored4 h3:where(.svelte-4ored4){font-size:18px;margin:0 0 4px;font-weight:700}.modal-form.svelte-4ored4 label:where(.svelte-4ored4){display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.modal-form.svelte-4ored4 input:where(.svelte-4ored4){width:100%;box-sizing:border-box}.modal-form.svelte-4ored4 .sel-wrap,.modal-form.svelte-4ored4 .dp-wrap{width:100%}.modal-form.svelte-4ored4 .sel-trigger,.modal-form.svelte-4ored4 .dp-trigger{height:38px;border-radius:var(--radius-sm, 10px);font-size:13px}.form-row.svelte-4ored4{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}@media(max-width:480px){.form-row.svelte-4ored4{grid-template-columns:1fr}}.rv-print-header.svelte-4ored4{display:none}@media print{.rv-print-header.svelte-4ored4{display:block!important;border-bottom:2px solid #0f172a;padding-bottom:10px;margin-bottom:16px}.rph-school.svelte-4ored4{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.rph-title.svelte-4ored4{font-size:20px;margin:4px 0 8px;color:#0f172a;font-weight:800}.rph-meta.svelte-4ored4{display:flex;gap:16px;font-size:11.5px;color:#334155;flex-wrap:wrap}.rph-meta.svelte-4ored4 b:where(.svelte-4ored4){color:#0f172a}.rv-toolbar.svelte-4ored4,.rv-chips.svelte-4ored4,.row-actions.svelte-4ored4,.row-actions-cell.svelte-4ored4,.rv-pager.svelte-4ored4,.rv-footer.svelte-4ored4,.rv-stats.svelte-4ored4,.avatar.svelte-4ored4{display:none!important}.rv-card.svelte-4ored4{box-shadow:none!important;border:1px solid #cbd5e1!important;border-radius:4px!important;overflow:visible!important}.datarow.svelte-4ored4{animation:none!important}.name.svelte-4ored4{font-weight:700!important;color:#0f172a!important}}.trp-container.svelte-kb3cuo{position:relative;display:inline-block}.trp-trigger.svelte-kb3cuo{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 8px);padding:6px 12px;color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;transition:all var(--dur-fast, .15s) var(--ease, ease);-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a}.trp-trigger.svelte-kb3cuo:hover,.trp-trigger.open.svelte-kb3cuo{border-color:var(--kepsek);background:var(--surface-alt)}.trp-icon.svelte-kb3cuo{display:flex;align-items:center;color:var(--ink-soft)}.trp-label.svelte-kb3cuo{white-space:nowrap}.trp-chevron.svelte-kb3cuo{display:flex;align-items:center;color:var(--ink-faint);transition:transform var(--dur-normal, .2s) var(--ease, ease);transform:rotate(90deg)}.trp-chevron.rot.svelte-kb3cuo{transform:rotate(-90deg)}.trp-popover.svelte-kb3cuo{position:fixed;z-index:9999;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md, 12px);box-shadow:0 12px 32px #0000001f,0 2px 6px #0000000a;padding:12px;max-width:92vw;animation:svelte-kb3cuo-popIn .15s var(--ease-out-expo) backwards}@keyframes svelte-kb3cuo-popIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.trp-popover-head.svelte-kb3cuo{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}.head-title.svelte-kb3cuo{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink)}.close-btn.svelte-kb3cuo{border:none;background:transparent;color:var(--ink-faint);padding:3px;border-radius:5px;cursor:pointer;display:flex;align-items:center}.close-btn.svelte-kb3cuo:hover{background:var(--bg-2);color:var(--ink)}.trp-grid.svelte-kb3cuo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trp-col.svelte-kb3cuo{display:flex;flex-direction:column;gap:2px}.col-title.svelte-kb3cuo{font-size:9.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-faint);margin:0 0 2px;text-transform:uppercase}.col-items.svelte-kb3cuo{display:flex;flex-direction:column;gap:1px}.preset-btn.svelte-kb3cuo{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--ink);font-size:11px;font-weight:500;cursor:pointer;text-align:left;transition:all var(--dur-fast, .15s) var(--ease, ease)}.preset-btn.svelte-kb3cuo:hover{background:var(--bg-2);border-color:var(--line)}.preset-btn.active.svelte-kb3cuo{background:var(--kepsek-soft);color:var(--kepsek);font-weight:700;border-color:#7b3fc033}.preset-name.svelte-kb3cuo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-badge.svelte-kb3cuo{font-size:8.5px;color:var(--ink-faint);background:var(--surface-alt);padding:1px 4px;border-radius:3px;flex-shrink:0}.preset-btn.active.svelte-kb3cuo .preset-badge:where(.svelte-kb3cuo){color:var(--kepsek);background:#7b3fc026}@media(max-width:600px){.trp-grid.svelte-kb3cuo{grid-template-columns:1fr;max-height:340px;overflow-y:auto}}.app-shell.svelte-1jokfsv{display:flex;min-height:100vh}.main-area.svelte-1jokfsv{flex:1;min-width:0;animation:svelte-1jokfsv-fadeIn var(--dur-slow) var(--ease) .1s backwards;transition:flex-basis .25s var(--ease, cubic-bezier(.4, 0, .2, 1))}.main-header.svelte-1jokfsv{max-width:1180px;margin:0 auto;padding:28px 32px 0;border-bottom:1px solid var(--line)}.header-top.svelte-1jokfsv{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.main-header.svelte-1jokfsv h2:where(.svelte-1jokfsv){font-size:22px;margin:0;line-height:1.2;letter-spacing:-.01em}.main-header.svelte-1jokfsv p:where(.svelte-1jokfsv){margin:5px 0 0;font-size:13px;color:var(--ink-soft)}.header-right.svelte-1jokfsv{padding-top:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-line.svelte-1jokfsv{font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:7px;background:var(--surface);padding:7px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease)}.date-line.svelte-1jokfsv:hover{border-color:var(--ink-faint)}.date-line.svelte-1jokfsv svg{width:14px;height:14px;stroke:var(--ink-faint)}.main-content.svelte-1jokfsv{max-width:1180px;margin:0 auto;padding:24px 32px 64px}.view-slide.svelte-1jokfsv{animation:svelte-1jokfsv-viewSlide var(--dur-slow) var(--ease-out-expo)}@keyframes svelte-1jokfsv-viewSlide{0%{opacity:0;transform:translate(calc(var(--slide-dir, 1) * 24px))}to{opacity:1;transform:translate(0)}}.panel-head.svelte-1jokfsv{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head.svelte-1jokfsv h3:where(.svelte-1jokfsv){font-size:16px;margin:0}.panel-head.svelte-1jokfsv .sub:where(.svelte-1jokfsv){font-size:12px;color:var(--ink-soft);margin-top:2px}.table-scroll.svelte-1jokfsv{overflow-x:auto}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv){animation:svelte-1jokfsv-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes svelte-1jokfsv-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv){background:var(--surface-alt)}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv):first-child{box-shadow:inset 3px 0 0 var(--role-accent, var(--accent))}.ket-col.svelte-1jokfsv{color:var(--ink-soft);font-size:13px}.empty-row.svelte-1jokfsv td:where(.svelte-1jokfsv){text-align:center;padding:36px 18px;color:var(--ink-faint);font-size:13px}.badge.svelte-1jokfsv{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.izin.svelte-1jokfsv{background:var(--izin-soft);color:var(--izin)}.badge.sakit.svelte-1jokfsv{background:var(--sakit-soft);color:var(--sakit)}.badge.alpa.svelte-1jokfsv{background:var(--alpa-soft);color:var(--alpa)}.filter-row.svelte-1jokfsv{display:flex;gap:14px;margin:14px 0 18px;flex-wrap:wrap;align-items:flex-end}.filter-row.svelte-1jokfsv label:where(.svelte-1jokfsv){display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--ink-soft)}.filter-row.svelte-1jokfsv .sel-wrap{min-width:160px;width:auto}.filter-row.svelte-1jokfsv .sel-trigger{height:34px;padding:0 32px 0 11px;border-radius:10px;font-size:13px}.siswa-search.svelte-1jokfsv{position:relative;flex:1;min-width:190px;display:flex;align-items:center}.siswa-search.svelte-1jokfsv svg{position:absolute;left:11px;color:var(--ink-faint)}.siswa-search.svelte-1jokfsv input:where(.svelte-1jokfsv){width:100%;height:34px;padding:0 12px 0 32px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.siswa-search.svelte-1jokfsv input:where(.svelte-1jokfsv):focus{outline:none;border-color:var(--role-accent, var(--piket, var(--accent)));box-shadow:0 0 0 3px var(--bg-2)}.icon-btn.svelte-1jokfsv{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;transition:all var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.icon-btn.svelte-1jokfsv:hover{background:var(--surface);border-color:var(--ink-faint);transform:scale(1.06)}.icon-btn.svelte-1jokfsv:active{transform:scale(.95)}.icon-btn.danger.svelte-1jokfsv:hover{background:var(--alpa-soft);color:var(--alpa);border-color:var(--alpa)}.modal-form.svelte-1jokfsv{display:flex;flex-direction:column;gap:12px}.modal-form.svelte-1jokfsv h3:where(.svelte-1jokfsv){font-size:18px}.modal-form.svelte-1jokfsv label:where(.svelte-1jokfsv){display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.modal-actions.svelte-1jokfsv{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.form-note.svelte-1jokfsv{font-size:12px;color:var(--ink-soft);background:var(--surface-alt);padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--line)}.form-note.svelte-1jokfsv b:where(.svelte-1jokfsv){color:var(--ink)}.mono.small.svelte-1jokfsv{font-size:12px;color:var(--ink-soft)}.spinner.svelte-1jokfsv{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes svelte-1jokfsv-fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:860px){.app-shell.svelte-1jokfsv{flex-direction:column}.main-header.svelte-1jokfsv,.main-content.svelte-1jokfsv{padding-left:18px;padding-right:18px}}@media(max-width:640px){.table-scroll.svelte-1jokfsv table:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv thead:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv tr:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv td:where(.svelte-1jokfsv){display:block}.table-scroll.svelte-1jokfsv thead:where(.svelte-1jokfsv){display:none}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv){background:transparent}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv):first-child{box-shadow:none}.table-scroll.svelte-1jokfsv td:where(.svelte-1jokfsv){border:0;padding:2px 0}.table-scroll.svelte-1jokfsv td:where(.svelte-1jokfsv):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-1jokfsv td[data-label=""]:where(.svelte-1jokfsv):before{display:none}td[data-label=Siswa].svelte-1jokfsv{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Keterangan].svelte-1jokfsv{grid-column:1 / -1}.action-cell.svelte-1jokfsv{grid-column:1 / -1;display:flex;justify-content:flex-end}.action-cell.svelte-1jokfsv:before{display:none!important}.empty-row.svelte-1jokfsv td:where(.svelte-1jokfsv){text-align:center;padding:18px}.empty-row.svelte-1jokfsv td:where(.svelte-1jokfsv):before{display:none}}@media(prefers-reduced-motion:reduce){.view-slide.svelte-1jokfsv,.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv){animation:none;transition:none}}.rv-export.svelte-1d28crn{position:relative;flex-shrink:0}.export-btn.svelte-1d28crn{height:38px;padding:0 15px;border-radius:var(--radius);border:1px solid var(--line-strong, var(--line));background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;box-shadow:var(--shadow);transition:background .15s ease,border-color .15s ease,transform .1s ease}.export-btn.svelte-1d28crn:hover{background:var(--bg-2)}.export-btn.svelte-1d28crn:active{transform:scale(.97)}.export-btn.svelte-1d28crn:disabled{opacity:.6;cursor:not-allowed}.export-backdrop.svelte-1d28crn{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35}.export-menu.svelte-1d28crn{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--line);padding:6px;z-index:40;opacity:0;transform:translateY(-6px);animation:svelte-1d28crn-rvPop .15s ease forwards}@keyframes svelte-1d28crn-rvPop{to{opacity:1;transform:translateY(0)}}.export-menu.svelte-1d28crn button:where(.svelte-1d28crn){width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border:none;background:transparent;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer;font-family:inherit;text-align:left;transition:background .12s ease}.export-menu.svelte-1d28crn button:where(.svelte-1d28crn):hover{background:var(--bg-2)}.export-menu.svelte-1d28crn svg{color:var(--piket, var(--accent));flex-shrink:0}.export-menu.svelte-1d28crn .divider:where(.svelte-1d28crn){height:1px;background:var(--line);margin:5px 4px}.live-badge.svelte-ll0agc{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 8px);padding:5px 10px;font-size:12px;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a}.live-dot.svelte-ll0agc{width:6.5px;height:6.5px;border-radius:50%;background:var(--hadir, #10b981);box-shadow:0 0 8px var(--hadir, #10b981);animation:svelte-ll0agc-pulse 2s infinite ease-in-out}.live-text.svelte-ll0agc{font-weight:800;font-size:10px;letter-spacing:.06em;color:var(--hadir, #10b981)}.live-time.svelte-ll0agc{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--ink-soft);font-size:11.5px}@keyframes svelte-ll0agc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.stat-strip.svelte-1yld1nv{display:flex;align-items:center;gap:0;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;animation:slideDown var(--dur-enter) var(--ease) backwards}.ss-item.svelte-1yld1nv{display:flex;flex-direction:column;align-items:center;flex:1;gap:2px;padding:6px 8px;border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease)}.ss-item.svelte-1yld1nv:hover{background:var(--surface-alt)}.ss-label.svelte-1yld1nv{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ss-value.svelte-1yld1nv{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--ink);line-height:1.2}.ss-value.ok.svelte-1yld1nv{color:var(--hadir)}.ss-value.warn.svelte-1yld1nv{color:var(--terlambat)}.ss-value.danger.svelte-1yld1nv{color:var(--alpa)}.ss-value.info.svelte-1yld1nv{color:var(--izin)}.ss-value.muted.svelte-1yld1nv{color:var(--ink-soft)}.ss-div.svelte-1yld1nv{width:1px;height:32px;background:var(--line);flex-shrink:0}@media(max-width:620px){.stat-strip.svelte-1yld1nv{flex-wrap:wrap;gap:10px}.ss-div.svelte-1yld1nv{display:none}.ss-item.svelte-1yld1nv{min-width:80px}}.spark-wrap.svelte-pz5mwn{position:relative;width:100%;height:90px}.sparkline.svelte-pz5mwn{width:100%;height:100%;display:block;cursor:crosshair}.spark-baseline.svelte-pz5mwn{stroke:var(--line);stroke-width:1;stroke-dasharray:2 2;opacity:.5}.spark-area.svelte-pz5mwn{transition:opacity .6s var(--ease) .2s;pointer-events:none}.spark-line.svelte-pz5mwn{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .85s var(--ease-out-expo);pointer-events:none}.spark-peak-dot.svelte-pz5mwn{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.spark-peak-ring.svelte-pz5mwn{fill:none;stroke-width:1.5;opacity:.5;pointer-events:none;animation:svelte-pz5mwn-pulseRing 1.6s ease-out infinite}.spark-crosshair.svelte-pz5mwn{stroke:var(--ink-soft);stroke-width:1;stroke-dasharray:3 3;opacity:.5;pointer-events:none}.spark-hover-dot.svelte-pz5mwn{pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}.spark-axis.svelte-pz5mwn{font-size:8.5px;fill:var(--ink-faint);font-family:JetBrains Mono,monospace;letter-spacing:.02em;pointer-events:none}.spark-tooltip.svelte-pz5mwn{position:absolute;top:-2px;z-index:10;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xs, 6px);padding:3px 8px;box-shadow:0 4px 14px #0000001f;pointer-events:none;animation:svelte-pz5mwn-fadeIn .12s ease backwards;white-space:nowrap}.st-label.svelte-pz5mwn{font-size:10px;color:var(--ink-soft);font-weight:500}.st-val.svelte-pz5mwn{font-size:10.5px;font-weight:700;font-family:JetBrains Mono,monospace}@keyframes svelte-pz5mwn-pulseRing{0%{transform:scale(.85);opacity:.7;transform-origin:center}50%{transform:scale(1.3);opacity:.15;transform-origin:center}to{transform:scale(.85);opacity:.7;transform-origin:center}}@keyframes svelte-pz5mwn-fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.module-grid.svelte-1ig71co{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media(max-width:860px){.module-grid.svelte-1ig71co{grid-template-columns:1fr}}.module-card.svelte-1ig71co{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;overflow:hidden;transition:transform var(--dur-normal) var(--ease),box-shadow var(--dur-slow) var(--ease),border-color var(--dur-normal) var(--ease);animation:fadeUp var(--dur-enter) var(--ease) backwards}.module-card.svelte-1ig71co:nth-child(1){animation-delay:80ms}.module-card.svelte-1ig71co:nth-child(2){animation-delay:.16s}.module-card.svelte-1ig71co:nth-child(3){animation-delay:.24s}.module-card.svelte-1ig71co:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-soft)}.module-card.svelte-1ig71co:active{transform:translateY(0) scale(.995);transition-duration:80ms}.module-accent.svelte-1ig71co{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;transition:height var(--dur-normal) var(--ease),opacity var(--dur-normal) var(--ease)}.module-card.svelte-1ig71co:hover .module-accent:where(.svelte-1ig71co){height:4px;opacity:.85}.module-top.svelte-1ig71co{display:flex;align-items:center;gap:12px;margin-bottom:12px}.module-icon.svelte-1ig71co{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-spring)}.module-card.svelte-1ig71co:hover .module-icon:where(.svelte-1ig71co){transform:scale(1.08) rotate(-2deg)}.module-meta.svelte-1ig71co{flex:1;min-width:0}.module-title.svelte-1ig71co{font-weight:700;font-size:14px;color:var(--ink);display:block}.module-desc.svelte-1ig71co{font-size:11.5px;color:var(--ink-faint);display:block}.module-stat.svelte-1ig71co{font-family:Fraunces,serif;font-size:28px;font-weight:700;line-height:1;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-spring)}.module-card.svelte-1ig71co:hover .module-stat:where(.svelte-1ig71co){transform:scale(1.04)}.module-stat.svelte-1ig71co small:where(.svelte-1ig71co){font-size:14px;font-weight:400;opacity:.6}.module-chart.svelte-1ig71co{margin:0 -4px}.module-breakdown.svelte-1ig71co{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:10px;border-top:1px solid var(--line);margin-top:8px}.mb-item.svelte-1ig71co{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-soft);transition:color var(--dur-fast) var(--ease)}.mb-item.svelte-1ig71co:hover{color:var(--ink)}.mb-item.svelte-1ig71co b:where(.svelte-1ig71co){font-family:JetBrains Mono,monospace;font-weight:700;color:var(--ink)}.mb-dot.svelte-1ig71co{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-spring)}.mb-item.svelte-1ig71co:hover .mb-dot:where(.svelte-1ig71co){transform:scale(1.4)}.activity-row.svelte-6w1rdc{display:grid;grid-template-columns:1fr 200px;gap:16px;margin-top:24px;align-items:stretch}@media(max-width:860px){.activity-row.svelte-6w1rdc{grid-template-columns:1fr}}.split-section.svelte-6w1rdc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--dur-slow) var(--ease),border-color var(--dur-normal) var(--ease);animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.1s}.split-section.svelte-6w1rdc:hover{box-shadow:var(--shadow-sm);border-color:var(--line-soft)}.split-full.svelte-6w1rdc{animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.16s}.split-head.svelte-6w1rdc{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.split-head-left.svelte-6w1rdc{display:flex;align-items:center;gap:10px}.split-head.svelte-6w1rdc h3:where(.svelte-6w1rdc){font-size:14px;font-weight:700;margin:0;color:var(--ink)}.split-icon.svelte-6w1rdc{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.split-icon.info.svelte-6w1rdc{background:var(--piket-soft);color:var(--piket)}.split-count.svelte-6w1rdc{font-size:11.5px;color:var(--ink-faint)}.feed-cols.svelte-6w1rdc{display:grid;grid-template-columns:1fr 240px;gap:0}@media(max-width:700px){.feed-cols.svelte-6w1rdc{grid-template-columns:1fr}.feed-aside.svelte-6w1rdc{border-left:none;border-top:1px solid var(--line-soft)}}.feed-main.svelte-6w1rdc{padding:12px 18px 16px;max-height:320px;overflow-y:auto}.feed-overflow.svelte-6w1rdc{text-align:center;font-size:12px;color:var(--ink-faint);padding:10px 0 4px;border-top:1px dashed var(--line-soft);margin-top:6px}.feed-main.svelte-6w1rdc::-webkit-scrollbar{width:6px}.feed-main.svelte-6w1rdc::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.feed-aside.svelte-6w1rdc{border-left:1px solid var(--line-soft);padding:16px 18px;display:flex;flex-direction:column;gap:18px;background:var(--surface-soft);animation:fadeIn var(--dur-enter) var(--ease) backwards;animation-delay:.2s}.fa-section.svelte-6w1rdc{display:flex;flex-direction:column;gap:6px}.fa-title.svelte-6w1rdc{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-faint)}.fa-breakdown.svelte-6w1rdc{display:flex;flex-direction:column;gap:5px}.fa-row.svelte-6w1rdc{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 6px;margin:-4px -6px;border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease)}.fa-row.svelte-6w1rdc:hover{background:var(--surface-alt)}.fa-dot.svelte-6w1rdc{width:9px;height:9px;border-radius:50%;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-spring)}.fa-row.svelte-6w1rdc:hover .fa-dot:where(.svelte-6w1rdc){transform:scale(1.3)}.fa-dot.datang.svelte-6w1rdc{background:var(--hadir)}.fa-dot.pulang.svelte-6w1rdc{background:var(--pulang)}.fa-dot.sholat.svelte-6w1rdc{background:var(--sholat)}.fa-dot.perpus.svelte-6w1rdc{background:var(--perpus)}.fa-dot.izin.svelte-6w1rdc{background:var(--izin)}.fa-dot.sakit.svelte-6w1rdc{background:var(--sakit)}.fa-label.svelte-6w1rdc{flex:1;color:var(--ink-soft)}.fa-val.svelte-6w1rdc{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.fa-petugas.svelte-6w1rdc{display:flex;flex-wrap:wrap;gap:5px}.fa-badge.svelte-6w1rdc{font-size:11.5px;padding:3px 9px;border-radius:99px;background:var(--surface-alt);color:var(--ink-soft);font-weight:600;border:1px solid var(--line-soft);transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease)}.fa-badge.svelte-6w1rdc:hover{transform:scale(1.05);background:var(--surface);color:var(--ink)}.fa-empty.svelte-6w1rdc{font-size:12.5px;color:var(--ink-faint)}.fa-last-time.svelte-6w1rdc{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.5px;line-height:1}.fa-last-name.svelte-6w1rdc{font-size:12px;color:var(--ink-faint)}.overview-card.svelte-6w1rdc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.2s}.ov-gauge-wrap.svelte-6w1rdc{display:flex;justify-content:center}.ov-gauge.svelte-6w1rdc{position:relative;width:100px;height:100px;animation:scaleSpring var(--dur-enter) var(--ease-spring) backwards;animation-delay:.12s}.gauge-ring.svelte-6w1rdc{width:100%;height:100%}.gauge-ring.svelte-6w1rdc circle:where(.svelte-6w1rdc):last-child{transition:stroke-dashoffset .6s ease}.gauge-center.svelte-6w1rdc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-pct.svelte-6w1rdc{font-size:22px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-1px;animation:fadeIn var(--dur-slow) var(--ease) backwards;animation-delay:.3s}.gauge-pct.svelte-6w1rdc small:where(.svelte-6w1rdc){font-size:13px;font-weight:600}.gauge-sub.svelte-6w1rdc{font-size:10px;color:var(--ink-soft);margin-top:1px}.gauge-label.svelte-6w1rdc{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-faint);font-weight:700;margin-top:1px}.ov-delta-section.svelte-6w1rdc{width:100%;display:flex;flex-direction:column;gap:8px}.delta-list.svelte-6w1rdc{display:flex;flex-direction:column;gap:10px}.delta-row.svelte-6w1rdc{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease)}.delta-row.svelte-6w1rdc:hover{background:var(--surface-alt)}.delta-label.svelte-6w1rdc{font-size:13px;color:var(--ink-soft)}.delta-val.svelte-6w1rdc{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.delta-val.up.svelte-6w1rdc{color:var(--hadir)}.delta-val.down.svelte-6w1rdc{color:var(--alpa)}.ov-empty.svelte-6w1rdc{font-size:12.5px;color:var(--ink-faint)}.timeline.svelte-6w1rdc{display:flex;flex-direction:column;gap:0;position:relative}.timeline.svelte-6w1rdc:before{content:"";position:absolute;left:13px;top:16px;bottom:16px;width:1px;background:var(--line)}.tl-item.svelte-6w1rdc{display:flex;align-items:flex-start;gap:12px;padding:10px 4px;position:relative;border-radius:var(--radius-xs);animation:rowFadeIn var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 30ms);transition:background var(--dur-fast) var(--ease)}.tl-item.svelte-6w1rdc:hover{background:var(--surface-alt)}.tl-ic.svelte-6w1rdc{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:transform var(--dur-fast) var(--ease-spring)}.tl-item.svelte-6w1rdc:hover .tl-ic:where(.svelte-6w1rdc){transform:scale(1.1)}.tl-ic.datang.svelte-6w1rdc{background:var(--hadir-soft);color:var(--hadir)}.tl-ic.pulang.svelte-6w1rdc{background:var(--pulang-soft);color:var(--pulang)}.tl-ic.piket.svelte-6w1rdc{background:var(--piket-soft);color:var(--piket)}.tl-ic.sholat.svelte-6w1rdc{background:var(--sholat-soft);color:var(--sholat)}.tl-ic.perpus.svelte-6w1rdc{background:var(--perpus-soft);color:var(--perpus)}.tl-ic.izin.svelte-6w1rdc{background:var(--izin-soft);color:var(--izin)}.tl-ic.sakit.svelte-6w1rdc{background:var(--sakit-soft);color:var(--sakit)}.tl-ic.alpa.svelte-6w1rdc{background:var(--alpa-soft);color:var(--alpa)}.tl-content.svelte-6w1rdc{flex:1;min-width:0}.tl-top.svelte-6w1rdc{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tl-name.svelte-6w1rdc{font-weight:700;font-size:13.5px;color:var(--ink)}.tl-time.svelte-6w1rdc{font-size:11.5px;color:var(--ink-faint);flex-shrink:0}.tl-badges.svelte-6w1rdc{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.tl-kelas.svelte-6w1rdc{font-size:12px;color:var(--ink-soft)}.tl-ket.svelte-6w1rdc{font-size:11.5px;color:var(--ink-soft);display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-petugas.svelte-6w1rdc{font-size:11px;color:var(--ink-faint);display:block;margin-top:2px;font-style:italic}.badge.svelte-6w1rdc{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:600;text-transform:uppercase}.badge.datang.svelte-6w1rdc{background:var(--piket-soft);color:var(--piket)}.badge.sholat.svelte-6w1rdc{background:var(--sholat-soft);color:var(--sholat)}.badge.perpus.svelte-6w1rdc{background:var(--perpus-soft);color:var(--perpus)}.badge.izin.svelte-6w1rdc{background:var(--izin-soft);color:var(--izin)}.badge.sakit.svelte-6w1rdc{background:var(--sakit-soft);color:var(--sakit)}.badge.alpa.svelte-6w1rdc{background:var(--alpa-soft);color:var(--alpa)}.badge.terlambat.svelte-6w1rdc{background:var(--terlambat-soft);color:var(--terlambat)}.badge.feed-sub-baca.svelte-6w1rdc{background:var(--perpus-baca-soft);color:var(--perpus-baca)}.badge.feed-sub-pinjam.svelte-6w1rdc{background:var(--perpus-pinjam-soft);color:var(--perpus-pinjam)}.badge.feed-sub-kembalikan.svelte-6w1rdc{background:var(--perpus-kembali-soft);color:var(--perpus-kembali)}.mono.svelte-6w1rdc{font-family:JetBrains Mono,monospace}.split-empty.svelte-6w1rdc{padding:20px 0;color:var(--ink-faint);font-size:13px;text-align:center}.dash-split.svelte-1yd6f0k{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;align-items:start}@media(max-width:860px){.dash-split.svelte-1yd6f0k{grid-template-columns:1fr}}.split-section.svelte-1yd6f0k{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--dur-slow) var(--ease),border-color var(--dur-normal) var(--ease);animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.1s}.split-section.svelte-1yd6f0k:hover{box-shadow:var(--shadow-sm);border-color:var(--line-soft)}.split-head.svelte-1yd6f0k{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.split-head-left.svelte-1yd6f0k{display:flex;align-items:center;gap:10px}.split-head.svelte-1yd6f0k h3:where(.svelte-1yd6f0k){font-size:14px;font-weight:700;margin:0;color:var(--ink)}.split-icon.svelte-1yd6f0k{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.split-icon.warn.svelte-1yd6f0k,.split-icon.absent.svelte-1yd6f0k{background:var(--alpa-soft);color:var(--alpa)}.split-count.svelte-1yd6f0k{font-size:11.5px;color:var(--ink-faint)}.split-body.svelte-1yd6f0k{padding:12px 18px 16px;max-height:380px;overflow-y:auto}.split-body.svelte-1yd6f0k::-webkit-scrollbar{width:6px}.split-body.svelte-1yd6f0k::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.split-empty.svelte-1yd6f0k{padding:20px 0;color:var(--ink-faint);font-size:13px;text-align:center}.scroll-sentinel.svelte-1yd6f0k{height:1px}.timeline.svelte-1yd6f0k{display:flex;flex-direction:column;gap:0;position:relative}.timeline.svelte-1yd6f0k:before{content:"";position:absolute;left:13px;top:16px;bottom:16px;width:1px;background:var(--line)}.tl-item.svelte-1yd6f0k{display:flex;align-items:flex-start;gap:12px;padding:10px 4px;position:relative;border-radius:var(--radius-xs);animation:rowFadeIn var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 30ms);transition:background var(--dur-fast) var(--ease)}.tl-item.svelte-1yd6f0k:hover{background:var(--surface-alt)}.tl-dot.warn.svelte-1yd6f0k{width:8px;height:8px;border-radius:50%;background:var(--alpa);margin-top:6px;flex-shrink:0}.tl-content.svelte-1yd6f0k{flex:1;min-width:0}.tl-name.svelte-1yd6f0k{font-weight:700;font-size:13.5px;color:var(--ink)}.tl-detail.svelte-1yd6f0k{font-size:12px;color:var(--ink-soft);display:block;margin-top:2px}.absent-list.svelte-1yd6f0k{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}@media(max-width:620px){.absent-list.svelte-1yd6f0k{grid-template-columns:1fr}}.absent-row.svelte-1yd6f0k{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:var(--radius-sm);animation:rowFadeIn var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 20ms);transition:background var(--dur-normal) var(--ease)}.absent-row.svelte-1yd6f0k:hover{background:var(--surface-alt)}.absent-initials.svelte-1yd6f0k{width:28px;height:28px;border-radius:50%;background:var(--alpa-soft);color:var(--alpa);font-size:10px;font-weight:700;display:grid;place-items:center;flex-shrink:0;text-transform:uppercase;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-normal) var(--ease)}.absent-row.svelte-1yd6f0k:hover .absent-initials:where(.svelte-1yd6f0k){transform:scale(1.1);background:color-mix(in oklab,var(--alpa) 25%,transparent)}.absent-info.svelte-1yd6f0k{display:flex;flex-direction:column;min-width:0}.absent-name.svelte-1yd6f0k{font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absent-class.svelte-1yd6f0k{font-size:11.5px;color:var(--ink-faint)}.class-recap.svelte-mea1h2{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-top:24px;transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease);animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.12s}.class-recap.svelte-mea1h2:hover{box-shadow:var(--shadow)}.recap-head.svelte-mea1h2 h3:where(.svelte-mea1h2){font-family:Fraunces,serif;font-size:16px;font-weight:600;margin:0 0 4px}.recap-sub.svelte-mea1h2{color:var(--ink-faint);font-size:12px;margin:0 0 16px}.recap-table.svelte-mea1h2{display:flex;flex-direction:column}.recap-row.svelte-mea1h2{display:grid;grid-template-columns:1.2fr 2.2fr 2.2fr 1.3fr 1.3fr;gap:14px;align-items:center;padding:12px 6px;border-top:1px solid var(--line);border-radius:var(--radius-sm);animation:rowFadeIn var(--dur-enter) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms);transition:background var(--dur-normal) var(--ease),padding-left var(--dur-normal) var(--ease)}.recap-row.svelte-mea1h2:hover:not(.recap-th){background:var(--surface-alt);padding-left:12px}.recap-row.recap-th.svelte-mea1h2{border-top:0;padding:0 6px 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;animation:none}.recap-row.flagged.svelte-mea1h2{background:var(--alpa-soft)}.recap-row.flagged.svelte-mea1h2:hover{background:color-mix(in oklab,var(--alpa-soft) 80%,var(--surface-alt))}.recap-kelas.svelte-mea1h2{font-weight:600}.recap-bar.svelte-mea1h2{display:flex;align-items:center;gap:8px}.recap-bar.svelte-mea1h2 .bar:where(.svelte-mea1h2){flex:1;height:6px;background:var(--surface-alt);border-radius:999px;overflow:hidden}.recap-bar.svelte-mea1h2 .fill:where(.svelte-mea1h2){display:block;height:100%;border-radius:999px;transition:width .6s var(--ease-out-expo)}.recap-bar.svelte-mea1h2 .fill.piket:where(.svelte-mea1h2){background:var(--piket)}.recap-bar.svelte-mea1h2 .fill.sholat:where(.svelte-mea1h2){background:var(--sholat)}.bar-val.svelte-mea1h2{font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;min-width:38px;text-align:right}.recap-perpus.svelte-mea1h2{color:var(--ink-soft);font-size:12.5px}.status-pill.svelte-mea1h2{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;transition:transform var(--dur-fast) var(--ease-spring)}.status-pill.svelte-mea1h2:hover{transform:scale(1.05)}.status-pill.svelte-mea1h2:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.ok.svelte-mea1h2{background:var(--hadir-soft);color:var(--hadir)}.status-pill.ok.svelte-mea1h2:before{background:var(--hadir)}.status-pill.danger.svelte-mea1h2{background:var(--alpa-soft);color:var(--alpa)}.status-pill.danger.svelte-mea1h2:before{background:var(--alpa)}.recap-empty.svelte-mea1h2{padding:18px 0;color:var(--ink-faint);font-size:13px}@media(max-width:620px){.recap-row.svelte-mea1h2{grid-template-columns:1fr 1.5fr 1.5fr 1fr;gap:8px;font-size:12.5px}}.chart-container.svelte-2pxauf{position:relative;width:100%}.trend.svelte-2pxauf{width:100%;height:var(--h);display:block;animation:svelte-2pxauf-chartIn .7s var(--ease-out-expo) .1s both;cursor:crosshair}.grid.svelte-2pxauf{stroke:var(--line);stroke-width:1}.ytick.svelte-2pxauf{font-size:10px;fill:var(--ink-faint);font-family:JetBrains Mono,monospace}.xtick.svelte-2pxauf{font-size:10px;fill:var(--ink-faint)}.area.svelte-2pxauf{opacity:.12;animation:svelte-2pxauf-areaIn .6s var(--ease) .4s both}.line.svelte-2pxauf{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--total-len, 2000px);stroke-dashoffset:0;animation:svelte-2pxauf-draw 1.1s var(--ease-out-expo) both}.dot.svelte-2pxauf{opacity:1;animation:svelte-2pxauf-dotIn var(--dur-normal) var(--ease) both}.crosshair.svelte-2pxauf{stroke:var(--ink-soft);stroke-width:1;stroke-dasharray:4 4;opacity:.7;pointer-events:none}.hover-dot.svelte-2pxauf{stroke:#fff;stroke-width:2;pointer-events:none}.hover-ring.svelte-2pxauf{fill:none;stroke-width:1.5;opacity:.4;pointer-events:none;animation:svelte-2pxauf-pulseRing 1s ease infinite}.tooltip.svelte-2pxauf{position:absolute;top:6px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 8px);padding:8px 12px;box-shadow:0 8px 24px #0000001f;pointer-events:none;min-width:120px;animation:fadeIn .15s ease backwards}.tooltip-head.svelte-2pxauf{font-size:11px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:6px}.tooltip-items.svelte-2pxauf{display:flex;flex-direction:column;gap:4px}.tooltip-row.svelte-2pxauf{display:flex;align-items:center;gap:6px;font-size:11.5px}.dot-color.svelte-2pxauf{width:7px;height:7px;border-radius:50%;flex-shrink:0}.row-name.svelte-2pxauf{color:var(--ink-soft);text-transform:capitalize;flex:1}.row-val.svelte-2pxauf{font-weight:700;font-family:JetBrains Mono,monospace;color:var(--ink)}@keyframes svelte-2pxauf-pulseRing{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:.2}to{transform:scale(.9);opacity:.6}}@keyframes svelte-2pxauf-areaIn{0%{opacity:0}to{opacity:.12}}@keyframes svelte-2pxauf-draw{0%{stroke-dashoffset:var(--total-len, 2000px)}to{stroke-dashoffset:0}}@keyframes svelte-2pxauf-dotIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-2pxauf-chartIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.area.svelte-2pxauf,.line.svelte-2pxauf,.dot.svelte-2pxauf,.trend.svelte-2pxauf,.tooltip.svelte-2pxauf{animation:none}}.kp-card.svelte-13aynb8{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);padding:20px;animation:fadeUp var(--dur-enter) var(--ease) backwards;transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease)}.kp-card.svelte-13aynb8:hover{box-shadow:var(--shadow)}.kp-card-head.svelte-13aynb8{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.head-info.svelte-13aynb8 h3:where(.svelte-13aynb8){font-size:15px;margin:0;font-weight:700}.sub.svelte-13aynb8{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.kp-mini-load.svelte-13aynb8{padding:40px 0;text-align:center;color:var(--ink-faint);font-size:13px}.kp-mini-load.err.svelte-13aynb8{flex-direction:column;gap:10px;background:#ffebeba6;color:var(--ink)}.retry-btn.svelte-13aynb8{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:600;padding:6px 14px;border-radius:99px;cursor:pointer}.retry-btn.svelte-13aynb8:hover{border-color:var(--kepsek);color:var(--kepsek)}.chart-wrap.svelte-13aynb8{position:relative}.chart-wrap.svelte-13aynb8 .kp-mini-load:where(.svelte-13aynb8){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;pointer-events:none}.legend.svelte-13aynb8{display:flex;gap:16px;margin-top:10px}.lg.svelte-13aynb8{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.lg.svelte-13aynb8 i:where(.svelte-13aynb8){width:10px;height:10px;border-radius:3px;display:inline-block}.kp-card.svelte-brpya2{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);padding:20px;animation:fadeUp var(--dur-enter) var(--ease) backwards;transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease)}.kp-card.svelte-brpya2:hover{box-shadow:var(--shadow)}.kp-card-head.svelte-brpya2{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.kp-card-head.svelte-brpya2 h3:where(.svelte-brpya2){font-size:15px;margin:0;font-weight:700}.sub.svelte-brpya2{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.table-scroll.svelte-brpya2{overflow-x:auto}table.svelte-brpya2{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-brpya2 th:where(.svelte-brpya2){text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:700}tbody.svelte-brpya2 td:where(.svelte-brpya2){padding:9px 10px;border-bottom:1px solid var(--line-soft)}tbody.svelte-brpya2 tr:where(.svelte-brpya2){animation:rowFadeIn var(--dur-enter) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms);transition:background var(--dur-normal) var(--ease)}tbody.svelte-brpya2 tr:where(.svelte-brpya2):hover{background:var(--surface-alt)}tbody.svelte-brpya2 tr:where(.svelte-brpya2):hover td:where(.svelte-brpya2):first-child{box-shadow:inset 3px 0 0 var(--role-accent, var(--kepsek))}.bar-cell.svelte-brpya2{min-width:120px}.bar.svelte-brpya2{display:inline-block;width:70px;height:7px;background:var(--line);border-radius:99px;vertical-align:middle;overflow:hidden}.bar.svelte-brpya2 .fill:where(.svelte-brpya2){display:block;height:100%;border-radius:99px;transition:width .6s var(--ease-out-expo)}.bar-val.svelte-brpya2{margin-left:8px;font-size:12px;font-weight:700;color:var(--ink)}.mono.svelte-brpya2{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.status-pill.svelte-brpya2{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;transition:transform var(--dur-fast) var(--ease-spring)}.status-pill.svelte-brpya2:hover{transform:scale(1.05)}.status-pill.svelte-brpya2:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.ok.svelte-brpya2{background:var(--hadir-soft);color:var(--hadir)}.status-pill.ok.svelte-brpya2:before{background:var(--hadir)}.status-pill.danger.svelte-brpya2{background:var(--alpa-soft);color:var(--alpa)}.status-pill.danger.svelte-brpya2:before{background:var(--alpa)}.empty-row.svelte-brpya2 td:where(.svelte-brpya2){text-align:center;color:var(--ink-faint);padding:22px}@media(max-width:640px){table.svelte-brpya2,thead.svelte-brpya2,tbody.svelte-brpya2,tr.svelte-brpya2,td.svelte-brpya2{display:block}thead.svelte-brpya2{display:none}tbody.svelte-brpya2{display:flex;flex-direction:column;gap:10px}tbody.svelte-brpya2 tr:where(.svelte-brpya2){display:grid;grid-template-columns:repeat(5,1fr);gap:4px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}tbody.svelte-brpya2 tr:where(.svelte-brpya2):hover{background:var(--surface)}tbody.svelte-brpya2 tr:where(.svelte-brpya2):hover td:where(.svelte-brpya2):first-child{box-shadow:none}td.svelte-brpya2{border:0;padding:2px 0}td.svelte-brpya2:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}td[data-label=""].svelte-brpya2:before{display:none}td[data-label=Kelas].svelte-brpya2{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Kehadiran].svelte-brpya2{grid-column:1 / -1}.bar-cell.svelte-brpya2{min-width:0}td[data-label=""].svelte-brpya2{grid-column:1 / -1;display:flex;justify-content:flex-end}.empty-row.svelte-brpya2{display:block;grid-template-columns:1fr}.empty-row.svelte-brpya2 td:where(.svelte-brpya2){text-align:center;padding:18px}.empty-row.svelte-brpya2 td:where(.svelte-brpya2):before{display:none}}.kp-card.svelte-llxu8h{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);padding:20px;margin-top:24px;animation:fadeUp var(--dur-enter) var(--ease) backwards;transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease)}.kp-card.svelte-llxu8h:hover{box-shadow:var(--shadow)}.kp-card-head.svelte-llxu8h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.kp-card-head.svelte-llxu8h h3:where(.svelte-llxu8h){font-size:15px;margin:0;font-weight:700}.sub.svelte-llxu8h{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.table-scroll.svelte-llxu8h{overflow-x:auto}table.svelte-llxu8h{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-llxu8h th:where(.svelte-llxu8h){text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:700}tbody.svelte-llxu8h td:where(.svelte-llxu8h){padding:9px 10px;border-bottom:1px solid var(--line-soft)}tbody.svelte-llxu8h tr:where(.svelte-llxu8h){animation:rowFadeIn var(--dur-enter) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms);transition:background var(--dur-normal) var(--ease)}tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover{background:var(--surface-alt)}tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover td:where(.svelte-llxu8h):first-child{box-shadow:inset 3px 0 0 var(--role-accent, var(--kepsek))}.mono.svelte-llxu8h{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.muted.svelte-llxu8h{color:var(--ink-faint)}.dot-tl.svelte-llxu8h,.dot-al.svelte-llxu8h{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot-tl.svelte-llxu8h{background:var(--terlambat)}.dot-al.svelte-llxu8h{background:var(--alpa)}.empty-row.svelte-llxu8h td:where(.svelte-llxu8h){text-align:center;color:var(--ink-faint);padding:22px}@media(max-width:640px){table.svelte-llxu8h,thead.svelte-llxu8h,tbody.svelte-llxu8h,tr.svelte-llxu8h,td.svelte-llxu8h{display:block}thead.svelte-llxu8h{display:none}tbody.svelte-llxu8h{display:flex;flex-direction:column;gap:10px}tbody.svelte-llxu8h tr:where(.svelte-llxu8h){display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover{background:var(--surface)}tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover td:where(.svelte-llxu8h):first-child{box-shadow:none}td.svelte-llxu8h{border:0;padding:2px 0}td.svelte-llxu8h:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}td[data-label=""].svelte-llxu8h:before{display:none}.num-cell.svelte-llxu8h{display:none}td[data-label=Nama].svelte-llxu8h{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Kelas].svelte-llxu8h{grid-column:1 / -1}.empty-row.svelte-llxu8h{display:block;grid-template-columns:1fr}.empty-row.svelte-llxu8h td:where(.svelte-llxu8h){text-align:center;padding:18px}.empty-row.svelte-llxu8h td:where(.svelte-llxu8h):before{display:none}}.kp-split.svelte-1t2klra{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:24px}@media(max-width:860px){.kp-split.svelte-1t2klra{grid-template-columns:1fr}}.modal-form.svelte-10dj4u0{display:flex;flex-direction:column;gap:12px}.modal-form.svelte-10dj4u0 h3:where(.svelte-10dj4u0){margin:0 0 6px;font-size:18px;font-family:Fraunces,serif}.modal-form.svelte-10dj4u0 label:where(.svelte-10dj4u0){display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.modal-form.svelte-10dj4u0 input:where(.svelte-10dj4u0),.modal-form.svelte-10dj4u0 textarea:where(.svelte-10dj4u0){width:100%;font-size:13px}.modal-form.svelte-10dj4u0 .sel-wrap{width:100%}.modal-form.svelte-10dj4u0 .sel-trigger{height:36px;padding:0 32px 0 10px;border-radius:8px;font-size:13px}.modal-form.svelte-10dj4u0 textarea:where(.svelte-10dj4u0){resize:vertical;max-width:100%;max-height:200px}.modal-form.svelte-10dj4u0 .check:where(.svelte-10dj4u0){flex-direction:row;align-items:center}.modal-form.svelte-10dj4u0 .check:where(.svelte-10dj4u0) input:where(.svelte-10dj4u0){width:auto}.form-notice.svelte-10dj4u0{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--alpa-soft);color:var(--alpa);border-radius:8px;font-size:12px}.form-note.svelte-10dj4u0{font-size:12px;color:var(--ink-soft);background:var(--surface-alt);padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);margin:0}.file-label.svelte-10dj4u0{gap:8px}.foto-prev.svelte-10dj4u0{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.file-hint.svelte-10dj4u0{font-size:11.5px;color:var(--ink-soft);font-weight:500}.modal-actions.svelte-10dj4u0{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.profile.svelte-l4b8q9{display:flex;flex-direction:column;gap:18px}.profile-head.svelte-l4b8q9{display:flex;gap:14px;align-items:center}.profile-foto.svelte-l4b8q9{width:76px;height:76px;border-radius:14px;border:1px solid var(--line);flex-shrink:0;overflow:hidden;padding:0;background:var(--surface-soft);transition:box-shadow var(--dur-normal) var(--ease)}.profile-foto.svelte-l4b8q9:hover{box-shadow:var(--shadow)}.profile-foto.svelte-l4b8q9 img:where(.svelte-l4b8q9){width:100%;height:100%;object-fit:cover;display:block}.foto-btn.svelte-l4b8q9{cursor:pointer;transition:box-shadow var(--dur-normal) var(--ease),transform var(--dur-fast) var(--ease-spring)}.foto-btn.svelte-l4b8q9:hover,.foto-btn.svelte-l4b8q9:focus-visible{box-shadow:0 0 0 3px #77716540;outline:none;transform:scale(1.03)}.profile-foto.placeholder.svelte-l4b8q9{display:grid;place-items:center;background:var(--surface-soft);color:var(--ink-soft);font-weight:700;font-size:22px;font-family:JetBrains Mono,monospace}.profile-id.svelte-l4b8q9 h3:where(.svelte-l4b8q9){margin:0 0 3px;font-size:18px}.profile-sub.svelte-l4b8q9{font-size:12.5px;color:var(--ink-soft);margin-bottom:6px}.mono.svelte-l4b8q9{font-family:JetBrains Mono,monospace;font-size:12px}.badge-role.svelte-l4b8q9{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase}.profile-grid.svelte-l4b8q9{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0}.profile-grid.svelte-l4b8q9 .full:where(.svelte-l4b8q9){grid-column:1 / -1}.profile-grid.svelte-l4b8q9 dt:where(.svelte-l4b8q9){font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:2px}.profile-grid.svelte-l4b8q9 dd:where(.svelte-l4b8q9){margin:0;font-size:14px;color:var(--ink);word-break:break-word}.profile-actions.svelte-l4b8q9{display:flex;gap:8px}.profile-actions.svelte-l4b8q9 .btn:where(.svelte-l4b8q9){flex:1}.qr-modal.svelte-1pzh6bn{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.qr-modal.svelte-1pzh6bn h3:where(.svelte-1pzh6bn){font-size:18px;margin:0}.qr-modal.svelte-1pzh6bn .sub:where(.svelte-1pzh6bn){font-size:12.5px;color:var(--ink-soft);margin:0 0 6px}.qr-foto.svelte-1pzh6bn{width:88px;height:88px;border-radius:12px;object-fit:cover;border:1px solid var(--line);margin-bottom:4px}.qr-img.svelte-1pzh6bn{width:240px;height:240px;margin:8px 0;border-radius:10px;border:1px solid var(--line);transition:transform var(--dur-normal) var(--ease-spring)}.qr-img.svelte-1pzh6bn:hover{transform:scale(1.02)}.qr-actions.svelte-1pzh6bn{display:flex;gap:8px;margin:6px 0 2px;width:100%}.qr-actions.svelte-1pzh6bn .btn:where(.svelte-1pzh6bn){flex:1}.qr-print.svelte-1pzh6bn{display:none}@media print{body.print-mode-qr .card,body.print-mode-qr .modal-bg{display:none!important}body.print-mode-qr .qr-print{display:flex!important;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff}.qp-card.svelte-1pzh6bn{width:320px;padding:24px 20px;border:2px solid #1c1a14;border-radius:16px;text-align:center;background:#fff;color:#1c1a14;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:10px}.qp-logo.svelte-1pzh6bn{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.qp-logo-sub.svelte-1pzh6bn{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8472}.qp-foto.svelte-1pzh6bn{width:92px;height:92px;border-radius:12px;object-fit:cover;border:1px solid #e4dfd2}.qp-qr-wrap.svelte-1pzh6bn{padding:10px;background:#fff;border:1px solid #ece7da;border-radius:12px}.qp-qr.svelte-1pzh6bn{display:block;width:232px;height:232px}.qp-name.svelte-1pzh6bn{font-size:18px;font-weight:700;color:#1c1a14}.qp-meta.svelte-1pzh6bn{font-size:12.5px;color:#6b6657}}.lightbox.svelte-5xi9ys{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-bg.svelte-5xi9ys{position:absolute;top:0;right:0;bottom:0;left:0;background:#030101d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;cursor:pointer;width:100%;height:100%}.lightbox-img.svelte-5xi9ys{position:relative;z-index:1;max-width:min(90vw,560px);max-height:85vh;border-radius:16px;box-shadow:0 24px 64px #00000080;object-fit:contain;border:1px solid oklch(1 0 0 / .12)}.lightbox-close.svelte-5xi9ys{position:absolute;top:20px;right:20px;z-index:2;background:#ffffff1f;border:1px solid oklch(1 0 0 / .2);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.lightbox-close.svelte-5xi9ys:hover{background:#ffffff40;transform:scale(1.08)}.empty-notice.svelte-2lrzte{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px}.empty-notice.warning.svelte-2lrzte{background:var(--terlambat-soft);color:var(--terlambat);border-bottom:1px solid color-mix(in oklab,var(--terlambat) 25%,transparent)}.empty-notice.warning.svelte-2lrzte b:where(.svelte-2lrzte){color:var(--ink)}.empty-notice.svelte-2lrzte svg{flex-shrink:0}.siswa-toolbar.svelte-2lrzte{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.siswa-search.svelte-2lrzte{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.siswa-search.svelte-2lrzte svg{position:absolute;left:12px;color:var(--ink-faint);pointer-events:none}.siswa-search.svelte-2lrzte input:where(.svelte-2lrzte){width:100%;padding-left:36px;font-size:13px}.fchips.svelte-2lrzte{display:flex;gap:6px;flex-wrap:wrap}.fchip.svelte-2lrzte{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease);display:inline-flex;align-items:center;gap:6px}.fchip.svelte-2lrzte:hover{border-color:var(--ink-faint)}.fchip.active.svelte-2lrzte{background:var(--role-accent, var(--ink));color:#fff;border-color:var(--role-accent, var(--ink))}.fchip-n.svelte-2lrzte{font-size:10px;padding:1px 5px;border-radius:99px;background:color-mix(in oklab,currentColor 15%,transparent)}.table-scroll.svelte-2lrzte{overflow-x:auto}table.svelte-2lrzte{width:100%;border-collapse:collapse;font-size:13px}th.svelte-2lrzte,td.svelte-2lrzte{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-2lrzte{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface)}tbody.svelte-2lrzte tr:where(.svelte-2lrzte){transition:background var(--dur-fast) var(--ease)}tbody.svelte-2lrzte tr:where(.svelte-2lrzte):hover{background:var(--surface-soft)}tr.nonaktif.svelte-2lrzte{opacity:.55}.mono.svelte-2lrzte{font-family:JetBrains Mono,monospace;font-size:12px}.badge.svelte-2lrzte{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.datang.svelte-2lrzte{background:var(--piket-soft);color:var(--piket)}.badge.alpa.svelte-2lrzte{background:var(--alpa-soft);color:var(--alpa)}.badge.ok.svelte-2lrzte{background:var(--hadir-soft);color:var(--hadir)}.badge.izin.svelte-2lrzte{background:var(--sholat-soft);color:var(--sholat)}.badge.sakit.svelte-2lrzte{background:var(--perpus-soft);color:var(--perpus)}.badge.lulus.svelte-2lrzte{background:var(--surface-alt);color:var(--ink-soft)}.badge.pindah.svelte-2lrzte,.badge.keluar.svelte-2lrzte{background:var(--alpa-soft);color:var(--alpa)}.badge-muted.svelte-2lrzte{color:var(--ink-faint)}.empty-row.svelte-2lrzte{text-align:center;color:var(--ink-faint);padding:24px}.actions.svelte-2lrzte{text-align:right;white-space:nowrap}.actions.svelte-2lrzte .btn:where(.svelte-2lrzte){margin-left:6px}@media(max-width:640px){.table-scroll.svelte-2lrzte{overflow:visible}.table-scroll.svelte-2lrzte table:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte thead:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte tr:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte td:where(.svelte-2lrzte){display:block}.table-scroll.svelte-2lrzte thead:where(.svelte-2lrzte){display:none}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr:where(.svelte-2lrzte){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr:where(.svelte-2lrzte):hover{background:var(--surface)}.table-scroll.svelte-2lrzte td:where(.svelte-2lrzte){border:0;padding:2px 0}.table-scroll.svelte-2lrzte td:where(.svelte-2lrzte):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-2lrzte td[data-label=""]:where(.svelte-2lrzte):before{display:none}td[data-label=Nama].svelte-2lrzte{grid-column:1 / -1;font-size:14px}td[data-label=Status].svelte-2lrzte{grid-column:1 / -1}.actions.svelte-2lrzte{grid-column:1 / -1;text-align:left;white-space:normal;display:grid;grid-template-columns:1fr 1fr;gap:6px}.actions.svelte-2lrzte:before{display:none!important}.actions.svelte-2lrzte .btn:where(.svelte-2lrzte){margin-left:0;padding:6px 8px;font-size:12px;justify-content:center}.empty-row.svelte-2lrzte{display:block;text-align:center;padding:18px}.empty-row.svelte-2lrzte:before{display:none}}.wali-hint.svelte-5xspyn{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--surface-soft);border:1px dashed var(--line);border-radius:var(--radius-sm);font-size:11.5px;color:var(--ink-soft);line-height:1.45}.wali-hint.svelte-5xspyn svg{flex-shrink:0;margin-top:1px;color:var(--terlambat, var(--accent))}.wali-hint.svelte-5xspyn b:where(.svelte-5xspyn){color:var(--ink)}.empty-notice.svelte-5xspyn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px}.siswa-toolbar.svelte-5xspyn{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.siswa-search.svelte-5xspyn{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.siswa-search.svelte-5xspyn svg{position:absolute;left:12px;color:var(--ink-faint);pointer-events:none}.siswa-search.svelte-5xspyn input:where(.svelte-5xspyn){width:100%;padding-left:36px;font-size:13px}.table-scroll.svelte-5xspyn{overflow-x:auto}table.svelte-5xspyn{width:100%;border-collapse:collapse;font-size:13px}th.svelte-5xspyn,td.svelte-5xspyn{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-5xspyn{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface)}tbody.svelte-5xspyn tr:where(.svelte-5xspyn){transition:background var(--dur-fast) var(--ease)}tbody.svelte-5xspyn tr:where(.svelte-5xspyn):hover{background:var(--surface-soft)}.mono.svelte-5xspyn{font-family:JetBrains Mono,monospace;font-size:12px}.empty-row.svelte-5xspyn{text-align:center;color:var(--ink-faint);padding:24px}.actions.svelte-5xspyn{text-align:right;white-space:nowrap}.modal-form.svelte-5xspyn{display:flex;flex-direction:column;gap:14px}.modal-form.svelte-5xspyn h3:where(.svelte-5xspyn){margin:0 0 6px;font-size:18px;font-family:Fraunces,serif}.modal-form.svelte-5xspyn label:where(.svelte-5xspyn){display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.modal-form.svelte-5xspyn input:where(.svelte-5xspyn){width:100%;font-size:13px}.modal-form.svelte-5xspyn .sel-wrap{width:100%}.modal-form.svelte-5xspyn .sel-trigger{height:36px;padding:0 32px 0 10px;border-radius:8px;font-size:13px}.modal-actions.svelte-5xspyn{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media(max-width:640px){.table-scroll.svelte-5xspyn{overflow:visible}.table-scroll.svelte-5xspyn table:where(.svelte-5xspyn),.table-scroll.svelte-5xspyn thead:where(.svelte-5xspyn),.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn),.table-scroll.svelte-5xspyn tr:where(.svelte-5xspyn),.table-scroll.svelte-5xspyn td:where(.svelte-5xspyn){display:block}.table-scroll.svelte-5xspyn thead:where(.svelte-5xspyn){display:none}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr:where(.svelte-5xspyn){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr:where(.svelte-5xspyn):hover{background:var(--surface)}.table-scroll.svelte-5xspyn td:where(.svelte-5xspyn){border:0;padding:2px 0}.table-scroll.svelte-5xspyn td:where(.svelte-5xspyn):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-5xspyn td[data-label=""]:where(.svelte-5xspyn):before{display:none}td[data-label=Kelas].svelte-5xspyn{grid-column:1 / -1;font-size:14px}.actions.svelte-5xspyn{grid-column:1 / -1;text-align:left;white-space:normal;display:grid;grid-template-columns:1fr;gap:6px}.actions.svelte-5xspyn:before{display:none!important}.actions.svelte-5xspyn .btn:where(.svelte-5xspyn){margin-left:0;padding:6px 8px;font-size:12px;justify-content:center}.empty-row.svelte-5xspyn{display:block;text-align:center;padding:18px}.empty-row.svelte-5xspyn:before{display:none}}.filter-row.svelte-wcdx5b{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filter-row.svelte-wcdx5b label:where(.svelte-wcdx5b){display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.filter-row.svelte-wcdx5b .sel-wrap{min-width:160px;width:auto}.filter-row.svelte-wcdx5b .sel-trigger{height:34px;padding:0 32px 0 8px;border-radius:8px;font-size:13px}.izin-chips.svelte-wcdx5b{display:flex;gap:4px}.fchips.svelte-wcdx5b{display:flex;gap:6px;flex-wrap:wrap}.fchip.svelte-wcdx5b{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.fchip.svelte-wcdx5b:hover{border-color:var(--ink-faint)}.fchip.active.svelte-wcdx5b{background:var(--role-accent, var(--ink));color:#fff;border-color:var(--role-accent, var(--ink))}.siswa-search.svelte-wcdx5b{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.siswa-search.svelte-wcdx5b svg{position:absolute;left:12px;color:var(--ink-faint);pointer-events:none}.siswa-search.svelte-wcdx5b input:where(.svelte-wcdx5b){width:100%;padding-left:36px;font-size:13px}.table-scroll.svelte-wcdx5b{overflow-x:auto}table.svelte-wcdx5b{width:100%;border-collapse:collapse;font-size:13px}th.svelte-wcdx5b,td.svelte-wcdx5b{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-wcdx5b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface)}tbody.svelte-wcdx5b tr:where(.svelte-wcdx5b){transition:background var(--dur-fast) var(--ease)}tbody.svelte-wcdx5b tr:where(.svelte-wcdx5b):hover{background:var(--surface-soft)}.mono.svelte-wcdx5b{font-family:JetBrains Mono,monospace;font-size:12px}.mono.small.svelte-wcdx5b{font-size:11px;color:var(--ink-faint)}.ket-col.svelte-wcdx5b{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.svelte-wcdx5b{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.datang.svelte-wcdx5b{background:var(--piket-soft);color:var(--piket)}.badge.sholat.svelte-wcdx5b{background:var(--sholat-soft);color:var(--sholat)}.badge.perpus.svelte-wcdx5b{background:var(--perpus-soft);color:var(--perpus)}.badge.izin.svelte-wcdx5b{background:var(--izin-soft);color:var(--izin)}.badge.sakit.svelte-wcdx5b{background:var(--sakit-soft);color:var(--sakit)}.badge.alpa.svelte-wcdx5b{background:var(--alpa-soft);color:var(--alpa)}.action-cell.svelte-wcdx5b{text-align:right;white-space:nowrap}.icon-btn.svelte-wcdx5b{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--ink-faint);transition:all var(--dur-fast) var(--ease)}.icon-btn.svelte-wcdx5b:hover{background:var(--surface-alt);color:var(--ink)}.icon-btn.danger.svelte-wcdx5b:hover{background:var(--alpa-soft);color:var(--alpa)}.empty-row.svelte-wcdx5b{text-align:center;color:var(--ink-faint);padding:24px}.modal-form.svelte-wcdx5b{display:flex;flex-direction:column;gap:14px}.modal-form.svelte-wcdx5b h3:where(.svelte-wcdx5b){margin:0 0 4px;font-size:18px;font-family:Fraunces,serif}.form-sub.svelte-wcdx5b{font-size:12px;color:var(--ink-faint);margin:0 0 6px;line-height:1.4}.modal-form.svelte-wcdx5b label:where(.svelte-wcdx5b){display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.modal-form.svelte-wcdx5b input:where(.svelte-wcdx5b){width:100%;font-size:13px}.modal-form.svelte-wcdx5b .sel-wrap{width:100%}.modal-form.svelte-wcdx5b .sel-trigger{height:36px;padding:0 32px 0 10px;border-radius:8px;font-size:13px}.form-row.svelte-wcdx5b{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions.svelte-wcdx5b{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media(max-width:640px){.filter-row.svelte-wcdx5b{flex-direction:column;align-items:stretch}.filter-row.svelte-wcdx5b label:where(.svelte-wcdx5b){justify-content:space-between}.table-scroll.svelte-wcdx5b{overflow:visible}.table-scroll.svelte-wcdx5b table:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b thead:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b tr:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b td:where(.svelte-wcdx5b){display:block}.table-scroll.svelte-wcdx5b thead:where(.svelte-wcdx5b){display:none}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr:where(.svelte-wcdx5b){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr:where(.svelte-wcdx5b):hover{background:var(--surface)}.table-scroll.svelte-wcdx5b td:where(.svelte-wcdx5b){border:0;padding:2px 0}.table-scroll.svelte-wcdx5b td:where(.svelte-wcdx5b):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-wcdx5b td[data-label=""]:where(.svelte-wcdx5b):before{display:none}td[data-label=Siswa].svelte-wcdx5b{grid-column:1 / -1;font-size:14px}td[data-label=Keterangan].svelte-wcdx5b{grid-column:1 / -1;white-space:normal}.action-cell.svelte-wcdx5b{grid-column:1 / -1;display:flex;justify-content:flex-end}.action-cell.svelte-wcdx5b:before{display:none!important}.empty-row.svelte-wcdx5b{display:block;text-align:center;padding:18px}.empty-row.svelte-wcdx5b:before{display:none}}.siswa-toolbar.svelte-fpjky3{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.siswa-search.svelte-fpjky3{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.siswa-search.svelte-fpjky3 svg{position:absolute;left:12px;color:var(--ink-faint);pointer-events:none}.siswa-search.svelte-fpjky3 input:where(.svelte-fpjky3){width:100%;padding-left:36px;font-size:13px}.table-scroll.svelte-fpjky3{overflow-x:auto}table.svelte-fpjky3{width:100%;border-collapse:collapse;font-size:13px}th.svelte-fpjky3,td.svelte-fpjky3{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-fpjky3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface)}tbody.svelte-fpjky3 tr:where(.svelte-fpjky3){transition:background var(--dur-fast) var(--ease)}tbody.svelte-fpjky3 tr:where(.svelte-fpjky3):hover{background:var(--surface-soft)}.mono.svelte-fpjky3{font-family:JetBrains Mono,monospace;font-size:12px}.badge.svelte-fpjky3{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-alt);color:var(--ink-soft)}.badge.piket.svelte-fpjky3{background:var(--piket-soft);color:var(--piket)}.badge.perpus.svelte-fpjky3{background:var(--perpus-soft);color:var(--perpus)}.badge.sholat.svelte-fpjky3{background:var(--sholat-soft);color:var(--sholat)}.badge.admin.svelte-fpjky3{background:var(--admin-soft);color:var(--admin)}.badge.kepsek.svelte-fpjky3{background:var(--kepsek-soft);color:var(--kepsek)}.badge.wali_kelas.svelte-fpjky3{background:var(--wali-kelas-soft);color:var(--wali-kelas)}.empty-row.svelte-fpjky3{text-align:center;color:var(--ink-faint);padding:24px}.actions.svelte-fpjky3{text-align:right;white-space:nowrap}.actions.svelte-fpjky3 .btn:where(.svelte-fpjky3){margin-left:6px}.modal-form.svelte-fpjky3{display:flex;flex-direction:column;gap:14px}.modal-form.svelte-fpjky3 h3:where(.svelte-fpjky3){margin:0 0 6px;font-size:18px;font-family:Fraunces,serif}.modal-form.svelte-fpjky3 label:where(.svelte-fpjky3){display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.modal-form.svelte-fpjky3 input:where(.svelte-fpjky3){width:100%;font-size:13px}.modal-form.svelte-fpjky3 .sel-wrap{width:100%}.modal-form.svelte-fpjky3 .sel-trigger{height:36px;padding:0 32px 0 10px;border-radius:8px;font-size:13px}.modal-actions.svelte-fpjky3{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media(max-width:640px){.table-scroll.svelte-fpjky3{overflow:visible}.table-scroll.svelte-fpjky3 table:where(.svelte-fpjky3),.table-scroll.svelte-fpjky3 thead:where(.svelte-fpjky3),.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3),.table-scroll.svelte-fpjky3 tr:where(.svelte-fpjky3),.table-scroll.svelte-fpjky3 td:where(.svelte-fpjky3){display:block}.table-scroll.svelte-fpjky3 thead:where(.svelte-fpjky3){display:none}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr:where(.svelte-fpjky3){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr:where(.svelte-fpjky3):hover{background:var(--surface)}.table-scroll.svelte-fpjky3 td:where(.svelte-fpjky3){border:0;padding:2px 0}.table-scroll.svelte-fpjky3 td:where(.svelte-fpjky3):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-fpjky3 td[data-label=""]:where(.svelte-fpjky3):before{display:none}td[data-label=Nama].svelte-fpjky3{grid-column:1 / -1;font-size:14px}.actions.svelte-fpjky3{grid-column:1 / -1;text-align:left;white-space:normal;display:grid;grid-template-columns:1fr 1fr;gap:6px}.actions.svelte-fpjky3:before{display:none!important}.actions.svelte-fpjky3 .btn:where(.svelte-fpjky3){margin-left:0;padding:6px 8px;font-size:12px;justify-content:center}.empty-row.svelte-fpjky3{display:block;text-align:center;padding:18px}.empty-row.svelte-fpjky3:before{display:none}}.promo-view.svelte-19gz5q4{display:flex;flex-direction:column;gap:16px}.promo-intro.svelte-19gz5q4{display:flex;gap:14px;padding:16px 18px;align-items:flex-start}.pi-icon.svelte-19gz5q4{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--admin-soft);color:var(--admin)}.promo-intro.svelte-19gz5q4 h3:where(.svelte-19gz5q4){font-size:15px;margin:0 0 4px}.promo-intro.svelte-19gz5q4 p:where(.svelte-19gz5q4){font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.6}.panel-head.svelte-19gz5q4{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head.svelte-19gz5q4 h3:where(.svelte-19gz5q4){font-size:16px;margin:0}.panel-head.svelte-19gz5q4 .sub:where(.svelte-19gz5q4){font-size:12px;color:var(--ink-soft);margin-top:2px}.ta-input.svelte-19gz5q4{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-soft)}.ta-input.svelte-19gz5q4 input:where(.svelte-19gz5q4){height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-family:inherit;width:150px}.ta-input.svelte-19gz5q4 input:where(.svelte-19gz5q4):focus{outline:none;border-color:var(--admin)}.table-scroll.svelte-19gz5q4{overflow-x:auto}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr:where(.svelte-19gz5q4){animation:svelte-19gz5q4-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 30ms)}@keyframes svelte-19gz5q4-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-row.svelte-19gz5q4 td:where(.svelte-19gz5q4){text-align:center;padding:30px;color:var(--ink-faint);font-size:13px}.aksi-pick.svelte-19gz5q4{display:flex;gap:5px}.ap-chip.svelte-19gz5q4{height:28px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);font-size:11.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.ap-chip.svelte-19gz5q4:hover{border-color:var(--ink-faint);color:var(--ink)}.ap-chip.active.svelte-19gz5q4{background:var(--admin);border-color:var(--admin);color:#faf8f5}.ap-chip.lulus.active.svelte-19gz5q4{background:var(--alpa);border-color:var(--alpa)}td[data-label="Kelas Tujuan"].svelte-19gz5q4 .sel-wrap{width:100%;max-width:220px}td[data-label="Kelas Tujuan"].svelte-19gz5q4 .sel-trigger{height:30px;padding:0 30px 0 10px;border-radius:8px;font-size:12.5px}.lulus-note.svelte-19gz5q4{font-size:12px;color:var(--alpa);font-weight:600}.tetap-note.svelte-19gz5q4{font-size:12px;color:var(--ink-faint)}.promo-footer.svelte-19gz5q4{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line)}.promo-summary.svelte-19gz5q4{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-soft)}.promo-summary.svelte-19gz5q4 b:where(.svelte-19gz5q4){color:var(--ink)}.done-card.svelte-19gz5q4{display:flex;gap:10px;align-items:center;padding:14px 18px;font-size:13px;color:var(--hadir);background:var(--hadir-soft);border-color:var(--hadir)}.spinner.svelte-19gz5q4{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-19gz5q4-spin .8s linear infinite;display:inline-block}@keyframes svelte-19gz5q4-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.table-scroll.svelte-19gz5q4 table:where(.svelte-19gz5q4),.table-scroll.svelte-19gz5q4 thead:where(.svelte-19gz5q4),.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4),.table-scroll.svelte-19gz5q4 tr:where(.svelte-19gz5q4),.table-scroll.svelte-19gz5q4 td:where(.svelte-19gz5q4){display:block}.table-scroll.svelte-19gz5q4 thead:where(.svelte-19gz5q4){display:none}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr:where(.svelte-19gz5q4){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-19gz5q4 td:where(.svelte-19gz5q4){border:0;padding:2px 0}.table-scroll.svelte-19gz5q4 td:where(.svelte-19gz5q4):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}td[data-label=Kelas].svelte-19gz5q4{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Aksi].svelte-19gz5q4,td[data-label="Kelas Tujuan"].svelte-19gz5q4{grid-column:1 / -1}td[data-label="Kelas Tujuan"].svelte-19gz5q4 .sel-wrap{max-width:100%}.empty-row.svelte-19gz5q4{display:block}.empty-row.svelte-19gz5q4 td:where(.svelte-19gz5q4){text-align:center;padding:18px}.empty-row.svelte-19gz5q4 td:where(.svelte-19gz5q4):before{display:none}}.manage-admins.svelte-1xs5ssx{padding:0 16px 16px}.ma-header.svelte-1xs5ssx{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.ma-title.svelte-1xs5ssx{font-size:15px;font-weight:700;color:var(--ink)}.ma-sub.svelte-1xs5ssx{font-size:12px;color:var(--ink-soft)}.ma-loading.svelte-1xs5ssx,.ma-empty.svelte-1xs5ssx{text-align:center;padding:32px 16px;color:var(--ink-faint);font-size:13px}.ma-list.svelte-1xs5ssx{display:flex;flex-direction:column;gap:6px}.ma-item.svelte-1xs5ssx{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;transition:border-color var(--dur-fast) var(--ease)}.ma-item.svelte-1xs5ssx:hover{border-color:var(--role-accent)}.ma-name.svelte-1xs5ssx{font-size:14px;font-weight:600;color:var(--ink)}.ma-detail.svelte-1xs5ssx{font-size:12px;color:var(--ink-soft);margin-top:1px}.ma-actions.svelte-1xs5ssx{display:flex;gap:4px}.spinner.svelte-1xs5ssx{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-1xs5ssx-spin .8s linear infinite;display:inline-block}@keyframes svelte-1xs5ssx-spin{to{transform:rotate(360deg)}}.backup-restore.svelte-d53t58{padding:8px 16px 16px}.br-section.svelte-d53t58{padding:12px 0}.br-title.svelte-d53t58{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}.br-desc.svelte-d53t58{font-size:13px;color:var(--ink-soft);margin:0 0 12px;line-height:1.5}.br-divider.svelte-d53t58{border:none;border-top:1px solid var(--line);margin:4px 0}.file-btn.svelte-d53t58{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease)}.file-btn.svelte-d53t58:hover{border-color:var(--role-accent);background:var(--surface-alt)}.file-btn.svelte-d53t58 input:where(.svelte-d53t58){display:none}.preview-card.svelte-d53t58{margin-top:12px;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.preview-header.svelte-d53t58{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:10px}.preview-grid.svelte-d53t58{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-bottom:14px}.preview-item.svelte-d53t58{display:flex;justify-content:space-between;padding:6px 10px;background:var(--surface);border-radius:8px;font-size:12px}.preview-table.svelte-d53t58{color:var(--ink-soft)}.preview-count.svelte-d53t58{font-weight:700;color:var(--ink)}.asset-item.svelte-d53t58{border:1px dashed var(--line);background:var(--surface-soft)}.spinner.svelte-d53t58{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-d53t58-spin .8s linear infinite;display:inline-block}@keyframes svelte-d53t58-spin{to{transform:rotate(360deg)}}.settings-tabs.svelte-h4ya8k{display:flex;gap:4px;padding:4px;background:var(--surface-soft);border-radius:12px;margin:0 16px 16px}.settings-tabs.svelte-h4ya8k button:where(.svelte-h4ya8k){flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:9px;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.settings-tabs.svelte-h4ya8k button:where(.svelte-h4ya8k):hover{color:var(--ink);background:var(--surface-alt)}.settings-tabs.svelte-h4ya8k button.active:where(.svelte-h4ya8k){background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.settings-loading.svelte-h4ya8k{display:flex;align-items:center;gap:10px;padding:32px 18px;font-size:13px;color:var(--ink-soft)}.settings-form.svelte-h4ya8k{display:flex;flex-direction:column;gap:18px;padding:18px}.settings-grid.svelte-h4ya8k{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}@media(max-width:620px){.settings-grid.svelte-h4ya8k{grid-template-columns:1fr}}.settings-grid.svelte-h4ya8k label:where(.svelte-h4ya8k){display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.settings-grid.svelte-h4ya8k input:where(.svelte-h4ya8k){width:100%}.settings-grid.svelte-h4ya8k .sel-wrap{width:100%}.settings-grid.svelte-h4ya8k .sel-trigger{height:34px;padding:0 32px 0 11px;border-radius:10px;font-size:13px}.settings-section.svelte-h4ya8k{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.settings-section.svelte-h4ya8k h4:where(.svelte-h4ya8k){font-size:14px;margin:0}.settings-note.svelte-h4ya8k{font-size:12px;color:var(--ink-soft);margin:0;line-height:1.6}.section-head.svelte-h4ya8k{display:flex;align-items:flex-start;gap:12px}.section-icon.svelte-h4ya8k{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.sholat-icon.svelte-h4ya8k{background:var(--sholat-soft);color:var(--sholat)}.sholat-mode-tabs.svelte-h4ya8k{display:flex;gap:8px;padding:3px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;margin:4px 0 8px}.sm-tab.svelte-h4ya8k{flex:1;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--ink-soft);border-radius:7px;background:transparent;border:none;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.sm-tab.active.svelte-h4ya8k{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.sub-setting-title.svelte-h4ya8k{font-size:13px;font-weight:700;color:var(--ink);margin-top:10px}.sessions-checklist.svelte-h4ya8k{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:4px}.session-chip.svelte-h4ya8k{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:left;transition:all var(--dur-fast) var(--ease)}.session-chip.svelte-h4ya8k:hover{border-color:var(--sholat)}.session-chip.checked.svelte-h4ya8k{background:color-mix(in oklab,var(--sholat) 8%,var(--surface));border-color:var(--sholat)}.sc-check.svelte-h4ya8k{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--surface);background:var(--surface);flex-shrink:0;transition:all var(--dur-fast) var(--ease)}.session-chip.checked.svelte-h4ya8k .sc-check:where(.svelte-h4ya8k){background:var(--sholat);border-color:var(--sholat);color:#fff}.sc-meta.svelte-h4ya8k{flex:1;min-width:0;display:flex;flex-direction:column}.sc-name.svelte-h4ya8k{font-size:13px;font-weight:700;color:var(--ink)}.sc-desc.svelte-h4ya8k{font-size:11px;color:var(--ink-faint)}.sc-time.svelte-h4ya8k{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--sholat)}.field-hint.svelte-h4ya8k{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.preview-box.svelte-h4ya8k{margin-top:12px;padding:12px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}.pb-head.svelte-h4ya8k{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.pb-title.svelte-h4ya8k{font-size:12px;color:var(--ink-soft)}.pb-title.svelte-h4ya8k b:where(.svelte-h4ya8k){color:var(--ink)}.pb-tz.svelte-h4ya8k{font-size:11px;color:var(--ink-faint);font-family:JetBrains Mono,monospace}.pb-grid.svelte-h4ya8k{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px}.pb-item.svelte-h4ya8k{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.pb-item.dim.svelte-h4ya8k{opacity:.45}.pb-label.svelte-h4ya8k{font-size:11px;font-weight:600;color:var(--ink-soft)}.pb-time.svelte-h4ya8k{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--ink)}.pb-status.svelte-h4ya8k{font-size:10px;color:var(--sholat);font-weight:600}.pb-item.dim.svelte-h4ya8k .pb-status:where(.svelte-h4ya8k){color:var(--ink-faint)}.logo-row.svelte-h4ya8k{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color var(--dur-normal) var(--ease),box-shadow var(--dur-slow) var(--ease)}.logo-row.svelte-h4ya8k:hover{border-color:var(--ink-faint);box-shadow:var(--shadow-xs)}.logo-preview.svelte-h4ya8k{width:72px;height:72px;border-radius:12px;border:1px dashed var(--line);display:grid;place-items:center;background:var(--surface-soft);overflow:hidden;flex-shrink:0;transition:border-color var(--dur-normal) var(--ease)}.logo-row.svelte-h4ya8k:hover .logo-preview:where(.svelte-h4ya8k){border-color:var(--ink-faint)}.logo-preview.svelte-h4ya8k img:where(.svelte-h4ya8k){width:100%;height:100%;object-fit:contain}.logo-empty.svelte-h4ya8k{font-size:11px;color:var(--ink-faint);text-align:center;padding:4px}.logo-actions.svelte-h4ya8k{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.file-btn.svelte-h4ya8k{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease),transform var(--dur-fast) var(--ease-spring)}.file-btn.svelte-h4ya8k:hover{border-color:var(--role-accent);background:var(--surface-alt)}.file-btn.svelte-h4ya8k:active{transform:scale(.97)}.file-btn.svelte-h4ya8k input:where(.svelte-h4ya8k){display:none}.spinner.svelte-h4ya8k{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-h4ya8k-rotateGrad .8s linear infinite;display:inline-block}@keyframes svelte-h4ya8k-rotateGrad{to{transform:rotate(360deg)}}.app-shell.svelte-1jknolv{display:flex;min-height:100vh}.main-area.svelte-1jknolv{flex:1;min-width:0;animation:svelte-1jknolv-fadeIn var(--dur-enter) var(--ease) .1s backwards;transition:flex-basis .25s var(--ease, cubic-bezier(.4, 0, .2, 1))}.main-header.svelte-1jknolv{max-width:1180px;margin:0 auto;padding:28px 32px 0;border-bottom:1px solid var(--line)}.header-top.svelte-1jknolv{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.header-actions.svelte-1jknolv{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-top.svelte-1jknolv h2:where(.svelte-1jknolv){font-size:22px;margin:0;line-height:1.2;font-family:Fraunces,serif;font-weight:700}.header-sub.svelte-1jknolv{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.alert-badge.svelte-1jknolv{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:var(--alpa-soft);color:var(--alpa);font-size:12.5px;font-weight:600;border:1px solid color-mix(in oklab,var(--alpa) 25%,transparent)}.main-content.svelte-1jknolv{max-width:1180px;margin:0 auto;padding:24px 32px 64px}.view-slide.svelte-1jknolv{animation:svelte-1jknolv-viewSlide var(--dur-enter) var(--ease-out-expo)}@keyframes svelte-1jknolv-viewSlide{0%{opacity:0;transform:translate(calc(var(--slide-dir) * 24px))}to{opacity:1;transform:translate(0)}}@keyframes svelte-1jknolv-fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:860px){.app-shell.svelte-1jknolv{flex-direction:column}.main-header.svelte-1jknolv,.main-content.svelte-1jknolv{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){.view-slide.svelte-1jknolv{animation:none}}.kp-wrap.svelte-1rc7eks{min-width:0}.kp-loading.svelte-1rc7eks,.kp-error.svelte-1rc7eks{padding:40px;text-align:center;color:var(--ink-faint)}.kp-error.svelte-1rc7eks{color:var(--alpa)}.ov-grid.svelte-1rc7eks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:860px){.ov-grid.svelte-1rc7eks{grid-template-columns:repeat(2,1fr)}}.ov-card.svelte-1rc7eks{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;animation:fadeUp var(--dur-enter) var(--ease) backwards;transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease)}.ov-card.svelte-1rc7eks:hover{box-shadow:var(--shadow)}.ov-card.svelte-1rc7eks:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:.85}.ov-label.svelte-1rc7eks{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:600}.ov-value.svelte-1rc7eks{display:block;font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700;color:var(--ink);line-height:1.1;margin-top:6px}.ov-value.svelte-1rc7eks small:where(.svelte-1rc7eks){font-size:15px;font-weight:400;opacity:.6}.ov-delta.svelte-1rc7eks{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}.ov-delta.good.svelte-1rc7eks{color:var(--hadir)}.ov-delta.bad.svelte-1rc7eks{color:var(--alpa)}.ov-delta.flat.svelte-1rc7eks{color:var(--ink-faint)}.app-shell.svelte-1u5lf4v{display:flex;min-height:100vh}.main-area.svelte-1u5lf4v{flex:1;min-width:0;animation:fadeIn var(--dur-enter) var(--ease) .1s backwards;transition:flex-basis .25s var(--ease, cubic-bezier(.4, 0, .2, 1))}.main-header.svelte-1u5lf4v{max-width:1180px;margin:0 auto;padding:28px 32px 0;border-bottom:1px solid var(--line)}.header-top.svelte-1u5lf4v{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.header-actions.svelte-1u5lf4v{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-top.svelte-1u5lf4v h2:where(.svelte-1u5lf4v){font-size:22px;margin:0;line-height:1.2;font-family:Fraunces,serif;font-weight:700}.header-sub.svelte-1u5lf4v{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.main-content.svelte-1u5lf4v{max-width:1180px;margin:0 auto;padding:24px 32px 64px}.view-slide.svelte-1u5lf4v{animation:viewSlide var(--dur-enter) var(--ease-out-expo)}@media(max-width:860px){.app-shell.svelte-1u5lf4v{flex-direction:column}.main-header.svelte-1u5lf4v,.main-content.svelte-1u5lf4v{padding-left:18px;padding-right:18px}}.wk-wrap.svelte-u4063o{min-width:0}.wk-pick.svelte-u4063o{margin-bottom:24px}.wk-pick.svelte-u4063o label:where(.svelte-u4063o){font-size:12px;font-weight:600;color:var(--ink-soft);display:inline-flex;flex-direction:column;gap:6px}.wk-pick.svelte-u4063o .sel-wrap{min-width:220px;width:auto}.wk-pick.svelte-u4063o .sel-trigger{height:36px;padding:0 32px 0 12px;border-radius:10px;font-size:13px}.wk-loading.svelte-u4063o,.wk-error.svelte-u4063o{padding:40px;text-align:center;color:var(--ink-faint)}.wk-error.svelte-u4063o{color:var(--alpa)}.ov-grid.svelte-u4063o{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:900px){.ov-grid.svelte-u4063o{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ov-grid.svelte-u4063o{grid-template-columns:1fr}}.ov-card.svelte-u4063o{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;animation:fadeUp var(--dur-enter) var(--ease) backwards}.ov-card.svelte-u4063o:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:.85}.ov-label.svelte-u4063o{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:600}.ov-value.svelte-u4063o{display:block;font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700;color:var(--ink);line-height:1.1;margin-top:6px}.ov-value.svelte-u4063o small:where(.svelte-u4063o){font-size:15px;font-weight:400;opacity:.6}.ov-delta.svelte-u4063o{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:600;color:var(--ink-soft)}.ov-delta.bad.svelte-u4063o{color:var(--alpa)}.ov-delta.good.svelte-u4063o{color:var(--hadir)}.ov-delta.flat.svelte-u4063o{color:var(--ink-faint)}.badge.svelte-u4063o{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600}.badge.tepat.svelte-u4063o{background:var(--hadir-soft);color:var(--hadir)}.badge.terlambat.svelte-u4063o{background:var(--terlambat-soft);color:var(--terlambat)}.badge.izin.svelte-u4063o{background:var(--izin-soft);color:var(--izin)}.badge.sakit.svelte-u4063o{background:var(--sakit-soft);color:var(--sakit)}.badge.alpa.svelte-u4063o{background:var(--alpa-soft);color:var(--alpa);font-weight:700}.badge.pending.svelte-u4063o{background:var(--surface-alt);color:var(--ink-faint);border:1px solid var(--line)}.wk-card.svelte-u4063o{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);padding:20px;margin-bottom:24px;animation:fadeUp var(--dur-enter) var(--ease) backwards;transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease)}.wk-card.svelte-u4063o:hover{box-shadow:var(--shadow)}.wk-card-head.svelte-u4063o{margin-bottom:14px}.wk-card-head.svelte-u4063o h3:where(.svelte-u4063o){font-size:15px;margin:0;font-weight:700}.sub.svelte-u4063o{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.table-scroll.svelte-u4063o{overflow-x:auto}table.svelte-u4063o{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-u4063o th:where(.svelte-u4063o){text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:700}tbody.svelte-u4063o td:where(.svelte-u4063o){padding:9px 10px;border-bottom:1px solid var(--line-soft)}tbody.svelte-u4063o tr:where(.svelte-u4063o){animation:rowFadeIn var(--dur-enter) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms);transition:background var(--dur-normal) var(--ease)}tbody.svelte-u4063o tr:where(.svelte-u4063o):hover{background:var(--surface-alt)}tbody.svelte-u4063o tr:where(.svelte-u4063o):hover td:where(.svelte-u4063o):first-child{box-shadow:inset 3px 0 0 var(--role-accent)}.mono.svelte-u4063o{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.mono.good.svelte-u4063o{color:var(--hadir)}.mono.bad.svelte-u4063o{color:var(--alpa)}.muted.svelte-u4063o{color:var(--ink-faint)}.empty-row.svelte-u4063o td:where(.svelte-u4063o){text-align:center;color:var(--ink-faint);padding:22px}@media(max-width:640px){.table-scroll.svelte-u4063o table:where(.svelte-u4063o),.table-scroll.svelte-u4063o thead:where(.svelte-u4063o),.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o),.table-scroll.svelte-u4063o tr:where(.svelte-u4063o),.table-scroll.svelte-u4063o td:where(.svelte-u4063o){display:block}.table-scroll.svelte-u4063o thead:where(.svelte-u4063o){display:none}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr:where(.svelte-u4063o){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr:where(.svelte-u4063o):hover{background:var(--surface)}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr:where(.svelte-u4063o):hover td:where(.svelte-u4063o):first-child{box-shadow:none}.table-scroll.svelte-u4063o td:where(.svelte-u4063o){border:0;padding:2px 0}.table-scroll.svelte-u4063o td:where(.svelte-u4063o):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}.table-scroll.svelte-u4063o td[data-label=""]:where(.svelte-u4063o):before{display:none}.num-cell.svelte-u4063o{display:none}td[data-label=Nama].svelte-u4063o,td[data-label=Tanggal].svelte-u4063o{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Status].svelte-u4063o{grid-column:1 / -1}.empty-row.svelte-u4063o{display:block}.empty-row.svelte-u4063o td:where(.svelte-u4063o){text-align:center;padding:18px}.empty-row.svelte-u4063o td:where(.svelte-u4063o):before{display:none}}.wp-view.svelte-1rzev4y{display:flex;flex-direction:column;gap:16px}.wp-intro.svelte-1rzev4y{display:flex;gap:14px;padding:16px 18px;align-items:flex-start}.pi-icon.svelte-1rzev4y{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--wali-kelas-soft);color:var(--wali-kelas)}.wp-intro.svelte-1rzev4y h3:where(.svelte-1rzev4y){font-size:15px;margin:0 0 4px}.wp-intro.svelte-1rzev4y p:where(.svelte-1rzev4y){font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.6}.wp-state.svelte-1rzev4y{display:flex;align-items:center;gap:8px;padding:28px 18px;justify-content:center;font-size:13px;color:var(--ink-soft)}.panel-head.svelte-1rzev4y{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head.svelte-1rzev4y h3:where(.svelte-1rzev4y){font-size:16px;margin:0}.panel-head.svelte-1rzev4y .sub:where(.svelte-1rzev4y){font-size:12px;color:var(--ink-soft);margin-top:2px}.target-input.svelte-1rzev4y{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-soft)}.target-input.svelte-1rzev4y .sel-wrap{min-width:210px;width:auto}.target-input.svelte-1rzev4y .sel-trigger{height:34px;padding:0 32px 0 10px;border-radius:10px;font-size:12.5px}.table-scroll.svelte-1rzev4y{overflow-x:auto}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr:where(.svelte-1rzev4y){animation:svelte-1rzev4y-rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 25ms)}@keyframes svelte-1rzev4y-rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-row.svelte-1rzev4y td:where(.svelte-1rzev4y){text-align:center;padding:30px;color:var(--ink-faint);font-size:13px}.wp-chip.svelte-1rzev4y{height:26px;padding:0 10px;font-size:11px}.wp-chip.wp-naik.active.svelte-1rzev4y{background:var(--hadir)}.wp-chip.wp-lulus.active.svelte-1rzev4y{background:var(--pulang)}.wp-chip.wp-pindah.active.svelte-1rzev4y{background:var(--izin)}.wp-chip.wp-keluar.active.svelte-1rzev4y{background:var(--alpa)}.wp-chip.wp-tetap.active.svelte-1rzev4y{background:var(--ink)}.wp-footer.svelte-1rzev4y{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line)}.wp-summary.svelte-1rzev4y{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-soft)}.wp-summary.svelte-1rzev4y b:where(.svelte-1rzev4y){color:var(--ink)}.done-card.svelte-1rzev4y{display:flex;gap:10px;align-items:center;padding:14px 18px;font-size:13px;color:var(--hadir);background:var(--hadir-soft);border-color:var(--hadir)}.spinner.svelte-1rzev4y{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-1rzev4y-spin .8s linear infinite;display:inline-block}@keyframes svelte-1rzev4y-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.table-scroll.svelte-1rzev4y table:where(.svelte-1rzev4y),.table-scroll.svelte-1rzev4y thead:where(.svelte-1rzev4y),.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y),.table-scroll.svelte-1rzev4y tr:where(.svelte-1rzev4y),.table-scroll.svelte-1rzev4y td:where(.svelte-1rzev4y){display:block}.table-scroll.svelte-1rzev4y thead:where(.svelte-1rzev4y){display:none}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr:where(.svelte-1rzev4y){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px 14px}.table-scroll.svelte-1rzev4y td:where(.svelte-1rzev4y){border:0;padding:2px 0}.table-scroll.svelte-1rzev4y td:where(.svelte-1rzev4y):before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:1px}td[data-label=Siswa].svelte-1rzev4y{grid-column:1 / -1;order:-1;font-size:14px}td[data-label=Aksi].svelte-1rzev4y{grid-column:1 / -1}.fchips.svelte-1rzev4y{flex-wrap:wrap}.empty-row.svelte-1rzev4y{display:block}.empty-row.svelte-1rzev4y td:where(.svelte-1rzev4y){text-align:center;padding:18px}.empty-row.svelte-1rzev4y td:where(.svelte-1rzev4y):before{display:none}}.app-shell.svelte-azlxat{display:flex;min-height:100vh}.main-area.svelte-azlxat{flex:1;min-width:0;animation:fadeIn var(--dur-enter) var(--ease) .1s backwards;transition:flex-basis .25s var(--ease, cubic-bezier(.4, 0, .2, 1))}.main-header.svelte-azlxat{max-width:1180px;margin:0 auto;padding:28px 32px 0;border-bottom:1px solid var(--line)}.header-top.svelte-azlxat{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.header-top.svelte-azlxat h2:where(.svelte-azlxat){font-size:22px;margin:0;line-height:1.2;font-family:Fraunces,serif;font-weight:700}.header-sub.svelte-azlxat{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.main-content.svelte-azlxat{max-width:1180px;margin:0 auto;padding:24px 32px 64px}.view-slide.svelte-azlxat{animation:viewSlide var(--dur-enter) var(--ease-out-expo)}.wk-badge.svelte-azlxat{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:12.5px;font-weight:600}.header-actions.svelte-azlxat{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:860px){.app-shell.svelte-azlxat{flex-direction:column}.main-header.svelte-azlxat,.main-content.svelte-azlxat{padding-left:18px;padding-right:18px}}.wrap.svelte-1q7l584{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:99;align-items:center}.toast.svelte-1q7l584{display:flex;align-items:center;gap:10px;background:var(--sidebar-bg);color:#fff;padding:12px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;box-shadow:var(--shadow-xl);border:1px solid oklch(1 0 0 / .08);animation:svelte-1q7l584-toastIn var(--dur-slow) var(--ease-spring) backwards;animation-delay:calc(var(--i, 0) * 60ms);max-width:90vw;position:relative;overflow:hidden}.toast.svelte-1q7l584 .ic:where(.svelte-1q7l584){width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4ebe7d2e;color:#73ce95;flex-shrink:0}.toast.error.svelte-1q7l584 .ic:where(.svelte-1q7l584){background:#c5757633;color:#e6a3a2}.body.svelte-1q7l584 b:where(.svelte-1q7l584){font-weight:700}.body.svelte-1q7l584 span:where(.svelte-1q7l584){display:block;font-weight:500;font-size:12px;color:#ffffffa6}.progress.svelte-1q7l584{position:absolute;bottom:0;left:0;height:2px;background:#ffffff26;width:100%;animation:svelte-1q7l584-progressShrink 3s linear forwards;animation-delay:.3s;border-radius:0 0 var(--radius-pill) var(--radius-pill)}.toast.error.svelte-1q7l584 .progress:where(.svelte-1q7l584){background:#c575764d}@keyframes svelte-1q7l584-toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-1q7l584-progressShrink{0%{width:100%}to{width:0%}}.bg.svelte-19f0mlk{position:fixed;top:0;right:0;bottom:0;left:0;background:#0706038c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:60;padding:var(--space-5);animation:svelte-19f0mlk-fadeIn var(--dur-normal) var(--ease)}.dialog.svelte-19f0mlk{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 22px 20px;box-shadow:var(--shadow-2xl);animation:svelte-19f0mlk-dialogEnter var(--dur-slow) var(--ease-spring)}.head.svelte-19f0mlk{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ic.svelte-19f0mlk{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:#c47d041f;color:var(--accent);flex-shrink:0}.dialog.danger.svelte-19f0mlk .ic:where(.svelte-19f0mlk){background:#9e2c2c1f;color:#b94642;animation:svelte-19f0mlk-dangerPulse 2s var(--ease) infinite}.head.svelte-19f0mlk h3:where(.svelte-19f0mlk){margin:0;font-size:15.5px;font-weight:700;color:var(--ink)}.dialog.svelte-19f0mlk p:where(.svelte-19f0mlk){margin:0 0 18px;font-size:13.5px;line-height:1.6;color:var(--ink-soft)}.actions.svelte-19f0mlk{display:flex;justify-content:flex-end;gap:10px}.btn.svelte-19f0mlk{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--dur-normal) var(--ease),transform var(--dur-fast) var(--ease-spring)}.btn.svelte-19f0mlk:hover{border-color:var(--ink-soft)}.btn.svelte-19f0mlk:active{transform:scale(.97)}.btn.ghost.svelte-19f0mlk:hover{background:var(--surface-soft)}.btn.ok.svelte-19f0mlk{border:none;color:var(--bg);background:var(--ink);box-shadow:var(--shadow-sm)}.btn.ok.svelte-19f0mlk:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn.ok.svelte-19f0mlk:focus-visible,.btn.ghost.svelte-19f0mlk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog.danger.svelte-19f0mlk .btn.ok:where(.svelte-19f0mlk){background:linear-gradient(135deg,var(--alpa),oklch(.5 .14 25));color:#fff}.dialog.danger.svelte-19f0mlk .btn.ok:where(.svelte-19f0mlk):hover{box-shadow:var(--shadow-sm),0 4px 16px -4px #9e2c2c59}@keyframes svelte-19f0mlk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-19f0mlk-dialogEnter{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes svelte-19f0mlk-dangerPulse{0%,to{background:#9e2c2c1f}50%{background:#9e2c2c38}}:root{--bg: oklch(.96 .008 85);--bg-2: oklch(.94 .012 85);--surface: oklch(1 0 0);--surface-alt: oklch(.93 .012 85);--surface-soft: oklch(.98 .005 85);--ink: oklch(.2 .015 85);--ink-soft: oklch(.5 .03 80);--ink-faint: oklch(.68 .03 85);--line: oklch(.89 .015 85);--line-soft: oklch(.92 .015 85);--piket: oklch(.42 .05 210);--piket-glow: oklch(.72 .12 210);--piket-soft: oklch(.93 .015 210);--perpus: oklch(.48 .1 65);--perpus-glow: oklch(.75 .14 65);--perpus-soft: oklch(.93 .02 70);--sholat: oklch(.5 .08 150);--sholat-glow: oklch(.75 .13 150);--sholat-soft: oklch(.94 .015 150);--admin: oklch(.28 .03 260);--admin-glow: oklch(.75 .14 70);--admin-soft: oklch(.91 .01 260);--accent: oklch(.65 .14 70);--kepsek: oklch(.45 .09 290);--kepsek-glow: oklch(.72 .13 290);--kepsek-soft: oklch(.93 .015 290);--wali-kelas: oklch(.48 .075 180);--wali-kelas-glow: oklch(.72 .11 180);--wali-kelas-soft: oklch(.93 .015 180);--settings-glow: oklch(.74 .07 230);--hadir: oklch(.52 .165 148);--hadir-soft: oklch(.94 .035 148);--pulang: oklch(.5 .13 195);--pulang-soft: oklch(.93 .03 195);--terlambat: oklch(.62 .16 75);--terlambat-soft: oklch(.94 .035 75);--izin: oklch(.52 .16 245);--izin-soft: oklch(.93 .035 245);--sakit: oklch(.52 .165 305);--sakit-soft: oklch(.93 .035 305);--alpa: oklch(.52 .19 25);--alpa-soft: oklch(.92 .035 25);--perpus-pinjam: oklch(.48 .08 190);--perpus-pinjam-soft: oklch(.94 .015 190);--perpus-kembali: oklch(.46 .07 300);--perpus-kembali-soft: oklch(.93 .015 300);--perpus-baca: oklch(.5 .06 340);--perpus-baca-soft: oklch(.93 .012 340);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 99px;--shadow-xs: 0 1px 2px oklch(.2 .015 85 / .04);--shadow-sm: 0 1px 2px oklch(.2 .015 85 / .04), 0 4px 8px -2px oklch(.2 .015 85 / .06);--shadow: 0 1px 2px oklch(.2 .015 85 / .04), 0 6px 16px -4px oklch(.2 .015 85 / .1), 0 12px 28px -8px oklch(.2 .015 85 / .08);--shadow-lg: 0 1px 2px oklch(.2 .015 85 / .04), 0 10px 24px -6px oklch(.2 .015 85 / .12), 0 24px 60px -12px oklch(.2 .015 85 / .16);--shadow-xl: 0 1px 3px oklch(.2 .015 85 / .06), 0 16px 36px -8px oklch(.2 .015 85 / .14), 0 36px 80px -16px oklch(.2 .015 85 / .2);--shadow-2xl: 0 2px 4px oklch(.2 .015 85 / .08), 0 24px 48px -12px oklch(.2 .015 85 / .18), 0 48px 100px -20px oklch(.2 .015 85 / .28);--sidebar-bg: oklch(.19 .011 81);--sidebar-bg-2: oklch(.21 .015 82);--sidebar-line: oklch(.95 .016 86 / .08);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s;--dur-enter: .5s;--ease: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.68, -.55, .27, 1.55)}:root[data-theme=dark],html.dark{--bg: oklch(.12 .008 80);--bg-2: oklch(.12 .008 80);--surface: oklch(.18 .012 82);--surface-alt: oklch(.22 .014 82);--surface-soft: oklch(.16 .011 82);--ink: oklch(.96 .01 85);--ink-soft: oklch(.72 .02 80);--ink-faint: oklch(.5 .02 80);--line: oklch(.25 .014 82);--line-soft: oklch(.2 .012 82);--sidebar-bg: oklch(.19 .011 81);--sidebar-bg-2: oklch(.21 .015 82);--sidebar-line: oklch(.95 .016 86 / .08);--piket: oklch(.68 .09 210);--piket-glow: oklch(.76 .13 210);--piket-soft: oklch(.68 .09 210 / .18);--perpus: oklch(.72 .13 65);--perpus-glow: oklch(.78 .15 65);--perpus-soft: oklch(.72 .13 65 / .18);--sholat: oklch(.72 .11 150);--sholat-glow: oklch(.78 .14 150);--sholat-soft: oklch(.72 .11 150 / .18);--admin: oklch(.65 .06 260);--admin-glow: oklch(.78 .15 70);--admin-soft: oklch(.65 .06 260 / .18);--accent: oklch(.75 .15 70);--kepsek: oklch(.7 .11 290);--kepsek-glow: oklch(.76 .14 290);--kepsek-soft: oklch(.7 .11 290 / .18);--wali-kelas: oklch(.7 .09 180);--wali-kelas-glow: oklch(.76 .12 180);--wali-kelas-soft: oklch(.7 .09 180 / .18);--settings-glow: oklch(.78 .08 230);--hadir: oklch(.74 .17 148);--hadir-soft: oklch(.74 .17 148 / .18);--pulang: oklch(.7 .14 195);--pulang-soft: oklch(.7 .14 195 / .18);--terlambat: oklch(.78 .165 75);--terlambat-soft: oklch(.78 .165 75 / .18);--izin: oklch(.72 .165 245);--izin-soft: oklch(.72 .165 245 / .18);--sakit: oklch(.72 .17 305);--sakit-soft: oklch(.72 .17 305 / .18);--alpa: oklch(.68 .2 25);--alpa-soft: oklch(.68 .2 25 / .18);--perpus-pinjam: oklch(.68 .1 190);--perpus-pinjam-soft: oklch(.68 .1 190 / .18);--perpus-kembali: oklch(.66 .09 300);--perpus-kembali-soft: oklch(.66 .09 300 / .18);--perpus-baca: oklch(.7 .08 340);--perpus-baca-soft: oklch(.7 .08 340 / .18);--shadow-xs: 0 1px 2px oklch(0 0 0 / .2);--shadow-sm: 0 1px 2px oklch(0 0 0 / .2), 0 4px 8px -2px oklch(0 0 0 / .3);--shadow: 0 1px 2px oklch(0 0 0 / .2), 0 6px 16px -4px oklch(0 0 0 / .4), 0 12px 28px -8px oklch(0 0 0 / .35);--shadow-lg: 0 1px 2px oklch(0 0 0 / .2), 0 10px 24px -6px oklch(0 0 0 / .45), 0 24px 60px -12px oklch(0 0 0 / .5);--shadow-xl: 0 1px 3px oklch(0 0 0 / .3), 0 16px 36px -8px oklch(0 0 0 / .5), 0 36px 80px -16px oklch(0 0 0 / .6);--shadow-2xl: 0 2px 4px oklch(0 0 0 / .4), 0 24px 48px -12px oklch(0 0 0 / .6), 0 48px 100px -20px oklch(0 0 0 / .7)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{background-color:var(--bg);background:radial-gradient(ellipse at 10% -5%,oklch(.65 .14 70 / .04),transparent 40%),radial-gradient(ellipse at 90% 5%,oklch(.42 .05 210 / .03),transparent 45%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:Inter,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Fraunces,serif;font-weight:600;letter-spacing:-.015em;margin:0}.font-display{font-family:Fraunces,serif}.mono{font-family:JetBrains Mono,monospace}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{font-family:inherit;font-size:14px;padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);width:100%;outline:none;transition:border-color var(--dur-normal) var(--ease),box-shadow var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23996b1f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:disabled{cursor:not-allowed;opacity:.55;background-color:var(--surface-alt)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c47d041a;background-color:var(--surface-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5);transition:box-shadow var(--dur-slow) var(--ease),transform var(--dur-normal) var(--ease)}.card:has(.panel-head){padding:0;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.panel-head h3{font-size:16px;margin:0}.panel-head .sub{font-size:12px;color:var(--ink-soft);margin-top:2px}.btn{padding:11px 18px;font-size:14px;background:var(--ink);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease);box-shadow:var(--shadow-sm)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,oklch(1 0 0 / .12) 50%,transparent 60%);transform:translate(-100%);transition:transform var(--dur-slow) var(--ease)}.btn:hover:not(:disabled):after{transform:translate(100%)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:80ms}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint);background:var(--surface-alt)}.btn.ghost:after{display:none}.btn.danger{background:linear-gradient(135deg,var(--alpa),oklch(.52 .13 25));color:#fff}.btn.small{padding:7px 12px;font-size:13px}.btn.primary{background:linear-gradient(135deg,var(--accent),oklch(.6 .16 60));color:#fff}.btn.primary:hover:not(:disabled){box-shadow:var(--shadow-sm),0 4px 20px -4px #c47d0459}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;letter-spacing:.02em}.badge.datang{background:var(--piket-soft);color:var(--piket)}.badge.pulang{background:var(--admin-soft);color:var(--admin)}.badge.perpus{background:var(--perpus-soft);color:var(--perpus)}.badge.sholat{background:var(--sholat-soft);color:var(--sholat)}.badge.piket{background:var(--piket-soft);color:var(--piket)}.badge.admin{background:var(--admin-soft);color:var(--admin)}.badge.alpa{background:var(--alpa-soft);color:var(--alpa)}.badge.izin{background:var(--izin-soft);color:var(--izin)}.badge.sakit{background:var(--sakit-soft);color:var(--sakit)}.badge.terlambat{background:var(--terlambat-soft);color:var(--terlambat)}.badge.tepat,.badge.ok{background:var(--hadir-soft);color:var(--hadir)}.badge.kepsek{background:var(--kepsek-soft);color:var(--kepsek)}.badge.wali_kelas{background:var(--wali-kelas-soft);color:var(--wali-kelas)}.badge.pinjam{background:var(--perpus-pinjam-soft);color:var(--perpus-pinjam)}.badge.kembalikan{background:var(--perpus-kembali-soft);color:var(--perpus-kembali)}.badge.baca{background:var(--perpus-baca-soft);color:var(--perpus-baca)}.badge.subuh,.badge.dhuha,.badge.dzuhur,.badge.ashar,.badge.maghrib,.badge.isya,.badge.jumat{background:var(--sholat-soft);color:var(--sholat)}.badge.udzur{background:#8b5cf618;color:#8b5cf6}.status-pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;letter-spacing:.02em}.status-pill.ok{background:var(--hadir-soft);color:var(--hadir)}.status-pill.danger{background:var(--alpa-soft);color:var(--alpa)}.dot-tl,.dot-al{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot-tl{background:var(--terlambat)}.dot-al{background:var(--alpa)}.badge-muted{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--ink-faint);background:var(--surface-alt)}.absen-cell{white-space:nowrap}.badge-role{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:12px var(--space-4);border-bottom:1px solid var(--line-soft)}th{color:var(--ink-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;background:var(--surface-soft);border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:none}tbody tr{position:relative;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}tbody tr:hover td{background:var(--surface-alt)}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--role-accent, var(--accent))}.fchips{display:flex;gap:6px;flex-wrap:wrap}.fchip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;font-family:inherit;transition:all var(--dur-fast) var(--ease)}.fchip:hover{border-color:var(--ink-faint);color:var(--ink)}.fchip-n{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;background:var(--surface-alt);border-radius:var(--radius-pill);padding:1px 7px;color:var(--ink-soft);transition:all var(--dur-fast) var(--ease)}.fchip.active{border-color:var(--ink);background:var(--ink);color:var(--bg);font-weight:700}.fchip.active .fchip-n{background:color-mix(in oklab,var(--bg) 25%,transparent);color:var(--bg)}.fchip-semua.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.fchip-tersedia.active,.fchip-aktif.active,.fchip-datang.active,.fchip-tepat.active{background:var(--hadir);color:#fff;border-color:var(--hadir)}.fchip-dipinjam.active,.fchip-perpus.active,.fchip-baca.active,.fchip-pinjam.active,.fchip-kembalikan.active{background:var(--perpus);color:#fff;border-color:var(--perpus)}.fchip-sholat.active,.fchip-subuh.active,.fchip-dhuha.active,.fchip-dzuhur.active,.fchip-ashar.active,.fchip-maghrib.active,.fchip-isya.active,.fchip-jumat.active{background:var(--sholat);color:#fff;border-color:var(--sholat)}.fchip-pindah.active,.fchip-izin.active{background:var(--izin);color:#fff;border-color:var(--izin)}.fchip-lulus.active,.fchip-pulang.active{background:var(--pulang);color:#fff;border-color:var(--pulang)}.fchip-sakit.active{background:var(--sakit);color:#fff;border-color:var(--sakit)}.fchip-nonaktif.active,.fchip-keluar.active,.fchip-alpa.active,.fchip-terlambat.active{background:var(--terlambat, var(--alpa));color:#fff;border-color:var(--terlambat, var(--alpa))}[data-theme=dark] .fchip.active:not(.fchip-semua),.dark .fchip.active:not(.fchip-semua){color:#070603;font-weight:700}.fchip-tersedia:not(.active) .fchip-n,.fchip-aktif:not(.active) .fchip-n,.fchip-datang:not(.active) .fchip-n,.fchip-tepat:not(.active) .fchip-n{color:var(--hadir)}.fchip-dipinjam:not(.active) .fchip-n,.fchip-perpus:not(.active) .fchip-n{color:var(--perpus)}.fchip-sholat:not(.active) .fchip-n{color:var(--sholat)}.fchip-pindah:not(.active) .fchip-n,.fchip-izin:not(.active) .fchip-n{color:var(--izin)}.fchip-lulus:not(.active) .fchip-n,.fchip-pulang:not(.active) .fchip-n{color:var(--pulang)}.fchip-sakit:not(.active) .fchip-n{color:var(--sakit)}.fchip-nonaktif:not(.active) .fchip-n,.fchip-keluar:not(.active) .fchip-n,.fchip-alpa:not(.active) .fchip-n,.fchip-terlambat:not(.active) .fchip-n{color:var(--terlambat, var(--alpa))}.glass{background:color-mix(in oklab,var(--surface) 70%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--line)}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.36s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes scaleSpring{0%{opacity:0;transform:scale(.92)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes viewSlide{0%{opacity:0;transform:translate(calc(var(--slide-dir, 1) * 24px))}to{opacity:1;transform:translate(0)}}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kp-split{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin:24px 0;align-items:start}@media(max-width:980px){.kp-split{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{flex-direction:column!important}.main-area,.main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,16px))!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{@page{margin:12mm 10mm;size:auto}*,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important;text-shadow:none!important}:root,:root[data-theme=dark],html,html.dark,body{color-scheme:light!important;--bg: #ffffff !important;--bg-2: #f8fafc !important;--surface: #ffffff !important;--surface-alt: #f1f5f9 !important;--surface-soft: #f8fafc !important;--ink: #0f172a !important;--ink-soft: #334155 !important;--ink-faint: #64748b !important;--line: #cbd5e1 !important;--line-soft: #e2e8f0 !important;background-color:#fff!important;background-image:none!important;background:#fff!important;color:#0f172a!important}html,body,.app-shell,.main-area,.main-content,.view-slide,.table-scroll,.card,.rv-card,.wk-card,.kp-card{display:block!important;overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;position:static!important;transform:none!important;animation:none!important;background:transparent!important;padding:0!important;margin:0!important;max-width:100%!important}.sidebar,.mobile-topbar,.liquid-nav-stage,.liquid-bar,.nav-sheet-backdrop,.nav-sheet,.main-header,.header-tabs,.header-actions,.btn,.icon-btn,.seg,.wk-pick,.modal-actions,.kp-badge,.wk-badge,.rv-toolbar,.rv-chips,.rv-pager,.rv-footer,.filter-row,.siswa-search,.action-cell,.row-actions,.row-actions-cell,.toast-wrap,.export-backdrop,.export-menu,.export-btn,.back-btn,.p-pager{display:none!important}.card,.rv-card,.wk-card,.kp-card,.ov-card{border:1px solid #cbd5e1!important;border-radius:4px!important;background:#fff!important;break-inside:avoid;page-break-inside:avoid;margin-bottom:14px!important}.ov-grid,.kp-split{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-bottom:16px!important}table{width:100%!important;border-collapse:collapse!important;font-size:11px!important;color:#0f172a!important}thead{display:table-header-group!important}thead th{background:#f1f5f9!important;color:#0f172a!important;font-weight:700!important;border-bottom:1.5px solid #94a3b8!important;padding:7px 8px!important;text-transform:uppercase;font-size:9.5px!important}tbody td{padding:6px 8px!important;border-bottom:1px solid #e2e8f0!important;color:#0f172a!important;background:transparent!important}tbody tr{break-inside:avoid!important;page-break-inside:avoid!important}.badge{border:1px solid currentColor!important;font-size:9.5px!important;padding:1.5px 6px!important;border-radius:4px!important;font-weight:600!important}.mono{font-family:JetBrains Mono,monospace!important}}