.brand-panel.svelte-3ms8vu{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;height:100%;width:100%}.brand-ambient-glow.svelte-3ms8vu{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-3ms8vu-ambientDrift 22s ease-in-out infinite alternate;pointer-events:none}.brand-grid-pattern.svelte-3ms8vu{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-3ms8vu,.brand-hero.svelte-3ms8vu,.feature-showcase.svelte-3ms8vu,.brand-footer.svelte-3ms8vu{position:relative;z-index:2}.brand-top.svelte-3ms8vu{display:flex;align-items:center;justify-content:space-between}.school-badge.svelte-3ms8vu{display:flex;align-items:center;gap:13px}.school-logo-img.svelte-3ms8vu{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-3ms8vu{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-3ms8vu{display:flex;flex-direction:column;gap:2px}.school-name.svelte-3ms8vu{font-family:Fraunces,serif;font-size:20px;font-weight:600;letter-spacing:-.01em;color:#faf8f5;line-height:1.2}.school-year.svelte-3ms8vu{font-size:11.5px;font-family:JetBrains Mono,monospace;font-weight:500;color:var(--accent, oklch(.72 .12 70));letter-spacing:.02em}.hero-tag.svelte-3ms8vu{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-3ms8vu{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-3ms8vu h1:where(.svelte-3ms8vu){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-3ms8vu{color:var(--accent, oklch(.65 .14 70));font-weight:600}.hero-desc.svelte-3ms8vu{font-size:13.5px;line-height:1.6;color:#b1aa9d;max-width:460px;margin:0}.feature-showcase.svelte-3ms8vu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 20px}.feature-card.svelte-3ms8vu{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:12px;background:#ffffff0d;border:1px solid oklch(.95 .016 86 / .1);transition:background .2s ease,border-color .2s ease,transform .2s ease}.feature-card.svelte-3ms8vu:hover{background:#ffffff12;border-color:#f3eee32e;transform:translateY(-2px)}.feature-ic-box.svelte-3ms8vu{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-3ms8vu{display:flex;flex-direction:column;gap:2px}.feature-body.svelte-3ms8vu b:where(.svelte-3ms8vu){font-size:12.5px;font-weight:600;color:#faf8f5}.feature-body.svelte-3ms8vu span:where(.svelte-3ms8vu){font-size:11px;line-height:1.35;color:#989285}.brand-footer.svelte-3ms8vu{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-3ms8vu{display:flex;align-items:center;gap:7px}.status-indicator.svelte-3ms8vu{width:7px;height:7px;border-radius:50%;background:#54b85b;box-shadow:0 0 8px #54b85b}.footer-copyright.svelte-3ms8vu{font-weight:500}.mobile-cta-section.svelte-3ms8vu{display:none}.stagger.svelte-3ms8vu{animation:svelte-3ms8vu-fadeInSlide .5s cubic-bezier(.16,1,.3,1) backwards}.s1.svelte-3ms8vu{animation-delay:.05s}.s2.svelte-3ms8vu{animation-delay:.1s}.s3.svelte-3ms8vu{animation-delay:.15s}.s4.svelte-3ms8vu{animation-delay:.2s}.s5.svelte-3ms8vu{animation-delay:.25s}.s6.svelte-3ms8vu{animation-delay:.3s}.s7.svelte-3ms8vu{animation-delay:.4s}@keyframes svelte-3ms8vu-ambientDrift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,-4%) scale(1.06)}}@keyframes svelte-3ms8vu-fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.mobile-cta-section.svelte-3ms8vu{display:block;margin:22px 0 8px}.mobile-hero-cta-btn.svelte-3ms8vu{position:relative;width:100%;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#0f222b,#07131c);border:1.5px solid color-mix(in oklab,var(--accent, oklch(.65 .14 70)) 65%,transparent);color:#faf8f5;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;box-shadow:0 8px 28px -4px #0009,0 0 16px -2px color-mix(in oklab,var(--accent) 30%,transparent);overflow:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.mobile-hero-cta-btn.svelte-3ms8vu:active{transform:scale(.97);box-shadow:0 4px 14px -2px #00000080}.cta-shimmer-sweep.svelte-3ms8vu{position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .15),transparent);transform:skew(-25deg);animation:svelte-3ms8vu-shimmerSweep 4.5s infinite ease-in-out;pointer-events:none}@keyframes svelte-3ms8vu-shimmerSweep{0%,65%{left:-120%}to{left:160%}}.cta-left.svelte-3ms8vu{display:flex;align-items:center;gap:13px;text-align:left}.cta-icon-box.svelte-3ms8vu{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--accent, oklch(.65 .14 70)) 0%,oklch(.55 .14 60) 100%);color:#030a11;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px color-mix(in oklab,var(--accent) 40%,transparent)}.cta-text-col.svelte-3ms8vu{display:flex;flex-direction:column;gap:2px}.cta-label.svelte-3ms8vu{font-size:15px;font-weight:700;color:#fdfcf8;letter-spacing:-.01em}.cta-hint.svelte-3ms8vu{font-size:11.5px;font-weight:500;color:var(--accent, oklch(.75 .14 70))}.cta-arrow-circle.svelte-3ms8vu{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid oklch(1 0 0 / .15);color:#faf8f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.mobile-hero-cta-btn.svelte-3ms8vu:active .cta-arrow-circle:where(.svelte-3ms8vu){transform:translate(3px)}.brand-hero.svelte-3ms8vu{margin:16px 0 20px}.brand-hero.svelte-3ms8vu h1:where(.svelte-3ms8vu){font-size:clamp(22px,5.5vw,28px);margin-bottom:10px}.hero-desc.svelte-3ms8vu{font-size:13px;line-height:1.55}.feature-showcase.svelte-3ms8vu{grid-template-columns:1fr;gap:9px;margin:14px 0 16px}}@media(max-width:480px){.school-name.svelte-3ms8vu{font-size:17px}}.form-panel.svelte-nwooct{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 32px;background:var(--bg);height:100%;width:100%;overflow:hidden}.form-ambient-halo.svelte-nwooct{display:none}.form-scrollable-content.svelte-nwooct{width:100%;display:flex;justify-content:center}.form-top-actions.svelte-nwooct{position:absolute;top:20px;right:24px;z-index:10}.theme-toggle-btn.svelte-nwooct{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-nwooct:hover{color:var(--ink);border-color:var(--accent);background:var(--surface-alt);transform:scale(1.05)}.login-card-container.svelte-nwooct{width:100%;max-width:410px;animation:svelte-nwooct-formSlideUp .5s cubic-bezier(.16,1,.3,1) backwards}.login-card.svelte-nwooct{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px 30px;box-shadow:var(--shadow-lg)}.card-header.svelte-nwooct{margin-bottom:24px}.eyebrow.svelte-nwooct{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-nwooct{width:14px;height:2px;background:var(--accent);border-radius:1px}.card-header.svelte-nwooct h2:where(.svelte-nwooct){font-family:Fraunces,serif;font-size:26px;font-weight:600;color:var(--ink);margin:0 0 6px}.card-sub.svelte-nwooct{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0}.login-form.svelte-nwooct{display:flex;flex-direction:column;gap:16px}.form-group.svelte-nwooct{display:flex;flex-direction:column;gap:6px}.form-group.svelte-nwooct label:where(.svelte-nwooct){font-size:12px;font-weight:600;color:var(--ink)}.input-wrapper.svelte-nwooct{position:relative;display:flex;align-items:center}.input-icon.svelte-nwooct{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-nwooct input:where(.svelte-nwooct){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-nwooct input:where(.svelte-nwooct):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-nwooct:focus-within .input-icon:where(.svelte-nwooct){color:var(--accent)}.password-toggle-btn.svelte-nwooct{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-nwooct:hover{color:var(--ink);background:var(--surface-alt)}.submit-btn.svelte-nwooct{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-nwooct,html.dark .submit-btn.svelte-nwooct{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-nwooct:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px -4px #08131980}.submit-btn.svelte-nwooct:active:not(:disabled){transform:translateY(0) scale(.98)}.submit-btn.svelte-nwooct:disabled{opacity:.8;cursor:not-allowed}.btn-arrow-ic.svelte-nwooct{display:flex;align-items:center;transition:transform .15s ease}.submit-btn.svelte-nwooct:hover:not(:disabled) .btn-arrow-ic:where(.svelte-nwooct){transform:translate(3px)}.spinner.svelte-nwooct{width:15px;height:15px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-nwooct-spin .7s linear infinite}.card-footer.svelte-nwooct{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft)}.help-box.svelte-nwooct{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.4;color:var(--ink-faint)}.mobile-back-btn.svelte-nwooct,.mobile-form-school-header.svelte-nwooct,.mobile-bottom-back.svelte-nwooct{display:none}@keyframes svelte-nwooct-formSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-nwooct-spin{to{transform:rotate(360deg)}}@media(max-width:960px){.form-panel.svelte-nwooct{padding:0;background:var(--bg);justify-content:flex-start;height:100%;overflow:hidden}.form-ambient-halo.svelte-nwooct{display:block;position:absolute;top:-15%;left:50%;transform:translate(-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 22%,transparent) 0%,transparent 68%);pointer-events:none;z-index:0}.form-top-actions.svelte-nwooct{position:static;display:flex;justify-content:space-between;align-items:center;width:100%;padding:max(16px,calc(var(--sat, 0px) + 12px)) 18px 8px;flex-shrink:0;z-index:5}.mobile-back-btn.svelte-nwooct{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border-radius:99px;background:var(--surface);border:1.5px solid color-mix(in oklab,var(--accent) 35%,var(--line));color:var(--ink);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.mobile-back-btn.svelte-nwooct:active{transform:scale(.94);background:var(--surface-alt)}.back-ic-box.svelte-nwooct{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),oklch(.55 .14 60));color:#030a11;display:flex;align-items:center;justify-content:center}.form-scrollable-content.svelte-nwooct{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:10px 18px max(28px,calc(var(--sab, 0px) + 16px));display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.login-card-container.svelte-nwooct{margin-top:6px;animation:none}.login-card.svelte-nwooct{padding:26px 20px;border-radius:22px;box-shadow:0 16px 40px #0000002e,0 0 0 1px #f3eee31a;border:1px solid var(--line)}.card-header.svelte-nwooct h2:where(.svelte-nwooct){font-size:24px}.mobile-form-school-header.svelte-nwooct{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:10px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px}.mobile-school-logo.svelte-nwooct{width:34px;height:34px;border-radius:8px;object-fit:contain;background:var(--surface);border:1px solid var(--line);padding:2px}.mobile-school-placeholder.svelte-nwooct{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--accent, oklch(.65 .14 70)),oklch(.45 .1 50));color:#fff;display:flex;align-items:center;justify-content:center}.mobile-school-text.svelte-nwooct{display:flex;flex-direction:column;gap:1px}.mobile-school-name.svelte-nwooct{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}.mobile-school-tag.svelte-nwooct{font-size:10.5px;font-weight:500;color:var(--ink-soft)}.mobile-bottom-back.svelte-nwooct{display:block;margin-top:16px;text-align:center}.mobile-bottom-back-btn.svelte-nwooct{background:transparent;border:none;color:var(--ink-soft);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.mobile-bottom-back-btn.svelte-nwooct:active{transform:scale(.96);color:var(--ink)}}.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}.showcase-layer.svelte-1428x5h,.form-layer.svelte-1428x5h{width:100%;height:100%;min-height:100%;display:flex}@media(max-width:960px){.login-wrap.svelte-1428x5h{position:relative;display:block;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#010305}.showcase-layer.svelte-1428x5h{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:scale(1) translateZ(0);opacity:1;filter:brightness(1);transition:transform .48s cubic-bezier(.32,.72,0,1),opacity .4s ease,filter .42s ease;will-change:transform,opacity,filter;contain:layout style}.login-wrap.view-login.svelte-1428x5h .showcase-layer:where(.svelte-1428x5h){transform:scale(.92) translate3d(0,-18px,0);opacity:.35;filter:brightness(.65);pointer-events:none}.form-layer.svelte-1428x5h{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);transform:translate3d(0,100%,0);opacity:0;visibility:hidden;transition:transform .48s cubic-bezier(.32,.72,0,1),opacity .38s ease,visibility .48s step-end;will-change:transform,opacity;contain:layout style}.login-wrap.view-login.svelte-1428x5h .form-layer:where(.svelte-1428x5h){transform:translateZ(0);opacity:1;visibility:visible;transition:transform .48s cubic-bezier(.32,.72,0,1),opacity .38s ease,visibility 0s step-start}}.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:max(12px,calc(10px + var(--sat, 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);transition:opacity .15s 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;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));touch-action:pan-y;transition:transform .25s cubic-bezier(.2,.9,.4,1);will-change:transform}.sheet-panel.dragging.svelte-11bsowj{transition:none!important}.sheet-handle-bar.svelte-11bsowj{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;touch-action:none}.sheet-handle.svelte-11bsowj{width:44px;height:4.5px;border-radius:99px;background:#f3eee359;transition:background .15s ease}.sheet-handle-bar.svelte-11bsowj:active .sheet-handle:where(.svelte-11bsowj){background:var(--role-accent, oklch(.95 .016 86 / .6))}.sheet-header.svelte-11bsowj{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 12px;border-bottom:1px solid oklch(.95 .016 86 / .08);-webkit-user-select:none;user-select:none}.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;transition:background .15s ease,color .15s ease}.sheet-close-btn.svelte-11bsowj:hover{background:#f3eee326;color:#fff}.sheet-content.svelte-11bsowj{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;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}}.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:fixed;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;margin:0;padding:4px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 12px 36px #08050238,0 2px 8px #0805021a;list-style:none;box-sizing:border-box;animation:svelte-124sfg-selIn .12s cubic-bezier(.16,1,.3,1)}.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}.sel-search-row.svelte-124sfg{position:sticky;top:0;z-index:1;padding:6px 6px 4px;background:var(--surface);list-style:none}.sel-search-input.svelte-124sfg{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-alt);color:var(--ink);font:inherit;font-size:13px;outline:none;box-sizing:border-box}.sel-search-input.svelte-124sfg:focus{border-color:var(--accent);box-shadow:0 0 0 2px #c47d041a}.sel-empty.svelte-124sfg{padding:14px 12px;text-align:center;font-size:12.5px;color:var(--ink-faint);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.blank.svelte-1tk865e{visibility:hidden}.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;justify-content:flex-start;gap:14px;width:100%;margin:0;box-sizing:border-box}svg.svelte-14qdthc{flex-shrink:0;width:var(--size, 120px);height:var(--size, 120px)}.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;min-width:0;max-width:170px}.li.svelte-14qdthc{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--ink-soft);width:100%;animation:fadeUp var(--dur-slow) var(--ease-out-expo) backwards}.li-left.svelte-14qdthc{display:flex;align-items:center;gap:6px;min-width:0}.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-label.svelte-14qdthc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-val.svelte-14qdthc{color:var(--ink);font-family:JetBrains Mono,monospace;font-weight:700;font-size:12px;flex-shrink:0}.siswa-avatar.svelte-1pyv5a8{position:relative;width:var(--avatar-w, var(--avatar-size, 36px));height:var(--avatar-h, var(--avatar-size, 36px));min-width:var(--avatar-w, var(--avatar-size, 36px));min-height:var(--avatar-h, var(--avatar-size, 36px));aspect-ratio:var(--avatar-aspect, auto);border-radius:var(--avatar-radius, 50%);background:var(--accent-subtle, rgba(59, 130, 246, .1));color:var(--accent, #3b82f6);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;font-weight:700;font-size:calc(var(--avatar-w, var(--avatar-size, 36px)) * .38);line-height:1;border:1px solid var(--line-subtle, rgba(0, 0, 0, .06));box-sizing:border-box}.avatar-img.svelte-1pyv5a8{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .2s ease-in-out}.avatar-img.is-loaded.svelte-1pyv5a8{opacity:1}.avatar-fallback.svelte-1pyv5a8{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase;letter-spacing:.5px}.avatar-fallback.hidden.svelte-1pyv5a8{display:none}.late-dur.svelte-10sdxnb{flex-shrink:0;align-self:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ringan.svelte-10sdxnb{background:var(--hadir-soft);color:var(--hadir)}.sedang.svelte-10sdxnb{background:var(--terlambat-soft);color:var(--terlambat)}.berat.svelte-10sdxnb{background:var(--alpa-soft);color:var(--alpa)}.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:12px 18px 16px}@media(max-width:760px){.monitor-grid.svelte-g100hq{grid-template-columns:1fr}}.monitor-col.svelte-g100hq{display:flex;flex-direction:column;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm, 10px);overflow:hidden}.monitor-title.svelte-g100hq{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;margin-bottom:0;padding:10px 14px;border-bottom:1px solid var(--line)}.monitor-title.late.svelte-g100hq{color:var(--terlambat);background:var(--terlambat-soft)}.monitor-title.absent.svelte-g100hq{color:var(--alpa);background:var(--alpa-soft)}.monitor-title.svelte-g100hq svg{width:14px;height:14px}.monitor-body.svelte-g100hq{max-height:360px;overflow-y:auto;padding:6px 14px 12px}.monitor-body.svelte-g100hq::-webkit-scrollbar{width:6px}.monitor-body.svelte-g100hq::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.monitor-body.svelte-g100hq::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.title-left.svelte-g100hq{display:flex;align-items:center;gap:7px}.count-tag.svelte-g100hq{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;background:color-mix(in oklab,currentColor 15%,transparent)}.monitor-title.absent.muted.svelte-g100hq{color:var(--ink-faint);background:var(--surface-soft)}.user-flex-cell.svelte-g100hq{display:inline-flex;align-items:center;gap:8px}.timeline.svelte-g100hq{display:flex;flex-direction:column;position:relative;padding-top:4px}.timeline.svelte-g100hq:before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:var(--line)}.tl-item.svelte-g100hq{display:flex;align-items:flex-start;gap:12px;padding:8px 4px;position:relative;border-radius:var(--radius-xs);animation:svelte-g100hq-rowFadeIn var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 25ms);transition:background var(--dur-fast) var(--ease)}.tl-item.svelte-g100hq:hover{background:var(--surface)}.tl-content.svelte-g100hq{flex:1;min-width:0}.tl-name.svelte-g100hq{font-weight:700;font-size:13px;color:var(--ink)}.tl-detail.svelte-g100hq{font-size:11.5px;color:var(--ink-soft);display:block;margin-top:2px}.absent-list.svelte-g100hq{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding-top:6px}@media(max-width:620px){.absent-list.svelte-g100hq{grid-template-columns:1fr}}.absent-row.svelte-g100hq{display:flex;align-items:center;gap:9px;padding:6px;border-radius:var(--radius-sm);animation:svelte-g100hq-rowFadeIn var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 20ms);transition:background var(--dur-normal) var(--ease)}.absent-row.svelte-g100hq:hover{background:var(--surface)}.absent-info.svelte-g100hq{display:flex;flex-direction:column;min-width:0}.absent-name.svelte-g100hq{font-weight:600;font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absent-class.svelte-g100hq{font-size:11px;color:var(--ink-faint)}.mono.svelte-g100hq{font-family:JetBrains Mono,monospace}.m-empty.svelte-g100hq{font-size:13px;color:var(--ink-faint);padding:18px 4px;text-align:center}.scroll-sentinel.svelte-g100hq{height:1px}.sentinel-note.svelte-g100hq{display:block;padding:6px 0;font-size:11px;color:var(--ink-faint)}.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;max-height:280px;overflow-y:auto;padding-right:4px}.bar-list.svelte-g100hq::-webkit-scrollbar{width:6px}.bar-list.svelte-g100hq::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.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;overflow-y:auto;max-height:380px;min-height:180px}.table-scroll.svelte-g100hq::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-g100hq::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-g100hq::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-g100hq{width:100%;border-collapse:collapse;font-size:13px}th.svelte-g100hq,td.svelte-g100hq{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-g100hq{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}.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);transition:background var(--dur-fast) var(--ease)}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover{background:var(--surface-soft)}@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,.tl-item.svelte-g100hq,.absent-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{overflow-x:hidden;overflow-y:auto;max-height:360px}.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;width:100%}.table-scroll.svelte-g100hq thead:where(.svelte-g100hq){display:none}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq){display:flex;flex-direction:column;gap:0;padding:0 14px 10px}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq){display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--line-soft, var(--line));border-radius:0;background:transparent;padding:10px 4px;transition:background var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):last-child{border-bottom:none}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover,.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):focus-within{background:var(--surface-soft, var(--surface))}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover td:where(.svelte-g100hq){background:transparent!important}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr:where(.svelte-g100hq):hover td:where(.svelte-g100hq):first-child{box-shadow:none!important}.table-scroll.svelte-g100hq td:where(.svelte-g100hq){border:0;padding:0;background:transparent!important;width:auto}.table-scroll.svelte-g100hq td:where(.svelte-g100hq):before{display:none!important}.table-scroll.svelte-g100hq td[data-label=Nama]:where(.svelte-g100hq){flex:1;min-width:0;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-g100hq td[data-label=Kelas]:where(.svelte-g100hq){flex-shrink:0;font-size:12px;color:var(--ink-soft)}.table-scroll.svelte-g100hq td[data-label=Jam]:where(.svelte-g100hq){flex-shrink:0;font-size:11.5px;color:var(--ink-faint)}.table-scroll.svelte-g100hq td[data-label=Jenis]:where(.svelte-g100hq){flex-shrink:0}.table-scroll.svelte-g100hq td[data-label=Jenis]:where(.svelte-g100hq) .badge:where(.svelte-g100hq){font-size:10.5px;padding:2px 7px}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr.empty-row:where(.svelte-g100hq){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr.empty-row:where(.svelte-g100hq) td:where(.svelte-g100hq){display:block;width:100%;text-align:center;padding:24px 14px;color:var(--ink-faint)}.table-scroll.svelte-g100hq tbody:where(.svelte-g100hq) tr.empty-row:where(.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}.user-flex-cell.svelte-tpxjbo{display:inline-flex;align-items:center;gap:8px}.jadwal-row.svelte-tpxjbo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.jd-title.svelte-tpxjbo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);flex-shrink:0}.jd-list.svelte-tpxjbo{display:flex;gap:8px;flex-wrap:wrap}.jd-item.svelte-tpxjbo{display:inline-flex;align-items:baseline;gap:8px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;color:var(--ink-soft)}.jd-item.aktif.svelte-tpxjbo{border-color:color-mix(in oklab,var(--hadir) 55%,var(--line));background:color-mix(in oklab,var(--hadir) 12%,transparent);color:var(--hadir)}.jd-item.lewat.svelte-tpxjbo{opacity:.6}.jd-nama.svelte-tpxjbo{font-weight:700;color:var(--ink)}.jd-item.aktif.svelte-tpxjbo .jd-nama:where(.svelte-tpxjbo){color:var(--hadir)}.jd-waktu.svelte-tpxjbo{font-family:JetBrains Mono,monospace;font-weight:700}.jd-jendela.svelte-tpxjbo{font-size:11.5px}.jd-status.svelte-tpxjbo{font-size:10.5px;font-weight:700;text-transform:uppercase}.stat-strip.svelte-tpxjbo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.ss-item.svelte-tpxjbo{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--surface);min-width:0;align-items:center;text-align:center}.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)}@media(max-width:900px){.stat-strip.svelte-tpxjbo{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.stat-strip.svelte-tpxjbo{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-item.svelte-tpxjbo:last-child{grid-column:1 / -1}.ss-item.svelte-tpxjbo{padding:11px 13px}.ss-value.svelte-tpxjbo{font-size:20px}.ss-sub.svelte-tpxjbo{font-size:11px}}.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)}.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:260px;overflow-y:auto;padding-right:4px}.bar-list.svelte-tpxjbo::-webkit-scrollbar{width:6px}.bar-list.svelte-tpxjbo::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.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}.rank-row.svelte-tpxjbo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.rank-card.svelte-tpxjbo{padding:18px 20px}.rank-card.svelte-tpxjbo h4:where(.svelte-tpxjbo){margin:0 0 2px;font-size:15px;font-weight:700}.rank-sub.svelte-tpxjbo{margin:0 0 12px;font-size:11.5px;color:var(--ink-faint)}.rank-list.svelte-tpxjbo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rank-list.svelte-tpxjbo li:where(.svelte-tpxjbo){display:flex;align-items:center;gap:10px;animation:rowFadeIn var(--dur-enter) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.rk-nama.svelte-tpxjbo{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.rk-nama.svelte-tpxjbo b:where(.svelte-tpxjbo){font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-nama.svelte-tpxjbo small:where(.svelte-tpxjbo){font-size:11px;color:var(--ink-faint)}.rk-nilai.svelte-tpxjbo{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.rk-nilai.ok.svelte-tpxjbo{color:var(--hadir)}.rk-nilai.bad.svelte-tpxjbo{color:var(--alpa)}.rk-empty.svelte-tpxjbo{font-size:12px;color:var(--ink-faint);padding:8px 0}@media(max-width:860px){.rank-row.svelte-tpxjbo{grid-template-columns:1fr}}.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;overflow-y:auto;max-height:380px;min-height:180px}.table-scroll.svelte-tpxjbo::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-tpxjbo::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-tpxjbo::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-tpxjbo{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th.svelte-tpxjbo{position:sticky;top:0;z-index:3;background:var(--surface);box-shadow:0 1px 0 var(--line);color:var(--ink-soft);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:11px 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}@media(max-width:640px){.actions-grid.svelte-tpxjbo{grid-template-columns:1fr;gap:10px}.two-col-row.svelte-tpxjbo{grid-template-columns:1fr}.table-scroll.svelte-tpxjbo{overflow-x:hidden;overflow-y:auto;max-height:360px}.table-scroll.svelte-tpxjbo table:where(.svelte-tpxjbo),.table-scroll.svelte-tpxjbo thead:where(.svelte-tpxjbo),.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo),.table-scroll.svelte-tpxjbo tr:where(.svelte-tpxjbo),.table-scroll.svelte-tpxjbo td:where(.svelte-tpxjbo){display:block;width:100%}.table-scroll.svelte-tpxjbo thead:where(.svelte-tpxjbo){display:none}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo){display:flex;flex-direction:column;gap:0;padding:0 14px 10px}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr:where(.svelte-tpxjbo){display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--line-soft, var(--line));border-radius:0;background:transparent;padding:10px 4px;transition:background var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr:where(.svelte-tpxjbo):last-child{border-bottom:none}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr:where(.svelte-tpxjbo):hover,.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr:where(.svelte-tpxjbo):focus-within{background:var(--surface-soft, var(--surface))}.table-scroll.svelte-tpxjbo td:where(.svelte-tpxjbo){border:0;padding:0;background:transparent!important;width:auto}.table-scroll.svelte-tpxjbo td:where(.svelte-tpxjbo):before{display:none!important}td[data-label=Nama].svelte-tpxjbo{flex:1;min-width:0;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td[data-label=Kelas].svelte-tpxjbo{flex-shrink:0;font-size:12px;color:var(--ink-soft)}td[data-label=Waktu].svelte-tpxjbo{flex-shrink:0;font-size:11.5px;color:var(--ink-faint)}td[data-label=Sesi].svelte-tpxjbo{flex-shrink:0}td[data-label=Sesi].svelte-tpxjbo .badge:where(.svelte-tpxjbo){font-size:10.5px;padding:2px 7px}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr.empty-row:where(.svelte-tpxjbo){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr.empty-row:where(.svelte-tpxjbo) td:where(.svelte-tpxjbo){display:block;width:100%;text-align:center;padding:24px 14px;color:var(--ink-faint)}.table-scroll.svelte-tpxjbo tbody:where(.svelte-tpxjbo) tr.empty-row:where(.svelte-tpxjbo) td:where(.svelte-tpxjbo):before{display:none}}.user-flex-cell.svelte-udwu70{display:inline-flex;align-items:center;gap:8px}.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;max-height:280px;overflow-y:auto;padding-right:4px}.bar-list.svelte-udwu70::-webkit-scrollbar{width:6px}.bar-list.svelte-udwu70::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.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;overflow-y:auto;max-height:380px;min-height:180px}.table-scroll.svelte-udwu70::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-udwu70::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-udwu70::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-udwu70{width:100%;border-collapse:collapse;font-size:13px}th.svelte-udwu70,td.svelte-udwu70{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-udwu70{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70){animation:rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms);transition:background var(--dur-fast) var(--ease)}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover{background:var(--surface-soft)}.empty-row.svelte-udwu70 td:where(.svelte-udwu70){text-align:center;padding:36px 18px;color:var(--ink-faint);font-size:13px}.scroll-sentinel.svelte-udwu70{height:1px}.sentinel-note.svelte-udwu70{display:block;padding:6px 0;font-size:11px;color:var(--ink-faint)}.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{overflow-x:hidden;overflow-y:auto;max-height:360px}.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;width:100%}.table-scroll.svelte-udwu70 thead:where(.svelte-udwu70){display:none}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70){display:flex;flex-direction:column;gap:0;padding:0 14px 10px}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70){display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--line-soft, var(--line));border-radius:0;background:transparent;padding:10px 4px;transition:background var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):last-child{border-bottom:none}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover,.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):focus-within{background:var(--surface-soft, var(--surface))}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover td:where(.svelte-udwu70){background:transparent!important}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr:where(.svelte-udwu70):hover td:where(.svelte-udwu70):first-child{box-shadow:none!important}.table-scroll.svelte-udwu70 td:where(.svelte-udwu70){border:0;padding:0;background:transparent!important;width:auto}.table-scroll.svelte-udwu70 td:where(.svelte-udwu70):before{display:none!important}.table-scroll.svelte-udwu70 td[data-label=Siswa]:where(.svelte-udwu70),.table-scroll.svelte-udwu70 td[data-label=Nama]:where(.svelte-udwu70){flex:1;min-width:0;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-udwu70 td[data-label=Buku]:where(.svelte-udwu70){flex:1.2;min-width:0;font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-udwu70 td[data-label=Kelas]:where(.svelte-udwu70){flex-shrink:0;font-size:12px;color:var(--ink-soft)}.table-scroll.svelte-udwu70 td[data-label=Jam]:where(.svelte-udwu70){flex-shrink:0;font-size:11.5px;color:var(--ink-faint)}.table-scroll.svelte-udwu70 td[data-label=Jenis]:where(.svelte-udwu70),.table-scroll.svelte-udwu70 td[data-label=Tipe]:where(.svelte-udwu70){flex-shrink:0}.table-scroll.svelte-udwu70 td[data-label=Jenis]:where(.svelte-udwu70) .badge:where(.svelte-udwu70),.table-scroll.svelte-udwu70 td[data-label=Tipe]:where(.svelte-udwu70) .badge:where(.svelte-udwu70){font-size:10.5px;padding:2px 7px}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr.empty-row:where(.svelte-udwu70){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr.empty-row:where(.svelte-udwu70) td:where(.svelte-udwu70){display:block;width:100%;text-align:center;padding:24px 14px;color:var(--ink-faint)}.table-scroll.svelte-udwu70 tbody:where(.svelte-udwu70) tr.empty-row:where(.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-session.svelte-1ucg9ao{font-size:13.5px;font-weight:700;color:var(--ink)}.sb-countdown.svelte-1ucg9ao{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.sb-countdown.svelte-1ucg9ao .cd-label:where(.svelte-1ucg9ao){font-size:11px;color:var(--ink-soft)}.sb-countdown.svelte-1ucg9ao .cd-value:where(.svelte-1ucg9ao){font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.sb-countdown.live.svelte-1ucg9ao .cd-value:where(.svelte-1ucg9ao){color:var(--hadir)}.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)}}.manual-toggle.svelte-1ucg9ao{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:center;width:auto;min-width:150px;padding:8px 18px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-sm)}.manual-toggle.svelte-1ucg9ao:hover{border-color:var(--role-accent, var(--accent));color:var(--role-accent, var(--accent));background:color-mix(in oklab,var(--role-accent, var(--accent)) 8%,var(--surface));box-shadow:0 2px 8px color-mix(in oklab,var(--role-accent, var(--accent)) 20%,transparent)}.manual-toggle.active.svelte-1ucg9ao{border-color:var(--role-accent, var(--accent));color:var(--surface);background:var(--role-accent, var(--accent));box-shadow:0 2px 8px color-mix(in oklab,var(--role-accent, var(--accent)) 30%,transparent)}.manual-overlay.svelte-1ucg9ao{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--surface);display:flex;flex-direction:column;animation:svelte-1ucg9ao-overlayUp .25s var(--ease);overflow-y:auto}@keyframes svelte-1ucg9ao-overlayUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mp-head.svelte-1ucg9ao{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--role-accent, var(--accent)) 6%,var(--surface));flex-shrink:0}.mp-head.svelte-1ucg9ao h3:where(.svelte-1ucg9ao){margin:0;font-size:14px;color:var(--ink)}.mp-sub.svelte-1ucg9ao{font-size:12px;color:var(--ink-soft);display:block}.mp-close.svelte-1ucg9ao{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;flex-shrink:0;transition:all var(--dur-fast) var(--ease)}.mp-close.svelte-1ucg9ao:hover{border-color:var(--alpa);color:var(--alpa)}.mp-form.svelte-1ucg9ao{padding:16px 18px}.mp-fields.svelte-1ucg9ao{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mp-label.svelte-1ucg9ao{display:flex;flex-direction:column;gap:5px}.mp-label.full.svelte-1ucg9ao{grid-column:1 / -1}.mp-label-text.svelte-1ucg9ao{font-size:12px;font-weight:600;color:var(--ink-soft)}.mp-label-text.svelte-1ucg9ao .required:where(.svelte-1ucg9ao){color:var(--alpa)}.mp-label-text.svelte-1ucg9ao .optional:where(.svelte-1ucg9ao){font-weight:400;font-size:11px}.mp-label.svelte-1ucg9ao input:where(.svelte-1ucg9ao){height:36px;padding:0 12px;border-radius:var(--radius-sm);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)}.mp-label.svelte-1ucg9ao input:where(.svelte-1ucg9ao):focus{outline:none;border-color:var(--role-accent, var(--accent));box-shadow:0 0 0 3px color-mix(in oklab,var(--role-accent, var(--accent)) 12%,transparent)}.mp-label.svelte-1ucg9ao .sel-wrap{width:100%}.mp-label.svelte-1ucg9ao .sel-trigger{height:36px;padding:0 32px 0 12px;border-radius:var(--radius-sm);font-size:13px}.mp-actions.svelte-1ucg9ao{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.mp-actions.svelte-1ucg9ao .spinner:where(.svelte-1ucg9ao){width:13px;height:13px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-1ucg9ao-spin .8s linear infinite;display:inline-block}@keyframes svelte-1ucg9ao-spin{to{transform:rotate(360deg)}}@media(max-width:540px){.mp-fields.svelte-1ucg9ao{grid-template-columns:1fr}.scan-header.svelte-1ucg9ao{flex-wrap:wrap}}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-wq93xg::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-wq93xg::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-wq93xg::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-wq93xg{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th.svelte-wq93xg{position:sticky;top:0;z-index:3;background:var(--surface);box-shadow:0 1px 0 var(--line);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:hover td:where(.svelte-wq93xg){background:var(--surface-soft)}.sentinel-row.svelte-wq93xg td:where(.svelte-wq93xg){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-wq93xg{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.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}@media(max-width:640px){.table-scroll.svelte-wq93xg{overflow:visible;max-height:none;min-height:0}.table-scroll.svelte-wq93xg table:where(.svelte-wq93xg),.table-scroll.svelte-wq93xg thead:where(.svelte-wq93xg),.table-scroll.svelte-wq93xg tbody:where(.svelte-wq93xg),.table-scroll.svelte-wq93xg tr:where(.svelte-wq93xg),.table-scroll.svelte-wq93xg td:where(.svelte-wq93xg){display:block}.table-scroll.svelte-wq93xg thead:where(.svelte-wq93xg){display:none}.table-scroll.svelte-wq93xg tbody:where(.svelte-wq93xg){display:flex;flex-direction:column;gap:10px}.table-scroll.svelte-wq93xg tbody:where(.svelte-wq93xg) tr:where(.svelte-wq93xg){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-wq93xg tbody:where(.svelte-wq93xg) tr:where(.svelte-wq93xg):hover td:where(.svelte-wq93xg){background:transparent}.table-scroll.svelte-wq93xg td:where(.svelte-wq93xg){border:0;padding:2px 0}.table-scroll.svelte-wq93xg td:where(.svelte-wq93xg):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-wq93xg td[data-label=""]:where(.svelte-wq93xg):before{display:none}td[data-label=Nama].svelte-wq93xg{grid-column:1 / -1;font-size:14px}td[data-label=Keterangan].svelte-wq93xg,td[data-label=Detail].svelte-wq93xg{grid-column:1 / -1}.table-scroll.svelte-wq93xg td.actions-cell:where(.svelte-wq93xg){grid-column:1 / -1;display:flex;gap:6px;padding-top:4px;border-top:1px solid var(--line-soft, var(--line));margin-top:4px}.table-scroll.svelte-wq93xg td.actions-cell:where(.svelte-wq93xg):before{display:none}.table-scroll.svelte-wq93xg td.actions-cell:where(.svelte-wq93xg) .btn:where(.svelte-wq93xg),.table-scroll.svelte-wq93xg td.actions-cell:where(.svelte-wq93xg) .quick-udzur-btn:where(.svelte-wq93xg){flex:1;height:34px;font-size:12px;justify-content:center}.table-scroll.svelte-wq93xg tbody:where(.svelte-wq93xg) tr.loading-row:where(.svelte-wq93xg),.table-scroll.svelte-wq93xg tbody:where(.svelte-wq93xg) tr.empty-row:where(.svelte-wq93xg){display:block;background:transparent;border:none;padding:0}td.loading-row.svelte-wq93xg,td.empty-row.svelte-wq93xg{display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}td.loading-row.svelte-wq93xg:before,td.empty-row.svelte-wq93xg:before{display:none}.sentinel-row.svelte-wq93xg td:where(.svelte-wq93xg){display:block}.sentinel-row.svelte-wq93xg td:where(.svelte-wq93xg):before{display:none}}.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;padding:14px 18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-1wgtznc::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-1wgtznc::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-1wgtznc::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.table-scroll.svelte-1wgtznc table:where(.svelte-1wgtznc) thead:where(.svelte-1wgtznc) th:where(.svelte-1wgtznc){position:sticky;top:0;z-index:3;background:var(--surface);box-shadow:0 1px 0 var(--line)}.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}.sentinel-row.svelte-1wgtznc td:where(.svelte-1wgtznc){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-1wgtznc{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.mobile-sentinel.svelte-1wgtznc{text-align:center;padding:12px 0 4px}.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){.filter-row.svelte-1wgtznc{flex-direction:column;align-items:stretch;gap:10px}.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}}.modal-header.svelte-lz2ljx{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface);gap:16px}.head-profile.svelte-lz2ljx{display:flex;align-items:center;gap:18px;min-width:0;flex:1}.avatar-btn.svelte-lz2ljx{--profile-avatar-w: 76px;--profile-avatar-h: 114px;--profile-avatar-radius: 14px;padding:0;background:none;border:none;cursor:default;flex-shrink:0;display:inline-flex;outline:none}.avatar-btn.clickable.svelte-lz2ljx{cursor:pointer}.avatar-ring.svelte-lz2ljx{position:relative;border-radius:var(--profile-avatar-radius, 14px);padding:2px;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));overflow:hidden;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.avatar-btn.clickable.svelte-lz2ljx:hover .avatar-ring:where(.svelte-lz2ljx){transform:scale(1.03);border-color:var(--hadir, #0ea5e9);box-shadow:0 6px 18px #0ea5e92e}.avatar-zoom-overlay.svelte-lz2ljx{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .18s ease;border-radius:calc(var(--profile-avatar-radius, 14px) - 2px)}.avatar-btn.clickable.svelte-lz2ljx:hover .avatar-zoom-overlay:where(.svelte-lz2ljx){opacity:1}.head-info.svelte-lz2ljx{display:flex;flex-direction:column;min-width:0;gap:5px}.head-title-row.svelte-lz2ljx{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.head-title-row.svelte-lz2ljx h3:where(.svelte-lz2ljx){margin:0;font-size:20px;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em}.badges.svelte-lz2ljx{display:inline-flex;align-items:center;gap:6px}.head-sub.svelte-lz2ljx{font-size:12.5px;color:var(--ink-soft);line-height:1.35}.wali-highlight.svelte-lz2ljx{color:var(--ink);font-weight:600}.btn-close.svelte-lz2ljx{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface-soft, var(--surface));color:var(--ink);display:grid;place-items:center;cursor:pointer;flex-shrink:0;align-self:flex-start;margin-top:4px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn-close.svelte-lz2ljx:hover{background:var(--surface-alt);transform:scale(1.05)}.toolbar-section.svelte-lz2ljx{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--surface-soft);border-bottom:1px solid var(--line);flex-wrap:wrap}.range-chips.svelte-lz2ljx{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0}.range-chips.svelte-lz2ljx::-webkit-scrollbar{display:none}.chip-btn.svelte-lz2ljx{padding:5px 12px;font-size:11.5px;font-weight:600;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--dur-fast) var(--ease)}.chip-btn.svelte-lz2ljx:hover{background:var(--surface-alt);color:var(--ink)}.chip-btn.active.svelte-lz2ljx{background:var(--ink);color:var(--surface);border-color:var(--ink)}.action-buttons.svelte-lz2ljx{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.act-btn.svelte-lz2ljx{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm, 8px);font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;white-space:nowrap;transition:all var(--dur-fast) var(--ease)}.act-btn.svelte-lz2ljx:hover{background:var(--surface-alt)}.act-btn.wa.svelte-lz2ljx{background:#25d366;color:#fff;border-color:#25d366}.act-btn.wa.svelte-lz2ljx:hover{background:#20ba5a}.act-icon.svelte-lz2ljx{flex-shrink:0}.badge.svelte-lz2ljx{display:inline-flex;align-items:center;gap:4px;padding:2.5px 8px;border-radius:99px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.act-btn.kartu.svelte-lz2ljx{background:var(--hadir-soft, rgba(16, 185, 129, .12));color:var(--hadir, #10b981);border-color:color-mix(in oklab,var(--hadir, #10b981) 35%,transparent)}.act-btn.kartu.svelte-lz2ljx:hover{background:color-mix(in oklab,var(--hadir, #10b981) 20%,transparent)}.badge.hadir.svelte-lz2ljx{background:var(--hadir-soft);color:var(--hadir)}.badge.terlambat.svelte-lz2ljx{background:var(--terlambat-soft);color:var(--terlambat)}.badge.alpa.svelte-lz2ljx{background:var(--alpa-soft);color:var(--alpa)}.badge.off.svelte-lz2ljx{background:var(--surface-soft);color:var(--ink-faint);border:1px solid var(--line)}.mono.svelte-lz2ljx{font-family:JetBrains Mono,monospace}@media(max-width:640px){.modal-header.svelte-lz2ljx{padding:14px 16px;gap:12px}.head-profile.svelte-lz2ljx{gap:12px}.avatar-btn.svelte-lz2ljx{--profile-avatar-w: 58px;--profile-avatar-h: 87px;--profile-avatar-radius: 10px}.avatar-ring.svelte-lz2ljx{border-radius:var(--profile-avatar-radius, 10px)}.avatar-zoom-overlay.svelte-lz2ljx{border-radius:calc(var(--profile-avatar-radius, 10px) - 2px)}.head-title-row.svelte-lz2ljx h3:where(.svelte-lz2ljx){font-size:16.5px}.head-sub.svelte-lz2ljx{font-size:11.5px}.btn-close.svelte-lz2ljx{width:32px;height:32px;margin-top:0}.toolbar-section.svelte-lz2ljx{padding:8px 16px;gap:8px;flex-direction:column;align-items:stretch}.range-chips.svelte-lz2ljx{width:100%;justify-content:flex-start;gap:5px}.action-buttons.svelte-lz2ljx{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.act-btn.wa.svelte-lz2ljx,.act-btn.call.svelte-lz2ljx{grid-column:span 3}.act-btn.print.svelte-lz2ljx{grid-column:1 / -1}.act-btn.edit.svelte-lz2ljx,.act-btn.qr.svelte-lz2ljx,.act-btn.kartu.svelte-lz2ljx{grid-column:span 2}}.stat-grid.svelte-1owxyyl{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:960px){.stat-grid.svelte-1owxyyl{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:580px){.stat-grid.svelte-1owxyyl{grid-template-columns:repeat(2,1fr);gap:8px}}.s-card.svelte-1owxyyl{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius, 12px);padding:12px 14px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:84px;box-sizing:border-box}.s-card.svelte-1owxyyl:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sc, var(--line))}.s-label.svelte-1owxyyl{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.2}.s-val.svelte-1owxyyl{display:block;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;color:var(--ink);line-height:1.15;margin:4px 0 2px}.s-val.svelte-1owxyyl small:where(.svelte-1owxyyl){font-size:13px;font-weight:400;opacity:.6}.s-sub.svelte-1owxyyl{font-size:11px;color:var(--ink-soft);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@media(max-width:580px){.s-card.svelte-1owxyyl{padding:10px 11px;min-height:76px;border-radius:10px}.s-label.svelte-1owxyyl{font-size:9.5px}.s-val.svelte-1owxyyl{font-size:18.5px;margin:2px 0 1px}.s-sub.svelte-1owxyyl{font-size:10px}}.pola-container.svelte-vd5pd4{display:flex;flex-direction:column;gap:16px}.pane-grid.svelte-vd5pd4{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.pane-grid.svelte-vd5pd4{grid-template-columns:1fr}}.p-card.svelte-vd5pd4{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius, 12px);padding:16px}.p-card.full-span.svelte-vd5pd4{grid-column:1 / -1}.p-card-head.svelte-vd5pd4{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.p-card-head.svelte-vd5pd4 h4:where(.svelte-vd5pd4){margin:0;font-size:13.5px;font-weight:700}.sub.svelte-vd5pd4{font-size:11px;color:var(--ink-faint)}.weekday-bars.svelte-vd5pd4{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:110px;padding:10px 4px 4px}.wd-col.svelte-vd5pd4{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.wd-bar-wrap.svelte-vd5pd4{flex:1;width:100%;max-width:24px;background:var(--surface);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.wd-bar.svelte-vd5pd4{width:100%;border-radius:4px;min-height:3px;transition:height var(--dur-normal) var(--ease)}.wd-count.svelte-vd5pd4{font-size:11px;font-weight:700}.wd-name.svelte-vd5pd4{font-size:10.5px;color:var(--ink-soft)}.time-analytics.svelte-vd5pd4{display:flex;flex-direction:column;gap:10px;padding:6px 0}.time-stat-row.svelte-vd5pd4{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-sm, 8px);background:var(--surface);border:1px solid var(--line-soft, var(--line))}.ts-label.svelte-vd5pd4{font-size:12px;color:var(--ink-soft)}.ts-val.svelte-vd5pd4{font-size:13px;font-weight:700;color:var(--ink)}.legend.svelte-vd5pd4{display:flex;flex-wrap:wrap;align-items:center;gap:8px;row-gap:4px;font-size:11px;color:var(--ink-soft)}.lg-dot.svelte-vd5pd4{width:8px;height:8px;border-radius:50%;display:inline-block}.matrix-grid.svelte-vd5pd4{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;padding:6px 0}.matrix-cell.svelte-vd5pd4{aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cell-bg, var(--surface));color:var(--cell-color, var(--ink));border:1px solid var(--line);cursor:default;transition:transform var(--dur-fast) var(--ease)}.matrix-cell.svelte-vd5pd4:hover{transform:scale(1.12);z-index:2;box-shadow:var(--shadow-sm)}.m-day.svelte-vd5pd4{font-size:10.5px;font-weight:700;line-height:1}.m-status.svelte-vd5pd4{font-size:8.5px;font-weight:600;opacity:.8;margin-top:1px}.mono.svelte-vd5pd4{font-family:JetBrains Mono,monospace}@media(max-width:640px){.p-card.svelte-vd5pd4{padding:12px;border-radius:10px}.p-card-head.svelte-vd5pd4{margin-bottom:10px;gap:4px}.p-card-head.svelte-vd5pd4 h4:where(.svelte-vd5pd4){font-size:12.5px}.weekday-bars.svelte-vd5pd4{height:90px;padding:6px 0 2px;gap:6px}.wd-bar-wrap.svelte-vd5pd4{max-width:18px}.wd-count.svelte-vd5pd4{font-size:10px}.wd-name.svelte-vd5pd4{font-size:9.5px}.time-analytics.svelte-vd5pd4{gap:8px;padding:2px 0}.time-stat-row.svelte-vd5pd4{padding:7px 10px}.ts-label.svelte-vd5pd4{font-size:11.5px}.ts-val.svelte-vd5pd4{font-size:12px}.legend.svelte-vd5pd4{font-size:10px;gap:6px}.lg-dot.svelte-vd5pd4{width:7px;height:7px}.matrix-grid.svelte-vd5pd4{grid-template-columns:repeat(7,1fr);gap:4px}.matrix-cell.svelte-vd5pd4{border-radius:6px;min-height:32px}.m-day.svelte-vd5pd4{font-size:9.5px}.m-status.svelte-vd5pd4{font-size:7.5px}}.tables-container.svelte-1i0pplh{display:flex;flex-direction:column;gap:16px}.p-card.svelte-1i0pplh{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius, 12px);padding:16px}.p-card.full-span.svelte-1i0pplh{grid-column:1 / -1}.table-scroll.svelte-1i0pplh{overflow-x:auto;max-height:320px}table.svelte-1i0pplh{width:100%;border-collapse:collapse;font-size:12.5px}thead.svelte-1i0pplh th:where(.svelte-1i0pplh){position:sticky;top:0;background:var(--surface);text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:700;z-index:1}tbody.svelte-1i0pplh td:where(.svelte-1i0pplh){padding:8px 10px;border-bottom:1px solid var(--line-soft, var(--line))}tbody.svelte-1i0pplh tr:where(.svelte-1i0pplh):hover{background:var(--surface-alt)}.reason-cell.svelte-1i0pplh{display:flex;align-items:center;gap:8px}.btn-lampiran.svelte-1i0pplh{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.btn-lampiran.svelte-1i0pplh:hover{background:var(--surface-alt)}.bio-grid.svelte-1i0pplh{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}.bio-grid.svelte-1i0pplh .full:where(.svelte-1i0pplh){grid-column:1 / -1}.bio-grid.svelte-1i0pplh dt:where(.svelte-1i0pplh){font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:2px}.bio-grid.svelte-1i0pplh dd:where(.svelte-1i0pplh){margin:0;font-size:13.5px;color:var(--ink);word-break:break-word}.badge.svelte-1i0pplh{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:99px;font-size:10.5px;font-weight:700;text-transform:uppercase}.badge.hadir.svelte-1i0pplh,.badge.ok.svelte-1i0pplh{background:var(--hadir-soft);color:var(--hadir)}.badge.terlambat.svelte-1i0pplh{background:var(--terlambat-soft);color:var(--terlambat)}.badge.izin.svelte-1i0pplh{background:var(--izin-soft);color:var(--izin)}.badge.sakit.svelte-1i0pplh{background:var(--sakit-soft);color:var(--sakit)}.badge.alpa.svelte-1i0pplh{background:var(--alpa-soft);color:var(--alpa)}.mono.svelte-1i0pplh{font-family:JetBrains Mono,monospace}.font-bold.svelte-1i0pplh{font-weight:700}.muted.svelte-1i0pplh{color:var(--ink-faint)}.empty-row.svelte-1i0pplh td:where(.svelte-1i0pplh){text-align:center;color:var(--ink-faint);padding:24px}@media(max-width:640px){.p-card.svelte-1i0pplh{padding:12px;border-radius:10px}.table-scroll.svelte-1i0pplh{max-height:280px}table.svelte-1i0pplh{font-size:11.5px}thead.svelte-1i0pplh th:where(.svelte-1i0pplh){padding:6px 8px;font-size:9.5px}tbody.svelte-1i0pplh td:where(.svelte-1i0pplh){padding:6px 8px}.badge.svelte-1i0pplh{font-size:9.5px;padding:1px 5px}.bio-grid.svelte-1i0pplh{grid-template-columns:1fr;gap:10px}.bio-grid.svelte-1i0pplh dt:where(.svelte-1i0pplh){font-size:10px}.bio-grid.svelte-1i0pplh dd:where(.svelte-1i0pplh){font-size:12.5px}}.print-container.svelte-10dofap{display:none}@page{size:A4 portrait;margin:10mm 15mm}@media print{body.print-mode-student-rapor{margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;height:auto!important;min-height:0!important}body.print-mode-student-rapor>:not(.print-container){display:none!important}body.print-mode-student-rapor .print-container{display:block!important;position:static!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;color:#111827!important;background:#fff!important;font-family:Arial,Helvetica Neue,sans-serif;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.p-letterhead.svelte-10dofap{display:flex;align-items:center;gap:16px;padding-bottom:8px}.p-logo-wrap.svelte-10dofap{width:65px;height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.p-logo-img.svelte-10dofap{max-width:100%;max-height:100%;object-fit:contain}.p-school-info.svelte-10dofap{flex:1;text-align:center}.p-school-name.svelte-10dofap{font-size:16pt;font-weight:800;letter-spacing:.03em;margin:0;line-height:1.15;text-transform:uppercase;color:#0f172a}.p-school-address.svelte-10dofap{font-size:8.5pt;color:#475569;margin:2px 0 6px;line-height:1.25}.p-doc-badge.svelte-10dofap{font-size:10pt;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#1e293b;margin-top:2px}.p-doc-period.svelte-10dofap{font-size:8pt;color:#64748b;margin:1px 0 0}.p-letterhead-rule.svelte-10dofap{margin:6px 0 14px}.rule-thick.svelte-10dofap{height:2.5px;background:#0f172a}.rule-thin.svelte-10dofap{height:.8px;background:#0f172a;margin-top:2px}.p-identity-card.svelte-10dofap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc}.p-bio-col.svelte-10dofap{flex:1;min-width:0}.p-bio-table.svelte-10dofap{width:100%;border-collapse:collapse;font-size:9pt;line-height:1.45}.p-bio-table.svelte-10dofap td:where(.svelte-10dofap){padding:2px 4px;vertical-align:middle;border:none}.bio-label.svelte-10dofap{width:110px;color:#475569;font-weight:600}.bio-sep.svelte-10dofap{width:10px;text-align:center;color:#475569}.bio-val.svelte-10dofap{color:#0f172a}.p-photo-col.svelte-10dofap{flex-shrink:0;width:28mm;height:38mm;display:flex;align-items:center;justify-content:center}.p-pasfoto-frame.svelte-10dofap{width:100%;height:100%;border:1.2px solid #334155;border-radius:4px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.p-pasfoto-img.svelte-10dofap{width:100%;height:100%;object-fit:cover;display:block}.p-pasfoto-placeholder.svelte-10dofap{width:100%;height:100%;border:1px dashed #94a3b8;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;color:#64748b;font-size:7.5pt;font-weight:700;line-height:1.25;background:#f1f5f9}.p-section.svelte-10dofap{margin-bottom:13px;page-break-inside:avoid;break-inside:avoid}.p-sec-title.svelte-10dofap{font-size:9.5pt;font-weight:800;letter-spacing:.03em;margin:0 0 5px;color:#0f172a;text-transform:uppercase}.p-data-table.svelte-10dofap{width:100%;border-collapse:collapse;font-size:8.5pt;line-height:1.35}.p-data-table.svelte-10dofap th:where(.svelte-10dofap),.p-data-table.svelte-10dofap td:where(.svelte-10dofap){border:1px solid #475569;padding:4.5px 7px}.p-data-table.svelte-10dofap th:where(.svelte-10dofap){background:#f1f5f9!important;font-weight:700;text-transform:uppercase;font-size:8pt;letter-spacing:.02em;color:#0f172a;text-align:left}.p-data-table.svelte-10dofap td.tc:where(.svelte-10dofap),.p-data-table.svelte-10dofap th.tc:where(.svelte-10dofap){text-align:center}.p-data-table.svelte-10dofap td.highlight:where(.svelte-10dofap){font-size:9pt;color:#0f172a}.table-total-row.svelte-10dofap{background:#f8fafc!important}.table-total-row.svelte-10dofap td:where(.svelte-10dofap){border-top:1.5px solid #0f172a}.empty-msg.svelte-10dofap{color:#64748b;font-style:italic;padding:8px!important}.p-status-note.svelte-10dofap{font-size:8pt;color:#475569;margin-top:4px;display:flex;align-items:center;gap:6px}.p-note-sep.svelte-10dofap{opacity:.5}.p-signatures.svelte-10dofap{display:flex;justify-content:space-between;margin-top:22px;font-size:8.5pt;page-break-inside:avoid;break-inside:avoid}.sig-block.svelte-10dofap{text-align:center;width:220px}.sig-header.svelte-10dofap{margin:0;color:#334155}.sig-role.svelte-10dofap{margin:2px 0 0;font-weight:700;color:#0f172a}.sig-space.svelte-10dofap{height:44px}.sig-name.svelte-10dofap{margin:0;color:#0f172a}}.modal-backdrop.svelte-142ufgo{position:fixed;top:0;right:0;bottom:0;left:0;background:oklch(.12 .01 85 / var(--backdrop-alpha, .65));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:90;padding:var(--space-4, 16px);transition:background .1s ease}.sheet-handle-bar.svelte-142ufgo{display:none}.analytics-modal.svelte-142ufgo{width:100%;max-width:860px;height:min(920px,calc(100vh - 36px));height:min(920px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 18px);box-shadow:var(--shadow-2xl);overflow:hidden;color:var(--ink)}.modal-body.svelte-142ufgo{padding:20px 24px 28px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.tab-nav.svelte-142ufgo{display:flex;align-items:center;gap:6px;background:var(--surface-soft);padding:6px;border-radius:var(--radius-md, 12px);border:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;min-height:48px;box-sizing:border-box}.tab-nav.svelte-142ufgo::-webkit-scrollbar{display:none}.tab-btn.svelte-142ufgo{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.2;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.tab-btn.svelte-142ufgo:hover{color:var(--ink);background:var(--surface-alt)}.tab-btn.active.svelte-142ufgo{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.1));font-weight:700}.tab-pane.svelte-142ufgo{display:flex;flex-direction:column;gap:16px;min-height:0;flex:1}.state-box.svelte-142ufgo{padding:40px;text-align:center;color:var(--ink-faint)}.state-box.error.svelte-142ufgo{color:var(--alpa)}.spinner.svelte-142ufgo{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:svelte-142ufgo-spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes svelte-142ufgo-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.modal-backdrop.svelte-142ufgo{padding:0;align-items:flex-end}.sheet-handle-bar.svelte-142ufgo{display:flex;justify-content:center;padding:10px 0 6px;background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;flex-shrink:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sheet-handle-bar.svelte-142ufgo:active{cursor:grabbing}.sheet-handle.svelte-142ufgo{width:44px;height:4.5px;border-radius:99px;background:var(--line-soft, var(--line));transition:background .15s ease,transform .15s ease}.sheet-handle-bar.svelte-142ufgo:active .sheet-handle:where(.svelte-142ufgo),.analytics-modal.dragging.svelte-142ufgo .sheet-handle:where(.svelte-142ufgo){background:var(--ink-soft, #64748b);transform:scaleX(1.1)}.analytics-modal.svelte-142ufgo{max-width:100%;width:100%;height:90vh;height:90dvh;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;border-bottom:none;touch-action:pan-y;transition:transform .25s cubic-bezier(.2,.9,.4,1);will-change:transform}.analytics-modal.dragging.svelte-142ufgo{transition:none!important}.modal-body.svelte-142ufgo{padding:14px 16px calc(28px + env(safe-area-inset-bottom,14px));gap:16px}.tab-nav.svelte-142ufgo{gap:6px;padding:4px;min-height:42px;border-radius:10px}.tab-btn.svelte-142ufgo{padding:7px 12px;font-size:12px;border-radius:7px}}@media print{.modal-backdrop.svelte-142ufgo{display:none!important}}.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)}.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:14px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.rv-toolbar.svelte-4ored4 label:where(.svelte-4ored4){font-size:12.5px;font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-4ored4::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-4ored4::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-4ored4::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-4ored4{width:100%;border-collapse:collapse;font-size:13px}th.svelte-4ored4,td.svelte-4ored4{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-4ored4{position:sticky;top:0;z-index:3;background:var(--surface);box-shadow:0 1px 0 var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4){transition:background var(--dur-fast) var(--ease)}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4):hover{background:var(--surface-soft)}.who.svelte-4ored4{display:flex;align-items:center;gap:10px;min-width:0}.who-btn.svelte-4ored4{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.who-btn.svelte-4ored4:hover .name:where(.svelte-4ored4) b:where(.svelte-4ored4){color:var(--role-accent, var(--hadir));text-decoration:underline}.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)}.actions.svelte-4ored4{text-align:right;white-space:nowrap}.cell-nowrap.svelte-4ored4{white-space:nowrap}.sentinel-row.svelte-4ored4 td:where(.svelte-4ored4){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-4ored4{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.mono.svelte-4ored4{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.empty-row.svelte-4ored4{text-align:center;color:var(--ink-faint);padding:36px 18px;font-size:13px}.empty-row.text-danger.svelte-4ored4{color:var(--alpa)}.loading-state.svelte-4ored4{display:inline-flex;align-items:center;gap:10px;color:var(--ink-soft)}.spinner.svelte-4ored4{width:14px;height:14px;border:2px solid color-mix(in oklab,var(--ink) 25%,transparent);border-top-color:var(--ink);border-radius:50%;animation:svelte-4ored4-spin .8s linear infinite;display:inline-block}@keyframes svelte-4ored4-spin{to{transform:rotate(360deg)}}.who-info.svelte-4ored4{display:flex;flex-direction:column;gap:2px;min-width:0}.who-sub.svelte-4ored4{display:none}.status-stack.svelte-4ored4{display:inline-flex;align-items:center;gap:6px}.mobile-jenis-badge.svelte-4ored4,.btn-text.svelte-4ored4{display:none}@media(max-width:720px){.rv-toolbar.svelte-4ored4{flex-direction:column;align-items:stretch;gap:10px}.rv-toolbar.svelte-4ored4 label:where(.svelte-4ored4){justify-content:space-between;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)}}@media(max-width:640px){.table-scroll.svelte-4ored4{overflow:visible;max-height:none;min-height:0;padding:16px}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:14px}tbody.svelte-4ored4 tr:where(.svelte-4ored4):hover td:where(.svelte-4ored4),tbody.svelte-4ored4 tr:where(.svelte-4ored4):hover td:where(.svelte-4ored4):first-child{background:transparent!important;box-shadow:none!important}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main status" "actions actions";gap:14px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4):hover,tbody.svelte-4ored4 tr.datarow:where(.svelte-4ored4):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}tbody.svelte-4ored4 td:where(.svelte-4ored4){border:0;padding:0;background:transparent!important;box-shadow:none!important}tbody.svelte-4ored4 td:where(.svelte-4ored4):before{display:none!important}.col-siswa.svelte-4ored4{grid-area:main;min-width:0;background:transparent!important}.who.svelte-4ored4{display:flex;align-items:center;gap:12px;min-width:0}.avatar.svelte-4ored4{width:44px;height:44px;min-width:44px;border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.02em}.avatar.datang.svelte-4ored4{background:var(--piket-soft);color:var(--piket)}.avatar.sholat.svelte-4ored4{background:var(--sholat-soft);color:var(--sholat)}.avatar.perpus.svelte-4ored4{background:var(--perpus-soft);color:var(--perpus)}.name.svelte-4ored4{font-size:15px;font-weight:700;color:var(--ink)}.who-sub.svelte-4ored4{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td.col-waktu.svelte-4ored4,td.col-kelas.svelte-4ored4,td.col-jenis.svelte-4ored4,td.col-petugas.svelte-4ored4{display:none!important}.col-status.svelte-4ored4{grid-area:status;text-align:right;min-width:0}.status-stack.svelte-4ored4{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mobile-jenis-badge.svelte-4ored4{display:inline-block}.col-actions.actions.svelte-4ored4{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-4ored4 .btn.action-btn:where(.svelte-4ored4){width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent}.col-actions.svelte-4ored4 .edit-btn:where(.svelte-4ored4){background:var(--surface-soft, transparent);border:1px solid var(--line);color:var(--ink)}.col-actions.svelte-4ored4 .edit-btn:where(.svelte-4ored4):hover,.col-actions.svelte-4ored4 .edit-btn:where(.svelte-4ored4):active{background:var(--surface-alt);border-color:var(--ink-faint)}.col-actions.svelte-4ored4 .delete-btn:where(.svelte-4ored4){background:transparent;border:1px solid var(--alpa-soft, oklch(.92 .035 25));color:var(--alpa)}.col-actions.svelte-4ored4 .delete-btn:where(.svelte-4ored4):hover,.col-actions.svelte-4ored4 .delete-btn:where(.svelte-4ored4):active{background:var(--alpa-soft);border-color:var(--alpa)}.btn-text.svelte-4ored4{display:inline}tbody.svelte-4ored4 tr.empty-row:where(.svelte-4ored4){display:block;background:transparent;border:none;padding:0}td.empty-row.svelte-4ored4{display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}td.empty-row.svelte-4ored4:before{display:none}tbody.svelte-4ored4 tr.sentinel-row:where(.svelte-4ored4){display:block;background:transparent;border:none;padding:8px 0}tbody.svelte-4ored4 tr.sentinel-row:where(.svelte-4ored4) td:where(.svelte-4ored4){display:block;width:100%}}.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}}.sop-card.svelte-nhnaqe{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md, 10px);padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 3px #0805020a;transition:border-color var(--dur-normal, .15s) ease,box-shadow var(--dur-normal, .15s) ease}.sop-card.svelte-nhnaqe:hover{border-color:var(--line-strong, oklch(.7 .02 85 / .4));box-shadow:0 4px 12px #0805020f}.sop-header.svelte-nhnaqe{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.sop-badge-wrap.svelte-nhnaqe{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sop-step-number.svelte-nhnaqe{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-alt);color:var(--ink-soft);padding:3px 8px;border-radius:6px;border:1px solid var(--line)}.sop-time.svelte-nhnaqe{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--ink-faint)}.sop-tags.svelte-nhnaqe{display:flex;align-items:center;gap:6px}.sop-role-badge.svelte-nhnaqe{font-size:11px;font-weight:600;background:#c47d041f;color:var(--accent);padding:3px 8px;border-radius:6px}.sop-tag.svelte-nhnaqe{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.sop-tag.info.svelte-nhnaqe{background:#2b88c01f;color:#005b88;color:oklch(.45 .15 240)}.sop-tag.success.svelte-nhnaqe{background:#4aa6511f;color:#006818;color:oklch(.45 .16 145)}.sop-tag.warning.svelte-nhnaqe{background:#e79d0024;background:oklch(.75 .16 75 / .14);color:#8e5300;color:oklch(.5 .18 65)}.sop-tag.danger.svelte-nhnaqe{background:#de3b3d1f;color:#b1001b;color:oklch(.48 .22 25)}.sop-title.svelte-nhnaqe{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--ink);line-height:1.4}.sop-body.svelte-nhnaqe{font-size:13.5px;color:var(--ink-soft);line-height:1.6}.sop-body.svelte-nhnaqe ul,.sop-body.svelte-nhnaqe ol{margin:8px 0;padding-left:20px}.sop-body.svelte-nhnaqe li{margin-bottom:6px}.sop-body.svelte-nhnaqe strong{color:var(--ink);font-weight:600}.sop-body.svelte-nhnaqe .action-highlight{display:inline-block;background:var(--surface-alt);padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:500;color:var(--ink);border:1px solid var(--line)}.panduan-tip.svelte-ifwk7c{background:var(--tip-bg);border:1px solid var(--tip-border);border-left:3.5px solid var(--tip-color);border-radius:var(--radius-sm, 8px);padding:12px 16px;margin:14px 0}.tip-header.svelte-ifwk7c{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tip-icon.svelte-ifwk7c{display:inline-flex;align-items:center;color:var(--tip-color)}.tip-title.svelte-ifwk7c{font-size:13px;font-weight:700;color:var(--tip-color);letter-spacing:.02em}.tip-content.svelte-ifwk7c{font-size:13px;color:var(--ink);line-height:1.55}.tip-content.svelte-ifwk7c strong{color:var(--ink);font-weight:600}.tip-content.svelte-ifwk7c ul,.tip-content.svelte-ifwk7c ol{margin:6px 0;padding-left:18px}.tip-content.svelte-ifwk7c li{margin-bottom:4px}.apk-section.svelte-1gv61si{margin-bottom:32px}.apk-badge.svelte-1gv61si{background:#0074c81f!important;background:oklch(.55 .16 250 / .12)!important;color:#005798!important;color:oklch(.45 .18 250)!important}[data-theme=dark] .apk-badge.svelte-1gv61si{background:#3093ec33!important;color:#89c3ff!important;color:oklch(.8 .14 250)!important}.apk-download-hero.svelte-1gv61si{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0074c714,#c47d0414);background:linear-gradient(135deg,color(xyz 0.167 0.166 0.582 / 0.078),#c47d0414);border:1.5px solid oklch(.55 .16 250 / .25);border-radius:var(--radius-md, 12px);padding:22px 24px;margin:18px 0 24px;box-shadow:0 4px 16px #0805020a;flex-wrap:wrap}.hero-left.svelte-1gv61si{display:flex;align-items:center;gap:16px;flex:1;min-width:260px}.apk-icon-box.svelte-1gv61si{width:60px;height:60px;border-radius:14px;background:linear-gradient(135deg,#0074c7,#0a46a2);background:linear-gradient(135deg,color(xyz 0.172 0.165 0.65),#0a46a2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00579859;box-shadow:0 4px 12px oklch(.45 .16 250 / .35)}.apk-meta.svelte-1gv61si{display:flex;flex-direction:column;gap:4px}.apk-title-row.svelte-1gv61si{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.apk-name.svelte-1gv61si{margin:0;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.version-tag.svelte-1gv61si{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:#c47d0433;color:var(--accent);border:1px solid oklch(.65 .14 70 / .3);font-family:JetBrains Mono,monospace}.apk-sub.svelte-1gv61si{margin:0;font-size:13px;color:var(--ink-soft)}.apk-specs.svelte-1gv61si{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}.spec-item.svelte-1gv61si{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-faint);font-weight:500}.hero-right.svelte-1gv61si{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.apk-cta-btn.svelte-1gv61si{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:9px;border:none;background:linear-gradient(135deg,#007dd6,#005bb3);background:linear-gradient(135deg,color(xyz 0.199 0.194 0.724),color(xyz 0.12 0.108 0.449));color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0065b059;box-shadow:0 4px 14px oklch(.5 .16 250 / .35);transition:transform .15s ease,filter .15s ease}.apk-cta-btn.svelte-1gv61si:hover{filter:brightness(1.08)}.apk-cta-btn.svelte-1gv61si:active{transform:scale(.98)}.apk-features-grid.svelte-1gv61si{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:24px}.feature-item.svelte-1gv61si{display:flex;gap:12px;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-sm, 8px);padding:14px 16px}.feature-icon.svelte-1gv61si{flex-shrink:0;margin-top:2px}.feature-item.svelte-1gv61si h5:where(.svelte-1gv61si){margin:0 0 4px;font-size:13.5px;font-weight:700;color:var(--ink)}.feature-item.svelte-1gv61si p:where(.svelte-1gv61si){margin:0;font-size:12.5px;color:var(--ink-soft);line-height:1.5}.steps-heading.svelte-1gv61si{margin:0 0 14px;font-size:14.5px;font-weight:700;color:var(--ink)}@media(min-width:769px){.apk-section.svelte-1gv61si{display:none}}@media(max-width:640px){.apk-download-hero.svelte-1gv61si{flex-direction:column;align-items:stretch;padding:16px}.hero-right.svelte-1gv61si{align-items:stretch}.apk-cta-btn.svelte-1gv61si{justify-content:center}}.faq-list.svelte-13h786y{display:flex;flex-direction:column;gap:10px;margin:12px 0}.faq-empty.svelte-13h786y{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;background:var(--surface-alt);border:1px dashed var(--line);border-radius:var(--radius-md, 10px);color:var(--ink-faint);font-size:13.5px;text-align:center}.faq-empty.svelte-13h786y p:where(.svelte-13h786y){margin:0}.faq-item.svelte-13h786y{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 8px);overflow:hidden;transition:border-color var(--dur-fast, .1s) ease}.faq-item.svelte-13h786y:hover{border-color:var(--line-strong, oklch(.7 .02 85 / .4))}.faq-item.open.svelte-13h786y{border-color:var(--accent)}.faq-trigger.svelte-13h786y{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;background:transparent;border:none;cursor:pointer;text-align:left;gap:12px;color:var(--ink);font-family:inherit}.faq-q-wrap.svelte-13h786y{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.faq-q-icon.svelte-13h786y{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#c47d041f;color:var(--accent);font-size:12px;font-weight:700;flex-shrink:0}.faq-question.svelte-13h786y{font-size:14px;font-weight:600;color:var(--ink);line-height:1.4}.faq-tag.svelte-13h786y{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--surface-alt);color:var(--ink-faint);border:1px solid var(--line)}.faq-chevron.svelte-13h786y{display:inline-flex;align-items:center;color:var(--ink-faint);transition:transform var(--dur-fast, .12s) ease;flex-shrink:0}.faq-chevron.rotate.svelte-13h786y{transform:rotate(90deg);color:var(--accent)}.faq-answer.svelte-13h786y{padding:12px 16px 14px 46px;font-size:13px;line-height:1.6;color:var(--ink-soft);border-top:1px dashed var(--line);margin-top:2px}.faq-answer.svelte-13h786y p{margin:0 0 8px}.faq-answer.svelte-13h786y p:last-child{margin-bottom:0}.faq-answer.svelte-13h786y strong{color:var(--ink);font-weight:600}.faq-answer.svelte-13h786y ul,.faq-answer.svelte-13h786y ol{margin:6px 0;padding-left:18px}.faq-answer.svelte-13h786y li{margin-bottom:4px}.panduan-content.svelte-1er8mjh{max-width:900px}.panduan-intro.svelte-1er8mjh{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panduan-intro.svelte-1er8mjh h3:where(.svelte-1er8mjh){margin:0 0 8px;font-size:20px;font-weight:700;color:var(--ink)}.panduan-intro.svelte-1er8mjh p:where(.svelte-1er8mjh){margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.panduan-section.svelte-1er8mjh{margin-bottom:36px}.section-badge.svelte-1er8mjh{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#c47d041f;color:var(--accent);margin-bottom:8px}.section-title.svelte-1er8mjh{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.section-desc.svelte-1er8mjh{margin:0 0 16px;font-size:13.5px;color:var(--ink-faint);line-height:1.5}.panduan-content.svelte-x75l56{max-width:900px}.panduan-intro.svelte-x75l56{margin-bottom:24px}.panduan-intro.svelte-x75l56 h3:where(.svelte-x75l56){margin:0 0 8px;font-size:20px;font-weight:800;color:var(--ink)}.panduan-intro.svelte-x75l56 p:where(.svelte-x75l56){margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}.panduan-section.svelte-x75l56{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.section-badge.svelte-x75l56{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill, 999px);background:#0074c81f;background:oklch(.55 .16 250 / .12);color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.section-title.svelte-x75l56{margin:0 0 6px;font-size:17px;font-weight:800;color:var(--ink)}.section-desc.svelte-x75l56{margin:0 0 16px;font-size:13px;color:var(--ink-soft)}.panduan-content.svelte-14w3v3c{max-width:900px}.panduan-intro.svelte-14w3v3c{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panduan-intro.svelte-14w3v3c h3:where(.svelte-14w3v3c){margin:0 0 8px;font-size:20px;font-weight:700;color:var(--ink)}.panduan-intro.svelte-14w3v3c p:where(.svelte-14w3v3c){margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.panduan-section.svelte-14w3v3c{margin-bottom:36px}.section-badge.svelte-14w3v3c{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#c47d041f;color:var(--accent);margin-bottom:8px}.section-title.svelte-14w3v3c{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.section-desc.svelte-14w3v3c{margin:0 0 16px;font-size:13.5px;color:var(--ink-faint);line-height:1.5}.panduan-content.svelte-1mxc8kq{max-width:900px}.panduan-intro.svelte-1mxc8kq{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panduan-intro.svelte-1mxc8kq h3:where(.svelte-1mxc8kq){margin:0 0 8px;font-size:20px;font-weight:700;color:var(--ink)}.panduan-intro.svelte-1mxc8kq p:where(.svelte-1mxc8kq){margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.panduan-section.svelte-1mxc8kq{margin-bottom:36px}.section-badge.svelte-1mxc8kq{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#c47d041f;color:var(--accent);margin-bottom:8px}.section-title.svelte-1mxc8kq{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.section-desc.svelte-1mxc8kq{margin:0 0 16px;font-size:13.5px;color:var(--ink-faint);line-height:1.5}.panduan-content.svelte-eh26ia{max-width:900px}.panduan-intro.svelte-eh26ia{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panduan-intro.svelte-eh26ia h3:where(.svelte-eh26ia){margin:0 0 8px;font-size:20px;font-weight:700;color:var(--ink)}.panduan-intro.svelte-eh26ia p:where(.svelte-eh26ia){margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.panduan-section.svelte-eh26ia{margin-bottom:36px}.section-badge.svelte-eh26ia{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#c47d041f;color:var(--accent);margin-bottom:8px}.section-title.svelte-eh26ia{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.section-desc.svelte-eh26ia{margin:0 0 16px;font-size:13.5px;color:var(--ink-faint);line-height:1.5}.panduan-content.svelte-gw4ijs{max-width:900px}.panduan-intro.svelte-gw4ijs{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panduan-intro.svelte-gw4ijs h3:where(.svelte-gw4ijs){margin:0 0 8px;font-size:20px;font-weight:700;color:var(--ink)}.panduan-intro.svelte-gw4ijs p:where(.svelte-gw4ijs){margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.panduan-section.svelte-gw4ijs{margin-bottom:36px}.section-badge.svelte-gw4ijs{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#c47d041f;color:var(--accent);margin-bottom:8px}.section-title.svelte-gw4ijs{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.section-desc.svelte-gw4ijs{margin:0 0 16px;font-size:13.5px;color:var(--ink-faint);line-height:1.5}.panduan-content.svelte-l04lfa{max-width:900px}.panduan-intro.svelte-l04lfa{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panduan-intro.svelte-l04lfa h3:where(.svelte-l04lfa){margin:0 0 8px;font-size:20px;font-weight:700;color:var(--ink)}.panduan-intro.svelte-l04lfa p:where(.svelte-l04lfa){margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}.panduan-section.svelte-l04lfa{margin-bottom:36px}.section-badge.svelte-l04lfa{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:4px;background:#c47d041f;color:var(--accent);margin-bottom:8px}.section-title.svelte-l04lfa{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink)}.section-desc.svelte-l04lfa{margin:0 0 16px;font-size:13.5px;color:var(--ink-faint);line-height:1.5}.panduan-wrapper.svelte-7l6h62{padding:4px 0 32px;max-width:1000px;margin:0 auto}.panduan-hero.svelte-7l6h62{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md, 10px);padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0805020a}.hero-badge.svelte-7l6h62{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:6px;background:#c47d041f;color:var(--accent);margin-bottom:12px}.hero-text.svelte-7l6h62 h2:where(.svelte-7l6h62){margin:0 0 8px;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.hero-text.svelte-7l6h62 p:where(.svelte-7l6h62){margin:0 0 18px;font-size:14px;color:var(--ink-soft);line-height:1.6;max-width:780px}.search-box.svelte-7l6h62{position:relative;display:flex;align-items:center;max-width:600px}.search-icon.svelte-7l6h62{position:absolute;left:12px;color:var(--ink-faint);pointer-events:none;display:flex;align-items:center}.search-box.svelte-7l6h62 input:where(.svelte-7l6h62){width:100%;padding:10px 36px;border:1.5px solid var(--line);border-radius:var(--radius-sm, 8px);background:var(--surface-alt);color:var(--ink);font-family:inherit;font-size:13.5px;outline:none;transition:border-color var(--dur-normal, .15s) ease,box-shadow var(--dur-normal, .15s) ease}.search-box.svelte-7l6h62 input:where(.svelte-7l6h62):focus{border-color:var(--accent);box-shadow:0 0 0 3px #c47d041f;background:var(--surface)}.clear-btn.svelte-7l6h62{position:absolute;right:10px;background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.clear-btn.svelte-7l6h62:hover{color:var(--ink);background:var(--surface)}.role-tabs-wrap.svelte-7l6h62{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.role-tabs-label.svelte-7l6h62{font-size:12.5px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}.role-tabs.svelte-7l6h62{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px;max-width:100%;-webkit-overflow-scrolling:touch}.tab-btn.svelte-7l6h62{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--dur-fast, .1s) ease}.tab-btn.svelte-7l6h62:hover{border-color:var(--line-strong, oklch(.7 .02 85 / .4));color:var(--ink)}.tab-btn.active.svelte-7l6h62{background:var(--ink);color:var(--surface);border-color:var(--ink);box-shadow:0 2px 6px #0805021f}.panduan-body.svelte-7l6h62{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md, 10px);padding:28px;box-shadow:0 1px 3px #0805020a}@media(max-width:768px){.panduan-hero.svelte-7l6h62{padding:18px}.hero-text.svelte-7l6h62 h2:where(.svelte-7l6h62){font-size:19px}.panduan-body.svelte-7l6h62{padding:18px 14px}}.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;-webkit-tap-highlight-color:transparent}.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-backdrop.svelte-kb3cuo{display:none}.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 #0000002e,0 2px 6px #0000000f;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:4px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.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:5px 7px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink);font-size:11.5px;font-weight:500;cursor:pointer;text-align:left;transition:all var(--dur-fast, .15s) var(--ease, ease);-webkit-tap-highlight-color:transparent}.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-backdrop.svelte-kb3cuo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#020201a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998}.trp-popover.svelte-kb3cuo{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;width:calc(100vw - 24px)!important;max-width:440px;margin:0 auto;max-height:75vh;max-height:75dvh;display:flex;flex-direction:column;border-radius:16px;z-index:9999;box-shadow:0 16px 48px #00000073;padding:14px 14px 16px;animation:svelte-kb3cuo-popInMobile .25s cubic-bezier(.34,1.3,.64,1)}@keyframes svelte-kb3cuo-popInMobile{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.trp-grid.svelte-kb3cuo{grid-template-columns:1fr;max-height:52vh;max-height:52dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;gap:12px;padding-right:2px}.col-items.svelte-kb3cuo{gap:3px}.preset-btn.svelte-kb3cuo{padding:8px 10px;font-size:12.5px;border-radius:8px}.preset-btn.svelte-kb3cuo:active{transform:scale(.98)}}.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)}.efektif-badge.svelte-1jokfsv{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--hadir);background:color-mix(in oklab,var(--hadir) 12%,var(--surface));padding:7px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--hadir) 28%,transparent)}.efektif-badge.off.svelte-1jokfsv{color:var(--ink-soft);background:var(--surface-soft);border-color:var(--line)}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-1jokfsv::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-1jokfsv::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-1jokfsv::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-1jokfsv{width:100%;border-collapse:collapse;font-size:13px}th.svelte-1jokfsv,td.svelte-1jokfsv{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-1jokfsv{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv){animation:rowFadeIn var(--dur-normal) var(--ease-out-expo) backwards;animation-delay:calc(var(--i, 0) * 40ms);transition:background var(--dur-fast) var(--ease)}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv){background:var(--surface-soft)}.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}.sentinel-row.svelte-1jokfsv td:where(.svelte-1jokfsv){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-1jokfsv{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.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;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filter-row.svelte-1jokfsv label:where(.svelte-1jokfsv){display:inline-flex;align-items:center;gap:8px;font-size:12.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 8px;border-radius:8px;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}}.izin-cell.svelte-1jokfsv{display:flex;align-items:center;gap:10px}.izin-badge-avatar.svelte-1jokfsv,.izin-sub.svelte-1jokfsv{display:none}.ket-wrapper.svelte-1jokfsv{display:flex;flex-direction:column;gap:2px}.ket-creator.svelte-1jokfsv,.btn-text.svelte-1jokfsv{display:none}@media(max-width:640px){.filter-row.svelte-1jokfsv{flex-direction:column;align-items:stretch;gap:10px}.filter-row.svelte-1jokfsv label:where(.svelte-1jokfsv){justify-content:space-between}.filter-row.svelte-1jokfsv .sel-wrap{width:100%}.table-scroll.svelte-1jokfsv{overflow:visible;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr:where(.svelte-1jokfsv):hover td:where(.svelte-1jokfsv):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.izin-row:where(.svelte-1jokfsv){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main kategori" "ket ket" "actions actions";gap:12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.izin-row:where(.svelte-1jokfsv):hover,.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.izin-row:where(.svelte-1jokfsv):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-1jokfsv td:where(.svelte-1jokfsv){border:0;padding:0;background:transparent!important;box-shadow:none!important}.table-scroll.svelte-1jokfsv td:where(.svelte-1jokfsv):before{display:none!important}.col-siswa.svelte-1jokfsv{grid-area:main;min-width:0;background:transparent!important}.izin-cell.svelte-1jokfsv{display:flex;align-items:center;gap:12px;min-width:0}.izin-badge-avatar.svelte-1jokfsv{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;font-weight:700;font-size:13px;text-align:center;flex-shrink:0;padding:4px;overflow:hidden;letter-spacing:.02em}.izin-badge-avatar.izin.svelte-1jokfsv{background:var(--izin-soft);color:var(--izin)}.izin-badge-avatar.sakit.svelte-1jokfsv{background:var(--sakit-soft);color:var(--sakit)}.izin-badge-avatar.alpa.svelte-1jokfsv{background:var(--alpa-soft);color:var(--alpa)}.izin-info.svelte-1jokfsv{display:flex;flex-direction:column;gap:2px;min-width:0}.izin-title.svelte-1jokfsv{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.izin-sub.svelte-1jokfsv{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-1jokfsv td.col-tanggal:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv td.col-kelas:where(.svelte-1jokfsv),.table-scroll.svelte-1jokfsv td.col-dibuat:where(.svelte-1jokfsv){display:none!important}.col-kategori.svelte-1jokfsv{grid-area:kategori;text-align:right}.col-keterangan.svelte-1jokfsv{grid-area:ket;background:var(--surface-alt, var(--surface-soft))!important;padding:8px 12px!important;border-radius:var(--radius-sm, 8px);font-size:12.5px}.ket-wrapper.svelte-1jokfsv{display:flex;flex-direction:column;gap:2px}.ket-text.svelte-1jokfsv{color:var(--ink);line-height:1.35}.ket-creator.svelte-1jokfsv{display:block;font-size:11px;color:var(--ink-faint)}.col-actions.action-cell.svelte-1jokfsv{grid-area:actions;display:block;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-1jokfsv .btn.action-btn:where(.svelte-1jokfsv){width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid var(--alpa-soft, oklch(.92 .035 25));color:var(--alpa)}.col-actions.svelte-1jokfsv .btn.action-btn:where(.svelte-1jokfsv):hover,.col-actions.svelte-1jokfsv .btn.action-btn:where(.svelte-1jokfsv):active{background:var(--alpa-soft);border-color:var(--alpa)}.btn-text.svelte-1jokfsv{display:inline}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.empty-row:where(.svelte-1jokfsv){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.empty-row:where(.svelte-1jokfsv) td:where(.svelte-1jokfsv){display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.empty-row:where(.svelte-1jokfsv) td:where(.svelte-1jokfsv):before{display:none}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.sentinel-row:where(.svelte-1jokfsv){display:block;background:transparent;border:none;padding:8px 0}.table-scroll.svelte-1jokfsv tbody:where(.svelte-1jokfsv) tr.sentinel-row:where(.svelte-1jokfsv) td:where(.svelte-1jokfsv){display:block;width:100%}}@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}.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)}}.efektif-badge.svelte-1yld1nv{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius);background:color-mix(in oklab,var(--hadir) 12%,var(--surface));color:var(--hadir);border:1px solid color-mix(in oklab,var(--hadir) 28%,transparent);font-size:12.5px;font-weight:600;margin-bottom:16px}.efektif-badge.off.svelte-1yld1nv{background:var(--surface-soft);color:var(--ink-soft);border-color:var(--line)}.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}.scroll-sentinel.svelte-6w1rdc{height:1px}.sentinel-note.svelte-6w1rdc{display:block;height:auto;padding:6px 0;font-size:11px;color:var(--ink-faint)}.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}.monitor-card.svelte-1yd6f0k{margin-top:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);overflow:hidden;animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.1s;transition:box-shadow var(--dur-slow) var(--ease),border-color var(--dur-normal) var(--ease)}.monitor-card.svelte-1yd6f0k:hover{box-shadow:var(--shadow)}.panel-head.svelte-1yd6f0k{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head.svelte-1yd6f0k h3:where(.svelte-1yd6f0k){margin:0 0 3px;font-size:15px;font-weight:700;color:var(--ink)}.panel-head.svelte-1yd6f0k .sub:where(.svelte-1yd6f0k){font-size:12px;color:var(--ink-soft)}.monitor-grid.svelte-1yd6f0k{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px 20px}@media(max-width:820px){.monitor-grid.svelte-1yd6f0k{grid-template-columns:1fr}}.monitor-col.svelte-1yd6f0k{display:flex;flex-direction:column;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm, 10px);overflow:hidden}.monitor-title.svelte-1yd6f0k{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line)}.title-left.svelte-1yd6f0k{display:flex;align-items:center;gap:7px}.count-tag.svelte-1yd6f0k{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;background:color-mix(in oklab,currentColor 15%,transparent)}.monitor-title.late.svelte-1yd6f0k{color:var(--terlambat);background:var(--terlambat-soft)}.monitor-title.absent.svelte-1yd6f0k{color:var(--alpa);background:var(--alpa-soft)}.monitor-body.svelte-1yd6f0k{padding:8px 14px 14px;max-height:360px;overflow-y:auto}.monitor-body.svelte-1yd6f0k::-webkit-scrollbar{width:6px}.monitor-body.svelte-1yd6f0k::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.monitor-body.svelte-1yd6f0k::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.monitor-title.absent.muted.svelte-1yd6f0k{color:var(--ink-faint);background:var(--surface-soft)}.m-empty.svelte-1yd6f0k{padding:30px 10px;color:var(--ink-faint);font-size:13px;text-align:center}.scroll-sentinel.svelte-1yd6f0k{height:1px}.sentinel-note.svelte-1yd6f0k{display:block;height:auto;padding:6px 0;font-size:11px;color:var(--ink-faint)}.timeline.svelte-1yd6f0k{display:flex;flex-direction:column;gap:0;position:relative;padding-top:4px}.timeline.svelte-1yd6f0k:before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:var(--line)}.clickable-btn.svelte-1yd6f0k{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.clickable-btn.svelte-1yd6f0k:hover .tl-name:where(.svelte-1yd6f0k),.clickable-btn.svelte-1yd6f0k:hover .absent-name:where(.svelte-1yd6f0k){color:var(--role-accent, var(--admin));text-decoration:underline}.tl-item.svelte-1yd6f0k{display:flex;align-items:flex-start;gap:12px;padding:8px 4px;position:relative;border-radius:var(--radius-xs);animation:rowFadeIn var(--dur-enter) var(--ease) backwards;animation-delay:calc(var(--i, 0) * 25ms);transition:background var(--dur-fast) var(--ease)}.tl-item.svelte-1yd6f0k:hover{background:var(--surface)}.tl-content.svelte-1yd6f0k{flex:1;min-width:0}.tl-name.svelte-1yd6f0k{font-weight:700;font-size:13px;color:var(--ink)}.tl-detail.svelte-1yd6f0k{font-size:11.5px;color:var(--ink-soft);display:block;margin-top:2px}.absent-list.svelte-1yd6f0k{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding-top:6px}@media(max-width:620px){.absent-list.svelte-1yd6f0k{grid-template-columns:1fr}}.absent-row.svelte-1yd6f0k{display:flex;align-items:center;gap:9px;padding:6px;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)}.absent-info.svelte-1yd6f0k{display:flex;flex-direction:column;min-width:0}.absent-name.svelte-1yd6f0k{font-weight:600;font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absent-class.svelte-1yd6f0k{font-size:11px;color:var(--ink-faint)}.mono.svelte-1yd6f0k{font-family:JetBrains Mono,monospace}.class-recap.svelte-mea1h2{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 16px);padding:22px 24px;margin-top:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-slow) var(--ease);animation:fadeUp var(--dur-enter) var(--ease) backwards;animation-delay:.12s}.class-recap.svelte-mea1h2:hover{box-shadow:var(--shadow)}.recap-header.svelte-mea1h2{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.recap-title-area.svelte-mea1h2{flex:1;min-width:260px}.recap-title-row.svelte-mea1h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.recap-title-row.svelte-mea1h2 h3:where(.svelte-mea1h2){font-family:Fraunces,serif;font-size:18px;font-weight:700;margin:0;color:var(--ink);line-height:1.2}.recap-sub.svelte-mea1h2{color:var(--ink-soft);font-size:12.5px;margin:0;line-height:1.4}.recap-badges.svelte-mea1h2{display:flex;align-items:center;gap:6px}.count-pill.svelte-mea1h2{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--surface-alt);color:var(--ink-soft);font-size:11px;font-weight:600;border:1px solid var(--line)}.flagged-pill.svelte-mea1h2{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--alpa-soft);color:var(--alpa);font-size:11px;font-weight:700;border:1px solid color-mix(in oklab,var(--alpa) 30%,transparent)}.all-good-pill.svelte-mea1h2{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--hadir-soft);color:var(--hadir);font-size:11px;font-weight:700}.recap-legends.svelte-mea1h2{display:flex;align-items:center;gap:14px;padding:6px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:99px;font-size:11.5px;color:var(--ink-soft);font-weight:600}.legend-item.svelte-mea1h2{display:flex;align-items:center;gap:6px}.legend-dot.svelte-mea1h2{width:7px;height:7px;border-radius:50%}.legend-dot.piket.svelte-mea1h2{background:var(--piket)}.legend-dot.sholat.svelte-mea1h2{background:var(--sholat)}.legend-dot.perpus.svelte-mea1h2{background:var(--perpus)}.recap-container.svelte-mea1h2{display:flex;flex-direction:column}.recap-table-head.svelte-mea1h2{display:grid;grid-template-columns:1.4fr 2.2fr 2.2fr 1.6fr 1.4fr;gap:16px;align-items:center;padding:10px 14px;background:var(--surface-soft);border-radius:var(--radius-sm, 10px);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;margin-bottom:8px}.recap-list.svelte-mea1h2{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.recap-list.svelte-mea1h2::-webkit-scrollbar{width:6px}.recap-list.svelte-mea1h2::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.recap-list.svelte-mea1h2::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.recap-item.svelte-mea1h2{display:grid;grid-template-columns:1.4fr 2.2fr 2.2fr 1.6fr 1.4fr;gap:16px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 10px);transition:all var(--dur-fast) var(--ease)}.recap-item.svelte-mea1h2:hover{background:var(--surface-soft);border-color:var(--line-soft, var(--line));box-shadow:var(--shadow-xs)}.recap-item.is-flagged.svelte-mea1h2{border-left:3px solid var(--alpa)}.col-main.svelte-mea1h2{display:flex;align-items:center;gap:10px;min-width:0}.kelas-title-wrap.svelte-mea1h2{display:flex;flex-direction:column;gap:2px;min-width:0}.kelas-name.svelte-mea1h2{font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kelas-sub-mobile.svelte-mea1h2{display:none}.metric-cell.svelte-mea1h2{min-width:0}.metric-label-mobile.svelte-mea1h2{display:none}.metric-bar-wrap.svelte-mea1h2{display:flex;align-items:center;gap:10px}.bar-track.svelte-mea1h2{flex:1;height:7px;background:var(--surface-alt);border-radius:99px;overflow:hidden}.bar-fill.svelte-mea1h2{height:100%;border-radius:99px;transition:width .6s var(--ease-out-expo)}.bar-fill.piket.svelte-mea1h2{background:linear-gradient(90deg,oklch(.55 .1 210),var(--piket))}.bar-fill.sholat.svelte-mea1h2{background:linear-gradient(90deg,oklch(.6 .12 150),var(--sholat))}.bar-num.svelte-mea1h2{font-size:12px;font-weight:700;color:var(--ink);min-width:40px;text-align:right}.perpus-chip.svelte-mea1h2{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;background:var(--perpus-soft);color:var(--perpus);font-size:12px;font-weight:600}.perpus-unit.svelte-mea1h2{color:var(--ink-soft);font-size:11px;font-weight:500}.col-status.svelte-mea1h2{text-align:right}.status-pill.svelte-mea1h2{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.status-dot.svelte-mea1h2{width:6px;height:6px;border-radius:50%}.status-pill.ok.svelte-mea1h2{background:var(--hadir-soft);color:var(--hadir)}.status-pill.ok.svelte-mea1h2 .status-dot:where(.svelte-mea1h2){background:var(--hadir)}.status-pill.danger.svelte-mea1h2{background:var(--alpa-soft);color:var(--alpa)}.status-pill.danger.svelte-mea1h2 .status-dot:where(.svelte-mea1h2){background:var(--alpa)}.mono.svelte-mea1h2{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.text-danger.svelte-mea1h2{color:var(--alpa)}.text-ok.svelte-mea1h2{color:var(--hadir)}.recap-empty.svelte-mea1h2{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--ink-soft);font-size:13px;background:var(--surface-soft);border-radius:var(--radius-sm);border:1px dashed var(--line);text-align:center}@media(max-width:768px){.class-recap.svelte-mea1h2{padding:16px 14px;margin-top:18px;border-radius:var(--radius, 12px)}.recap-header.svelte-mea1h2{margin-bottom:12px;gap:10px}.recap-title-row.svelte-mea1h2 h3:where(.svelte-mea1h2){font-size:16px}.recap-legends.svelte-mea1h2,.recap-table-head.svelte-mea1h2{display:none}.recap-list.svelte-mea1h2{max-height:400px;overflow-y:auto;overflow-x:hidden;gap:8px;padding-right:2px}.recap-item.svelte-mea1h2{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"header header status" "piket sholat perpus";row-gap:8px;column-gap:8px;align-items:center;padding:11px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm, 10px);box-shadow:none}.recap-item.svelte-mea1h2:hover,.recap-item.svelte-mea1h2:focus-within{background:var(--surface-soft);border-color:var(--line-soft, var(--line))}.recap-item.is-flagged.svelte-mea1h2{border-left:3.5px solid var(--alpa);background:color-mix(in oklab,var(--alpa) 3%,var(--surface))}.col-main.svelte-mea1h2{grid-area:header;display:flex;align-items:center;min-width:0}.kelas-title-wrap.svelte-mea1h2{min-width:0}.kelas-name.svelte-mea1h2{font-size:14px;font-weight:700;color:var(--ink);line-height:1.2}.kelas-sub-mobile.svelte-mea1h2{display:none}.col-status.svelte-mea1h2{grid-area:status;display:flex;justify-content:flex-end;align-items:center;min-width:0}.col-status.svelte-mea1h2 .status-pill:where(.svelte-mea1h2){font-size:10px;padding:3px 8px;gap:5px;line-height:1.1;white-space:nowrap}.col-piket.svelte-mea1h2{grid-area:piket;min-width:0}.col-sholat.svelte-mea1h2{grid-area:sholat;min-width:0}.col-perpus.svelte-mea1h2{grid-area:perpus;min-width:0}.metric-cell.svelte-mea1h2{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;width:100%}.metric-label-mobile.svelte-mea1h2{display:block;font-size:9.5px;color:var(--ink-faint);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1}.metric-bar-wrap.svelte-mea1h2{width:100%;display:flex;align-items:center;gap:5px;min-width:0}.bar-track.svelte-mea1h2{flex:1;height:6px;min-width:0}.bar-num.svelte-mea1h2{font-size:11px;font-weight:700;min-width:26px;text-align:right;line-height:1}.perpus-chip.svelte-mea1h2{width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-size:10.5px;gap:4px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perpus-unit.svelte-mea1h2{font-size:9.5px}}@media(max-width:480px){.recap-item.svelte-mea1h2{padding:10px 11px;column-gap:6px}.kelas-name.svelte-mea1h2{font-size:13px}.col-status.svelte-mea1h2 .status-pill:where(.svelte-mea1h2){font-size:9.5px;padding:2px 6px;gap:4px}.bar-num.svelte-mea1h2{font-size:10.5px;min-width:22px}.perpus-chip.svelte-mea1h2{font-size:10px;padding:2px 4px;gap:3px}.perpus-unit.svelte-mea1h2{font-size:9px}}.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;display:flex;flex-direction:column;height:100%;box-sizing:border-box;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}.chart-wrap.svelte-13aynb8{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}.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;display:flex;flex-direction:column;height:100%;box-sizing:border-box;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{flex:1;overflow-x:auto;overflow-y:auto;max-height:320px}.table-scroll.svelte-brpya2::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-brpya2::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-brpya2::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-brpya2{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-brpya2 th:where(.svelte-brpya2){position:sticky;top:0;background:var(--surface);z-index:2;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;box-shadow:0 1px 0 var(--line)}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}.rk-main.svelte-brpya2{display:flex;align-items:center;gap:8px}.rk-rank.svelte-brpya2{display:none}.rk-info.svelte-brpya2{display:flex;flex-direction:column;gap:2px;width:100%}.rk-header-row.svelte-brpya2{display:flex;align-items:center;justify-content:space-between;gap:8px}.rk-mobile-status.svelte-brpya2,.rk-bar-mobile.svelte-brpya2{display:none}@media(max-width:640px){.kp-card.svelte-brpya2{padding:16px}.table-scroll.svelte-brpya2{overflow-x:hidden;overflow-y:auto;max-height:380px;padding:0}table.svelte-brpya2,thead.svelte-brpya2,tbody.svelte-brpya2,tr.svelte-brpya2,td.svelte-brpya2{display:block;width:100%}thead.svelte-brpya2{display:none}tbody.svelte-brpya2{display:flex;flex-direction:column;gap:0}tbody.svelte-brpya2 tr.rk-row:where(.svelte-brpya2){display:block;border:0;border-bottom:1px solid var(--line-soft, var(--line));border-radius:0;background:transparent;padding:10px 4px;transition:background var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}tbody.svelte-brpya2 tr.rk-row:where(.svelte-brpya2):last-child{border-bottom:none}tbody.svelte-brpya2 tr.rk-row:where(.svelte-brpya2):hover,tbody.svelte-brpya2 tr.rk-row:where(.svelte-brpya2):focus-within{background:var(--surface-soft, var(--surface));box-shadow:none}tbody.svelte-brpya2 tr:where(.svelte-brpya2):hover td:where(.svelte-brpya2),tbody.svelte-brpya2 tr:where(.svelte-brpya2):hover td:where(.svelte-brpya2):first-child{background:transparent!important;box-shadow:none!important}td.svelte-brpya2{border:0;padding:0;background:transparent!important}td.svelte-brpya2:before{display:none!important}td.col-desktop.svelte-brpya2{display:none!important}.col-kelas.svelte-brpya2{width:100%}.rk-main.svelte-brpya2{display:flex;align-items:flex-start;gap:10px;width:100%}.rk-rank.svelte-brpya2{display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:6px;background:var(--surface-alt);color:var(--ink-soft);font-size:11px;font-weight:700;margin-top:1px;flex-shrink:0}.rk-info.svelte-brpya2{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.rk-header-row.svelte-brpya2{display:flex;align-items:center;justify-content:space-between;gap:8px}.rk-nama.svelte-brpya2{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-mobile-status.svelte-brpya2{display:block;flex-shrink:0}.rk-mobile-status.svelte-brpya2 .status-pill:where(.svelte-brpya2){font-size:10.5px;padding:2px 8px}.rk-bar-mobile.svelte-brpya2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rk-bar-mobile.svelte-brpya2 .bar:where(.svelte-brpya2){width:60px;height:6px;flex-shrink:0}.rk-bar-mobile.svelte-brpya2 .bar-val:where(.svelte-brpya2){font-size:11.5px;font-weight:700;margin-left:0;flex-shrink:0}.rk-breakdown-mobile.svelte-brpya2{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:10.5px;font-family:JetBrains Mono,monospace;font-weight:600}.stat-tag.svelte-brpya2{padding:1px 5px;border-radius:4px;background:var(--surface-alt);color:var(--ink-soft)}.stat-tag.h.svelte-brpya2{color:var(--hadir);background:var(--hadir-soft)}.stat-tag.t.svelte-brpya2{color:var(--terlambat);background:var(--terlambat-soft)}.stat-tag.i.svelte-brpya2{color:var(--izin);background:var(--izin-soft)}.stat-tag.s.svelte-brpya2{color:var(--perpus);background:var(--perpus-soft)}.stat-tag.a.svelte-brpya2{color:var(--alpa);background:var(--alpa-soft);font-weight:700}tbody.svelte-brpya2 tr.empty-row:where(.svelte-brpya2){display:block;background:transparent;border:none;padding:0}tbody.svelte-brpya2 tr.empty-row:where(.svelte-brpya2) td:where(.svelte-brpya2){display:block;width:100%;text-align:center;padding:20px 10px;color:var(--ink-faint)}}.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}.user-flex-cell.svelte-llxu8h{display:inline-flex;align-items:center;gap:8px}.clickable-row.svelte-llxu8h{cursor:pointer}.btn-link-name.svelte-llxu8h{background:none;border:none;padding:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:color var(--dur-fast) var(--ease)}.clickable-row.svelte-llxu8h:hover .btn-link-name:where(.svelte-llxu8h){color:var(--role-accent, var(--kepsek));text-decoration:underline}.table-scroll.svelte-llxu8h{overflow-x:auto;overflow-y:auto;max-height:330px}.table-scroll.svelte-llxu8h::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-llxu8h::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-llxu8h::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-llxu8h{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-llxu8h th:where(.svelte-llxu8h){position:sticky;top:0;background:var(--surface);z-index:2;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;box-shadow:0 1px 0 var(--line)}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-scroll.svelte-llxu8h{overflow:visible;max-height:none;min-height:0;padding:4px 0}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:12px}tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover td:where(.svelte-llxu8h),tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover td:where(.svelte-llxu8h):first-child{background:transparent!important;box-shadow:none!important}tbody.svelte-llxu8h tr:where(.svelte-llxu8h){display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:14px 16px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}tbody.svelte-llxu8h tr:where(.svelte-llxu8h):hover,tbody.svelte-llxu8h tr:where(.svelte-llxu8h):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}td.svelte-llxu8h{border:0;padding:2px 0;background:transparent!important}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:15px;font-weight:700;color:var(--ink)}td[data-label=Kelas].svelte-llxu8h{grid-column:1 / -1;font-size:12px;color:var(--ink-soft)}tbody.svelte-llxu8h tr.empty-row:where(.svelte-llxu8h){display:block;background:transparent;border:none;padding:0}tbody.svelte-llxu8h tr.empty-row:where(.svelte-llxu8h) td:where(.svelte-llxu8h){display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}tbody.svelte-llxu8h tr.empty-row:where(.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}}.crop-backdrop.svelte-1dfrmyr{position:fixed;top:0;right:0;bottom:0;left:0;background:#030100bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4, 16px);box-sizing:border-box}.crop-modal.svelte-1dfrmyr{width:100%;max-width:420px;background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);border-radius:var(--radius-lg, 18px);box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, .25));display:flex;flex-direction:column;overflow:hidden;color:var(--ink, #0f172a);animation:modalIn .2s cubic-bezier(.16,1,.3,1)}.crop-header.svelte-1dfrmyr{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--line, #e2e8f0);background:var(--surface-soft, #f8fafc)}.header-titles.svelte-1dfrmyr h4:where(.svelte-1dfrmyr){margin:0;font-size:16px;font-family:Fraunces,serif;font-weight:700;line-height:1.2}.header-sub.svelte-1dfrmyr{margin:3px 0 0;font-size:11.5px;color:var(--ink-soft, #64748b)}.close-btn.svelte-1dfrmyr{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--ink-soft, #64748b);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.close-btn.svelte-1dfrmyr:hover{background:var(--surface-alt, #e2e8f0);color:var(--ink, #0f172a)}.crop-body.svelte-1dfrmyr{padding:18px 20px 14px;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--surface, #ffffff)}.canvas-wrapper.svelte-1dfrmyr{position:relative;width:240px;height:360px;border-radius:14px;overflow:hidden;background:#0f172a;box-shadow:inset 0 2px 8px #0000004d,0 4px 12px #00000014;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.canvas-wrapper.is-dragging.svelte-1dfrmyr{cursor:grabbing}canvas.svelte-1dfrmyr{display:block;width:100%;height:100%}.canvas-loading.svelte-1dfrmyr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0f172ad9;color:#f8fafc;font-size:13px;font-weight:500}.crop-spinner.svelte-1dfrmyr{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.2);border-top-color:#38bdf8;border-radius:50%;animation:svelte-1dfrmyr-spin .7s linear infinite}@keyframes svelte-1dfrmyr-spin{to{transform:rotate(360deg)}}.crop-controls.svelte-1dfrmyr{width:100%;display:flex;flex-direction:column;gap:12px}.zoom-row.svelte-1dfrmyr{display:flex;align-items:center;gap:10px;background:var(--surface-soft, #f8fafc);padding:6px 10px;border-radius:10px;border:1px solid var(--line, #e2e8f0)}.ctrl-icon-btn.svelte-1dfrmyr{width:28px;height:28px;border-radius:6px;background:var(--surface, #ffffff);border:1px solid var(--line, #e2e8f0);color:var(--ink, #0f172a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,opacity .15s;flex-shrink:0}.ctrl-icon-btn.svelte-1dfrmyr:hover:not(:disabled){background:var(--surface-alt, #e2e8f0)}.ctrl-icon-btn.svelte-1dfrmyr:disabled{opacity:.4;cursor:not-allowed}.symbol-btn.svelte-1dfrmyr{font-size:16px;font-weight:700;line-height:1}.zoom-slider.svelte-1dfrmyr{flex:1;accent-color:var(--hadir, #0ea5e9);height:5px;border-radius:4px;background:var(--line, #cbd5e1);outline:none;cursor:pointer}.tool-row.svelte-1dfrmyr{display:flex;align-items:center;justify-content:center;gap:8px}.tool-btn.svelte-1dfrmyr{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;color:var(--ink-soft, #64748b);background:var(--surface-soft, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s}.tool-btn.svelte-1dfrmyr:hover{color:var(--ink, #0f172a);background:var(--surface-alt, #e2e8f0)}.crop-actions.svelte-1dfrmyr{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--line, #e2e8f0);background:var(--surface-soft, #f8fafc)}.primary-crop-btn.svelte-1dfrmyr{display:inline-flex;align-items:center;gap:6px;background:var(--hadir, #0ea5e9);color:#fff;font-weight:600}.primary-crop-btn.svelte-1dfrmyr:hover:not(:disabled){filter:brightness(1.08)}@media(max-width:480px){.crop-backdrop.svelte-1dfrmyr{padding:10px}.crop-modal.svelte-1dfrmyr{max-width:100%}.canvas-wrapper.svelte-1dfrmyr{width:216px;height:324px}.tool-row.svelte-1dfrmyr{gap:6px}.tool-btn.svelte-1dfrmyr{padding:5px 8px;font-size:11px}}.modal-form.svelte-10dj4u0{display:flex;flex-direction:column;gap:var(--space-5)}.modal-form.svelte-10dj4u0 h3:where(.svelte-10dj4u0){margin:0 0 2px;font-size:18px;font-family:Fraunces,serif}.section.svelte-10dj4u0{display:flex;flex-direction:column;gap:var(--space-3)}.section-title.svelte-10dj4u0{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.grid.svelte-10dj4u0{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-4)}.full.svelte-10dj4u0{grid-column:1 / -1}.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}.foto-uploader-wrap.svelte-10dj4u0{display:flex;align-items:center;gap:16px;padding:12px 14px;background:var(--surface-soft, #f8fafc);border:1px solid var(--line, #e2e8f0);border-radius:var(--radius-md, 12px)}.foto-preview-box.svelte-10dj4u0{width:64px;height:96px;border-radius:12px;background:var(--surface-alt, #e2e8f0);border:1.5px solid var(--line, #cbd5e1);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}.foto-img.svelte-10dj4u0{width:100%;height:100%;object-fit:cover;display:block}.foto-placeholder.svelte-10dj4u0{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink-faint, #94a3b8)}.foto-meta-box.svelte-10dj4u0{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.foto-btn-group.svelte-10dj4u0{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.foto-action-btn.svelte-10dj4u0{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;border-radius:7px}.danger-btn.svelte-10dj4u0{color:var(--alpa, #ef4444);border-color:var(--alpa-soft, rgba(239, 68, 68, .2))}.danger-btn.svelte-10dj4u0:hover{background:var(--alpa-soft, rgba(239, 68, 68, .1))}.foto-hint.svelte-10dj4u0{margin:0;font-size:11.5px;color:var(--ink-soft, #64748b);line-height:1.35}.foto-badge-ok.svelte-10dj4u0{color:var(--hadir, #10b981);font-weight:600}.spinner-sm.svelte-10dj4u0{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:svelte-10dj4u0-spin .6s linear infinite}@keyframes svelte-10dj4u0-spin{to{transform:rotate(360deg)}}.req-star.svelte-10dj4u0{color:var(--alpa);font-weight:700}.modal-actions.svelte-10dj4u0{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}@media(max-width:540px){.grid.svelte-10dj4u0{grid-template-columns:1fr}.foto-uploader-wrap.svelte-10dj4u0{flex-direction:column;align-items:flex-start;gap:12px}}.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-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{margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;height:auto!important}body.print-mode-qr>:not(.qr-print){display:none!important}body.print-mode-qr .qr-print{display:flex!important;justify-content:center;align-items:center;width:100%!important;height:100vh!important;max-height:297mm!important;overflow:hidden!important;background:#fff!important;margin:0!important;padding:0!important}.qp-card.svelte-1pzh6bn{width:320px;margin:auto;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;page-break-inside:avoid;break-inside:avoid}.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-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}}.import-modal.svelte-1c3ntr9{display:flex;flex-direction:column;gap:14px}.modal-header.svelte-1c3ntr9{display:flex;align-items:flex-start;gap:12px;position:relative}.header-icon.svelte-1c3ntr9{width:36px;height:36px;border-radius:9px;background:#0074c81f;background:oklch(.55 .16 250 / .12);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text.svelte-1c3ntr9 h3:where(.svelte-1c3ntr9){margin:0 0 2px;font-size:16px;font-weight:800;color:var(--ink)}.header-text.svelte-1c3ntr9 p:where(.svelte-1c3ntr9){margin:0;font-size:12.5px;color:var(--ink-soft)}.close-btn.svelte-1c3ntr9{position:absolute;right:0;top:0;background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:4px;border-radius:4px}.close-btn.svelte-1c3ntr9:hover{color:var(--ink);background:var(--surface-alt)}.jenjang-card.svelte-1c3ntr9{padding:12px 14px;border-radius:var(--radius-sm, 8px);background:var(--surface-soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.jenjang-card.needs-setup.svelte-1c3ntr9{border-color:color-mix(in oklab,var(--accent) 50%,var(--line));background:color-mix(in oklab,var(--accent) 6%,var(--surface))}.jenjang-header.svelte-1c3ntr9{display:flex;align-items:center;justify-content:space-between;gap:8px}.jenjang-title.svelte-1c3ntr9{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink)}.jenjang-title.svelte-1c3ntr9 b:where(.svelte-1c3ntr9){color:var(--accent)}.badge-setup.svelte-1c3ntr9{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--terlambat-soft, #fef3c7);color:var(--terlambat, #b45309);border:1px solid color-mix(in oklab,var(--terlambat, #b45309) 30%,transparent)}.jenjang-chips.svelte-1c3ntr9{display:flex;gap:6px;flex-wrap:wrap}.jenjang-chip.svelte-1c3ntr9{padding:5px 11px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.jenjang-chip.svelte-1c3ntr9:hover{border-color:var(--accent);color:var(--ink)}.jenjang-chip.active.svelte-1c3ntr9{background:var(--accent);color:#fff;border-color:var(--accent)}.template-bar.svelte-1c3ntr9{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-sm, 8px);background:var(--surface-alt);border:1px solid var(--line);flex-wrap:wrap}.template-info.svelte-1c3ntr9{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.btn-template.svelte-1c3ntr9{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.btn-template.svelte-1c3ntr9:hover{border-color:var(--accent);color:var(--accent)}.dropzone.svelte-1c3ntr9{border:2px dashed var(--line-strong, var(--line));border-radius:var(--radius-md, 10px);padding:32px 16px;text-align:center;cursor:pointer;background:var(--surface);transition:all .15s}.dropzone.svelte-1c3ntr9:hover,.dropzone.dragging.svelte-1c3ntr9{border-color:var(--accent);background:#0074c80a;background:oklch(.55 .16 250 / .04)}.drop-icon.svelte-1c3ntr9{width:48px;height:48px;border-radius:50%;background:var(--surface-alt);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.drop-title.svelte-1c3ntr9{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--ink)}.drop-sub.svelte-1c3ntr9{margin:0;font-size:11.5px;color:var(--ink-faint)}.drop-sub.svelte-1c3ntr9 code:where(.svelte-1c3ntr9){font-family:JetBrains Mono,monospace;background:var(--surface-alt);padding:1px 3px;border-radius:4px}.preview-wrap.svelte-1c3ntr9{display:flex;flex-direction:column;gap:10px}.preview-head.svelte-1c3ntr9{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.file-tag.svelte-1c3ntr9{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink)}.summary-pills.svelte-1c3ntr9{display:flex;align-items:center;gap:6px}.pill.svelte-1c3ntr9{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}.pill.valid.svelte-1c3ntr9{background:#4aa65126;color:#006818;color:oklch(.45 .16 145)}.pill.new-class.svelte-1c3ntr9{background:#0074c826;background:oklch(.55 .16 250 / .15);color:#005798;color:oklch(.45 .18 250)}.pill.error.svelte-1c3ntr9{background:#de3b3d26;color:#b1001b;color:oklch(.48 .22 25)}.btn-reset.svelte-1c3ntr9{background:none;border:none;font-size:11.5px;color:var(--accent);cursor:pointer;text-decoration:underline}.preview-table-wrap.svelte-1c3ntr9{max-height:250px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm, 8px);background:var(--surface)}.preview-table.svelte-1c3ntr9{width:100%;border-collapse:collapse;font-size:12px}.preview-table.svelte-1c3ntr9 th:where(.svelte-1c3ntr9){position:sticky;top:0;background:var(--surface-alt);padding:7px 8px;text-align:left;font-weight:700;color:var(--ink-soft);border-bottom:1px solid var(--line);z-index:1}.preview-table.svelte-1c3ntr9 td:where(.svelte-1c3ntr9){padding:6px 8px;border-bottom:1px solid var(--line);color:var(--ink)}.invalid-row.svelte-1c3ntr9{background:#de3b3d0d}.status-lbl.svelte-1c3ntr9{font-size:10.5px;font-weight:700}.status-lbl.valid.svelte-1c3ntr9{color:#006818;color:oklch(.45 .16 145)}.status-lbl.error.svelte-1c3ntr9{color:#b1001b;color:oklch(.48 .22 25)}.table-note.svelte-1c3ntr9{padding:5px 10px;font-size:11px;color:var(--ink-faint);background:var(--surface-alt);text-align:center}.option-toggle-card.svelte-1c3ntr9{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:var(--radius-sm, 8px);background:var(--surface-soft);border:1.5px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.option-toggle-card.svelte-1c3ntr9:hover{border-color:var(--ink-faint);background:var(--surface-alt)}.option-toggle-card.active.svelte-1c3ntr9{background:color-mix(in oklab,var(--accent) 7%,var(--surface));border-color:color-mix(in oklab,var(--accent) 45%,var(--line));box-shadow:0 2px 8px color-mix(in oklab,var(--accent) 12%,transparent)}.option-toggle-card.svelte-1c3ntr9:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opt-content.svelte-1c3ntr9{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.opt-title-row.svelte-1c3ntr9{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.opt-icon.svelte-1c3ntr9{display:flex;align-items:center;justify-content:center;color:var(--accent)}.opt-title.svelte-1c3ntr9{font-size:13px;font-weight:700;color:var(--ink)}.opt-mode-badge.svelte-1c3ntr9{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;letter-spacing:.02em;transition:all .15s ease}.opt-mode-badge.update-mode.svelte-1c3ntr9{background:#4aa6512e;color:#005e15;color:oklch(.42 .18 145);border:1px solid oklch(.65 .15 145 / .3)}.opt-mode-badge.skip-mode.svelte-1c3ntr9{background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.opt-desc.svelte-1c3ntr9{margin:0;font-size:11.5px;color:var(--ink-soft);line-height:1.45}.opt-desc.svelte-1c3ntr9 b:where(.svelte-1c3ntr9){color:var(--ink)}.custom-switch.svelte-1c3ntr9{width:44px;height:24px;border-radius:999px;background:var(--line-strong, var(--line));padding:2px;display:flex;align-items:center;flex-shrink:0;transition:background-color .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #0000001a}.custom-switch.checked.svelte-1c3ntr9{background:var(--accent)}.switch-knob.svelte-1c3ntr9{width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .2s cubic-bezier(.16,1,.3,1)}.custom-switch.checked.svelte-1c3ntr9 .switch-knob:where(.svelte-1c3ntr9){transform:translate(20px)}.modal-footer.svelte-1c3ntr9{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.result-box.svelte-1c3ntr9{text-align:center;padding:8px 0}.res-badge.svelte-1c3ntr9{display:inline-block;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:12px;margin-bottom:6px}.res-badge.ok.svelte-1c3ntr9{background:#4aa65126;color:#006818;color:oklch(.45 .16 145)}.result-stats.svelte-1c3ntr9{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:12px 0}.stat-pill.svelte-1c3ntr9{padding:10px 6px;border-radius:var(--radius-sm, 8px);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:2px}.stat-pill.success.svelte-1c3ntr9{background:#4aa65114;border-color:#4aa65140}.stat-pill.info.svelte-1c3ntr9{background:#0074c814;background:oklch(.55 .16 250 / .08);border-color:#0074c840;border-color:oklch(.55 .16 250 / .25)}.stat-pill.accent.svelte-1c3ntr9{background:#c47d041f;border-color:#c47d044d}.stat-pill.muted.svelte-1c3ntr9{background:var(--surface-alt)}.stat-pill.svelte-1c3ntr9 .num:where(.svelte-1c3ntr9){font-size:18px;font-weight:800;font-family:JetBrains Mono,monospace;color:var(--ink)}.stat-pill.svelte-1c3ntr9 .lbl:where(.svelte-1c3ntr9){font-size:10.5px;font-weight:600;color:var(--ink-soft)}.badge.new-class.svelte-1c3ntr9{background:#0074c81f;background:oklch(.55 .16 250 / .12);color:#005798;color:oklch(.45 .18 250);border:1px solid oklch(.55 .16 250 / .25)}.badge-tingkat.svelte-1c3ntr9{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700;background:var(--surface-alt);border:1px solid var(--line);color:var(--ink)}.cell-nowrap.svelte-1c3ntr9{white-space:nowrap}.text-faint.svelte-1c3ntr9{color:var(--ink-faint)}.error-log-box.svelte-1c3ntr9{text-align:left;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-sm, 8px);padding:8px 12px;margin-bottom:12px;font-size:11.5px;max-height:100px;overflow-y:auto}.error-log-box.svelte-1c3ntr9 ul:where(.svelte-1c3ntr9){margin:4px 0 0;padding-left:16px;color:#b1001b;color:oklch(.48 .22 25)}.id-card.svelte-1698wn8{width:85.6mm;height:53.98mm;box-sizing:border-box;position:relative;overflow:hidden;background-color:#fdf0ee;-webkit-user-select:none;user-select:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-family:Impact,Arial Black,Trebuchet MS,sans-serif}.card-bg-img.svelte-1698wn8{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none;display:block;-webkit-user-select:none;user-select:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.card-system-head.svelte-1698wn8{position:absolute;display:flex;align-items:flex-start;gap:2mm;z-index:5;pointer-events:none;box-sizing:border-box}.csh-logo.svelte-1698wn8{width:11mm;height:13.5mm;flex-shrink:0}.csh-logo.svelte-1698wn8 img:where(.svelte-1698wn8){width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .2mm .4mm rgba(0,0,0,.35))}.csh-text.svelte-1698wn8{flex:1;min-width:0;color:#fff;line-height:1.05}.csh-title.svelte-1698wn8{font-size:7.2pt;font-weight:900;letter-spacing:.04em;-webkit-text-stroke:.6px #000;paint-order:stroke fill;text-shadow:1px 1px 0 #000}.csh-school.svelte-1698wn8{font-size:11pt;font-weight:900;text-transform:uppercase;-webkit-text-stroke:1.1px #000;paint-order:stroke fill;text-shadow:1.2px 1.2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.3mm 0 .4mm}.csh-addr.svelte-1698wn8{font-size:5.5pt;font-weight:900;-webkit-text-stroke:.45px #000;paint-order:stroke fill;text-shadow:0 0 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content-overlay.svelte-1698wn8{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.card-slot-qr.svelte-1698wn8{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.qr-wrapper.svelte-1698wn8{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.qr-wrapper.svelte-1698wn8 img:where(.svelte-1698wn8){width:100%;height:100%;object-fit:contain;background:#fff;border-radius:.8mm;display:block}.card-slot-foto.svelte-1698wn8{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.foto-img.svelte-1698wn8{width:100%;height:100%;object-fit:cover;display:block}.foto-frame-4x6.svelte-1698wn8{width:100%;height:100%;border:1.2px dashed rgba(255,255,255,.9);border-radius:inherit;box-sizing:border-box;display:block}.slot-placeholder.svelte-1698wn8{font-size:8.5pt;font-weight:900;color:#1e293b;letter-spacing:.04em}.card-data-col.svelte-1698wn8{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:0 1mm;overflow:hidden}.data-text.svelte-1698wn8{width:100%;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;box-sizing:border-box}.data-nama.svelte-1698wn8{letter-spacing:.03em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.05;word-break:break-word}.data-alamat.svelte-1698wn8{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1}.card-back-notice.svelte-1698wn8{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5mm;gap:1.8mm;box-sizing:border-box}.notice-title.svelte-1698wn8{font-size:9.2pt;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.notice-sub.svelte-1698wn8{font-size:7.2pt;font-weight:800;text-transform:uppercase;line-height:1.25;letter-spacing:.02em}.bulk-qr-modal.svelte-vql53x{display:flex;flex-direction:column;gap:12px}.bulk-qr-modal.svelte-vql53x h3:where(.svelte-vql53x){font-size:18px;margin:0}.sub.svelte-vql53x{font-size:13px;color:var(--ink-soft);margin:0}.bulk-qr-controls.svelte-vql53x{display:flex;flex-direction:column;gap:10px;padding:10px 14px;background:var(--surface-soft);border-radius:var(--radius-sm);border:1px solid var(--line)}.ctrl-grid.svelte-vql53x{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctrl-field.svelte-vql53x{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--ink-soft);min-width:0}.ctrl-field.svelte-vql53x .sel-wrap{width:100%}.print-info.svelte-vql53x{font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:6px}.count.svelte-vql53x{font-weight:700;color:var(--ink)}.sep.svelte-vql53x{opacity:.4}.empty-msg.svelte-vql53x{text-align:center;color:var(--ink-faint);padding:24px;font-size:13px}.select-bar.svelte-vql53x{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--surface-soft);border-radius:var(--radius-sm);border:1px solid var(--line)}.check-all.svelte-vql53x{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink)}.check-all.svelte-vql53x input:where(.svelte-vql53x){cursor:pointer;width:15px;height:15px;accent-color:var(--role-accent, var(--ink))}.select-hint.svelte-vql53x{font-size:11.5px;color:var(--ink-faint)}.siswa-list-scroll.svelte-vql53x{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-alt, var(--surface-soft))}.siswa-row.svelte-vql53x{display:flex;align-items:center;gap:10px;padding:7px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--line-soft, rgba(0,0,0,.04));font-size:13px}.siswa-row.svelte-vql53x:last-child{border-bottom:none}.siswa-row.svelte-vql53x:hover{background:var(--surface-hover, rgba(0,0,0,.025))}.siswa-row.selected.svelte-vql53x{background:var(--surface-active, rgba(0,0,0,.03))}.siswa-row.svelte-vql53x input:where(.svelte-vql53x){flex-shrink:0;width:15px;height:15px;cursor:pointer;accent-color:var(--role-accent, var(--ink))}.sr-name.svelte-vql53x{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-meta.svelte-vql53x{flex-shrink:0;font-size:11.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.sr-kelas.svelte-vql53x{flex-shrink:0;font-size:11.5px;color:var(--ink-soft);min-width:50px;text-align:right}.bulk-qr-actions.svelte-vql53x{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.btn.primary.svelte-vql53x{background:var(--role-accent, var(--ink));color:#fff;border-color:var(--role-accent, var(--ink));display:inline-flex;align-items:center;gap:6px}.btn.primary.svelte-vql53x:hover{filter:brightness(1.1)}.btn.primary.svelte-vql53x:disabled{opacity:.5;cursor:not-allowed;filter:none}.bulk-qr-print.svelte-vql53x{display:none}@page{size:A4 portrait;margin:0}@media print{body.print-mode-bulk-qr{margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;height:auto!important}body.print-mode-bulk-qr>:not(.bulk-qr-print){display:none!important}body.print-mode-bulk-qr .bulk-qr-print{display:block!important;position:static!important;width:100%!important;background:#fff!important;margin:0!important;padding:0!important}.bp-page.svelte-vql53x{box-sizing:border-box;width:210mm;height:297mm;max-height:297mm;overflow:hidden;padding:6.5mm 16.4mm;display:grid;grid-template-columns:repeat(2,85.6mm);grid-auto-rows:53.98mm;gap:3.5mm 6mm;justify-content:center;align-content:start;page-break-after:always;break-after:page}.bp-page.svelte-vql53x:last-child{page-break-after:auto;break-after:auto}.is-sederhana.svelte-vql53x .bp-page:where(.svelte-vql53x){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:0;padding:8mm;height:297mm;max-height:297mm}.bp-card.svelte-vql53x{padding:2mm 3mm;border:.5pt solid #ccc;text-align:center;background:#fff;color:#1c1a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8mm;box-sizing:border-box;overflow:hidden}.bp-school.svelte-vql53x{font-size:7pt;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1c1a14;line-height:1}.bp-sub.svelte-vql53x{font-size:5.5pt;letter-spacing:.06em;text-transform:uppercase;color:#8a8472;line-height:1}.bp-qr.svelte-vql53x img:where(.svelte-vql53x){display:block;width:28mm;height:28mm}.bp-name.svelte-vql53x{font-size:8pt;font-weight:700;color:#1c1a14;line-height:1.15;max-width:90mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-meta.svelte-vql53x{font-size:6pt;color:#6b6657;line-height:1}}.head-actions.svelte-2lrzte{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.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-kelas.svelte-2lrzte{min-width:190px}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-2lrzte::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-2lrzte::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-2lrzte::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}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{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}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)}.sentinel-row.svelte-2lrzte td:where(.svelte-2lrzte){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-2lrzte{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}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}.col-nama.svelte-2lrzte,.cell-nama.svelte-2lrzte{min-width:170px}.cell-nowrap.svelte-2lrzte{white-space:nowrap}.col-actions.svelte-2lrzte{width:1%;white-space:nowrap;text-align:right}.actions.svelte-2lrzte{text-align:right;white-space:nowrap;width:1%}.actions.svelte-2lrzte .btn.action-btn:where(.svelte-2lrzte){padding:0;margin-left:4px;width:32px;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}.siswa-cell.svelte-2lrzte,.siswa-cell-btn.svelte-2lrzte{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.siswa-cell-btn.svelte-2lrzte:hover .siswa-title:where(.svelte-2lrzte) b:where(.svelte-2lrzte){color:var(--role-accent, var(--admin));text-decoration:underline}.siswa-badge-avatar.svelte-2lrzte,.siswa-sub.svelte-2lrzte,.mobile-absen-tag.svelte-2lrzte,.btn-text.svelte-2lrzte{display:none}.status-stack.svelte-2lrzte{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.table-scroll.svelte-2lrzte{overflow:visible;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr:where(.svelte-2lrzte):hover td:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr:where(.svelte-2lrzte):hover td:where(.svelte-2lrzte):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.siswa-row:where(.svelte-2lrzte){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main status" "actions actions";gap:14px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.siswa-row:where(.svelte-2lrzte):hover,.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.siswa-row:where(.svelte-2lrzte):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-2lrzte td:where(.svelte-2lrzte){border:0;padding:0;background:transparent!important;box-shadow:none!important}.table-scroll.svelte-2lrzte td:where(.svelte-2lrzte):before{display:none!important}.col-nama.svelte-2lrzte{grid-area:main;min-width:0;background:transparent!important}.siswa-cell.svelte-2lrzte{display:flex;align-items:center;gap:12px;min-width:0}.siswa-badge-avatar.svelte-2lrzte{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--piket-soft);color:var(--piket);font-weight:700;font-size:13px;text-align:center;flex-shrink:0;padding:4px;overflow:hidden;letter-spacing:.02em}.siswa-info.svelte-2lrzte{display:flex;flex-direction:column;gap:2px;min-width:0}.siswa-title.svelte-2lrzte{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siswa-sub.svelte-2lrzte{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siswa-sub.svelte-2lrzte .mono:where(.svelte-2lrzte){font-size:11px}.table-scroll.svelte-2lrzte td.col-nisn:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte td.col-kelas:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte td.col-hp:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte td.col-hp-ortu:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte td.col-absen:where(.svelte-2lrzte),.table-scroll.svelte-2lrzte td.col-terdaftar:where(.svelte-2lrzte){display:none!important}.col-status.svelte-2lrzte{grid-area:status;text-align:right;min-width:0}.status-stack.svelte-2lrzte{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mobile-absen-tag.svelte-2lrzte{display:inline-block}.col-actions.actions.svelte-2lrzte{grid-area:actions;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-2lrzte .btn.action-btn:where(.svelte-2lrzte){width:100%;height:36px;padding:0 6px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent;background:var(--surface-soft, transparent);border:1px solid var(--line);color:var(--ink)}.col-actions.svelte-2lrzte .btn.action-btn:where(.svelte-2lrzte):hover,.col-actions.svelte-2lrzte .btn.action-btn:where(.svelte-2lrzte):active{background:var(--surface-alt);border-color:var(--ink-faint)}.col-actions.svelte-2lrzte .delete-btn:where(.svelte-2lrzte){background:transparent!important;border:1px solid var(--alpa-soft, oklch(.92 .035 25))!important;color:var(--alpa)!important}.col-actions.svelte-2lrzte .delete-btn:where(.svelte-2lrzte):hover,.col-actions.svelte-2lrzte .delete-btn:where(.svelte-2lrzte):active{background:var(--alpa-soft)!important;border-color:var(--alpa)!important}.btn-text.svelte-2lrzte{display:inline}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.empty-row:where(.svelte-2lrzte),.empty-row.svelte-2lrzte{display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.empty-row:where(.svelte-2lrzte) td:where(.svelte-2lrzte),.empty-row.svelte-2lrzte td:where(.svelte-2lrzte),td.empty-row.svelte-2lrzte{display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.sentinel-row:where(.svelte-2lrzte){display:block;background:transparent;border:none;padding:8px 0}.table-scroll.svelte-2lrzte tbody:where(.svelte-2lrzte) tr.sentinel-row:where(.svelte-2lrzte) td:where(.svelte-2lrzte){display:block;width:100%}}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-5xspyn::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-5xspyn::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-5xspyn::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}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{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}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)}.sentinel-row.svelte-5xspyn td:where(.svelte-5xspyn){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-5xspyn{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.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}.kelas-cell.svelte-5xspyn{display:flex;align-items:center;gap:10px}.kelas-badge-avatar.svelte-5xspyn,.prefix-mobile.svelte-5xspyn,.kelas-sub.svelte-5xspyn{display:none}.count-wrapper.svelte-5xspyn{display:inline-block}.count-unit.svelte-5xspyn,.btn-text.svelte-5xspyn{display:none}.col-actions.svelte-5xspyn .btn:where(.svelte-5xspyn){width:32px;height:32px;padding:0;justify-content:center}.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;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr:where(.svelte-5xspyn):hover td:where(.svelte-5xspyn),.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr:where(.svelte-5xspyn):hover td:where(.svelte-5xspyn):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.kelas-row:where(.svelte-5xspyn){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main count" "actions actions";gap:14px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.kelas-row:where(.svelte-5xspyn):hover,.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.kelas-row:where(.svelte-5xspyn):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-5xspyn td:where(.svelte-5xspyn){border:0;padding:0;background:transparent!important;box-shadow:none!important}.table-scroll.svelte-5xspyn td:where(.svelte-5xspyn):before{display:none!important}.col-main.svelte-5xspyn{grid-area:main;min-width:0;background:transparent!important}.kelas-cell.svelte-5xspyn{display:flex;align-items:center;gap:12px;min-width:0}.kelas-badge-avatar.svelte-5xspyn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:12px;background:var(--piket-soft);color:var(--piket);font-weight:700;font-size:11.5px;line-height:1.15;text-align:center;flex-shrink:0;padding:4px;overflow:hidden;word-break:break-word}.kelas-info.svelte-5xspyn{display:flex;flex-direction:column;gap:2px;min-width:0}.kelas-title.svelte-5xspyn{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prefix-mobile.svelte-5xspyn{display:inline;font-weight:700}.kelas-sub.svelte-5xspyn{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-5xspyn td.col-tingkat:where(.svelte-5xspyn),.table-scroll.svelte-5xspyn td.col-wali:where(.svelte-5xspyn){display:none!important}.col-jumlah.svelte-5xspyn{grid-area:count;text-align:right}.count-wrapper.svelte-5xspyn{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.count-num.svelte-5xspyn{font-size:18px;font-weight:700;color:var(--ink);line-height:1}.count-unit.svelte-5xspyn{display:block;font-size:11px;color:var(--ink-soft);margin-top:3px;font-weight:500}.col-actions.actions.svelte-5xspyn{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-5xspyn .btn:where(.svelte-5xspyn){width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent}.btn-text.svelte-5xspyn{display:inline}.col-actions.svelte-5xspyn .edit-btn:where(.svelte-5xspyn){background:var(--surface-soft, transparent);border:1px solid var(--line);color:var(--ink)}.col-actions.svelte-5xspyn .edit-btn:where(.svelte-5xspyn):hover,.col-actions.svelte-5xspyn .edit-btn:where(.svelte-5xspyn):active{background:var(--surface-alt);border-color:var(--ink-faint)}.col-actions.svelte-5xspyn .delete-btn:where(.svelte-5xspyn){background:transparent;border:1px solid var(--alpa-soft, oklch(.92 .035 25));color:var(--alpa)}.col-actions.svelte-5xspyn .delete-btn:where(.svelte-5xspyn):hover,.col-actions.svelte-5xspyn .delete-btn:where(.svelte-5xspyn):active{background:var(--alpa-soft);border-color:var(--alpa)}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.empty-row:where(.svelte-5xspyn),.empty-row.svelte-5xspyn{display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.empty-row:where(.svelte-5xspyn) td:where(.svelte-5xspyn),.empty-row.svelte-5xspyn td:where(.svelte-5xspyn),td.empty-row.svelte-5xspyn{display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.sentinel-row:where(.svelte-5xspyn){display:block;background:transparent;border:none;padding:8px 0}.table-scroll.svelte-5xspyn tbody:where(.svelte-5xspyn) tr.sentinel-row:where(.svelte-5xspyn) td:where(.svelte-5xspyn){display:block;width:100%}}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-wcdx5b::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-wcdx5b::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-wcdx5b::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}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{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}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)}.sentinel-row.svelte-wcdx5b td:where(.svelte-wcdx5b){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-wcdx5b{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.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}.izin-cell.svelte-wcdx5b{display:flex;align-items:center;gap:10px}.izin-badge-avatar.svelte-wcdx5b,.izin-sub.svelte-wcdx5b{display:none}.ket-wrapper.svelte-wcdx5b{display:flex;flex-direction:column;gap:2px}.ket-creator.svelte-wcdx5b,.btn-text.svelte-wcdx5b{display:none}@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;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr:where(.svelte-wcdx5b):hover td:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr:where(.svelte-wcdx5b):hover td:where(.svelte-wcdx5b):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.izin-row:where(.svelte-wcdx5b){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main kategori" "ket ket" "actions actions";gap:12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.izin-row:where(.svelte-wcdx5b):hover,.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.izin-row:where(.svelte-wcdx5b):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-wcdx5b td:where(.svelte-wcdx5b){border:0;padding:0;background:transparent!important;box-shadow:none!important}.table-scroll.svelte-wcdx5b td:where(.svelte-wcdx5b):before{display:none!important}.col-siswa.svelte-wcdx5b{grid-area:main;min-width:0;background:transparent!important}.izin-cell.svelte-wcdx5b{display:flex;align-items:center;gap:12px;min-width:0}.izin-badge-avatar.svelte-wcdx5b{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;font-weight:700;font-size:13px;text-align:center;flex-shrink:0;padding:4px;overflow:hidden;letter-spacing:.02em}.izin-badge-avatar.izin.svelte-wcdx5b{background:var(--izin-soft);color:var(--izin)}.izin-badge-avatar.sakit.svelte-wcdx5b{background:var(--sakit-soft);color:var(--sakit)}.izin-badge-avatar.alpa.svelte-wcdx5b{background:var(--alpa-soft);color:var(--alpa)}.izin-info.svelte-wcdx5b{display:flex;flex-direction:column;gap:2px;min-width:0}.izin-title.svelte-wcdx5b{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.izin-sub.svelte-wcdx5b{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-wcdx5b td.col-tanggal:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b td.col-kelas:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b td.col-jenis:where(.svelte-wcdx5b),.table-scroll.svelte-wcdx5b td.col-dibuat:where(.svelte-wcdx5b){display:none!important}.col-kategori.svelte-wcdx5b{grid-area:kategori;text-align:right}.col-keterangan.svelte-wcdx5b{grid-area:ket;background:var(--surface-alt, var(--surface-soft))!important;padding:8px 12px!important;border-radius:var(--radius-sm, 8px);font-size:12.5px}.ket-wrapper.svelte-wcdx5b{display:flex;flex-direction:column;gap:2px}.ket-text.svelte-wcdx5b{color:var(--ink);line-height:1.35}.ket-creator.svelte-wcdx5b{display:block;font-size:11px;color:var(--ink-faint)}.col-actions.action-cell.svelte-wcdx5b{grid-area:actions;display:block;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-wcdx5b .btn.action-btn:where(.svelte-wcdx5b){width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid var(--alpa-soft, oklch(.92 .035 25));color:var(--alpa)}.col-actions.svelte-wcdx5b .btn.action-btn:where(.svelte-wcdx5b):hover,.col-actions.svelte-wcdx5b .btn.action-btn:where(.svelte-wcdx5b):active{background:var(--alpa-soft);border-color:var(--alpa)}.btn-text.svelte-wcdx5b{display:inline}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.empty-row:where(.svelte-wcdx5b){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.empty-row:where(.svelte-wcdx5b) td:where(.svelte-wcdx5b){display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.empty-row:where(.svelte-wcdx5b) td:where(.svelte-wcdx5b):before{display:none}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.sentinel-row:where(.svelte-wcdx5b){display:block;background:transparent;border:none;padding:8px 0}.table-scroll.svelte-wcdx5b tbody:where(.svelte-wcdx5b) tr.sentinel-row:where(.svelte-wcdx5b) td:where(.svelte-wcdx5b){display:block;width:100%}}.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;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-fpjky3::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-fpjky3::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-fpjky3::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}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{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}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)}.sentinel-row.svelte-fpjky3 td:where(.svelte-fpjky3){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-fpjky3{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.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.action-btn:where(.svelte-fpjky3){margin-left:6px;width:32px;height:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.user-cell.svelte-fpjky3{display:flex;align-items:center;gap:10px}.user-badge-avatar.svelte-fpjky3,.user-sub.svelte-fpjky3,.btn-text.svelte-fpjky3{display:none}.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;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr:where(.svelte-fpjky3):hover td:where(.svelte-fpjky3),.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr:where(.svelte-fpjky3):hover td:where(.svelte-fpjky3):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.user-row:where(.svelte-fpjky3){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main role" "actions actions";gap:14px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.user-row:where(.svelte-fpjky3):hover,.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.user-row:where(.svelte-fpjky3):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-fpjky3 td:where(.svelte-fpjky3){border:0;padding:0;background:transparent!important;box-shadow:none!important}.table-scroll.svelte-fpjky3 td:where(.svelte-fpjky3):before{display:none!important}.col-nama.svelte-fpjky3{grid-area:main;min-width:0;background:transparent!important}.user-cell.svelte-fpjky3{display:flex;align-items:center;gap:12px;min-width:0}.user-badge-avatar.svelte-fpjky3{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--surface-alt);color:var(--ink);font-weight:700;font-size:13px;text-align:center;flex-shrink:0;padding:4px;overflow:hidden;letter-spacing:.02em}.user-badge-avatar.piket.svelte-fpjky3{background:var(--piket-soft);color:var(--piket)}.user-badge-avatar.perpus.svelte-fpjky3{background:var(--perpus-soft);color:var(--perpus)}.user-badge-avatar.sholat.svelte-fpjky3{background:var(--sholat-soft);color:var(--sholat)}.user-badge-avatar.admin.svelte-fpjky3{background:var(--admin-soft);color:var(--admin)}.user-badge-avatar.kepsek.svelte-fpjky3{background:var(--kepsek-soft);color:var(--kepsek)}.user-badge-avatar.wali_kelas.svelte-fpjky3{background:var(--wali-kelas-soft);color:var(--wali-kelas)}.user-info.svelte-fpjky3{display:flex;flex-direction:column;gap:2px;min-width:0}.user-title.svelte-fpjky3{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-sub.svelte-fpjky3{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-sub.svelte-fpjky3 .mono:where(.svelte-fpjky3){font-size:11.5px}.table-scroll.svelte-fpjky3 td.col-username:where(.svelte-fpjky3){display:none!important}.col-peran.svelte-fpjky3{grid-area:role;text-align:right}.col-actions.actions.svelte-fpjky3{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-fpjky3 .btn.action-btn:where(.svelte-fpjky3){width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent}.btn-text.svelte-fpjky3{display:inline}.col-actions.svelte-fpjky3 .edit-btn:where(.svelte-fpjky3){background:var(--surface-soft, transparent);border:1px solid var(--line);color:var(--ink)}.col-actions.svelte-fpjky3 .edit-btn:where(.svelte-fpjky3):hover,.col-actions.svelte-fpjky3 .edit-btn:where(.svelte-fpjky3):active{background:var(--surface-alt);border-color:var(--ink-faint)}.col-actions.svelte-fpjky3 .delete-btn:where(.svelte-fpjky3){background:transparent;border:1px solid var(--alpa-soft, oklch(.92 .035 25));color:var(--alpa)}.col-actions.svelte-fpjky3 .delete-btn:where(.svelte-fpjky3):hover,.col-actions.svelte-fpjky3 .delete-btn:where(.svelte-fpjky3):active{background:var(--alpa-soft);border-color:var(--alpa)}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.empty-row:where(.svelte-fpjky3),.empty-row.svelte-fpjky3{display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.empty-row:where(.svelte-fpjky3) td:where(.svelte-fpjky3),.empty-row.svelte-fpjky3 td:where(.svelte-fpjky3),td.empty-row.svelte-fpjky3{display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.sentinel-row:where(.svelte-fpjky3){display:block;background:transparent;border:none;padding:8px 0}.table-scroll.svelte-fpjky3 tbody:where(.svelte-fpjky3) tr.sentinel-row:where(.svelte-fpjky3) td:where(.svelte-fpjky3){display:block;width:100%}}.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;overflow-y:auto;max-height:calc(100vh - 350px);min-height:380px}.table-scroll.svelte-19gz5q4::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-19gz5q4::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-19gz5q4::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-19gz5q4{width:100%;border-collapse:collapse;font-size:13px}th.svelte-19gz5q4,td.svelte-19gz5q4{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-19gz5q4{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}.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)}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr:where(.svelte-19gz5q4):hover{background:var(--surface-soft)}@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)}}.kelas-cell.svelte-19gz5q4{display:flex;align-items:center;gap:10px}.kelas-badge-avatar.svelte-19gz5q4,.prefix-mobile.svelte-19gz5q4,.kelas-sub.svelte-19gz5q4{display:none}@media(max-width:640px){.table-scroll.svelte-19gz5q4{overflow:visible;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr:where(.svelte-19gz5q4):hover td:where(.svelte-19gz5q4),.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr:where(.svelte-19gz5q4):hover td:where(.svelte-19gz5q4):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr.promo-row:where(.svelte-19gz5q4){display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr.promo-row:where(.svelte-19gz5q4):hover,.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr.promo-row:where(.svelte-19gz5q4):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-19gz5q4 td:where(.svelte-19gz5q4){border:0;padding:0;background:transparent!important;box-shadow:none!important;width:100%}.table-scroll.svelte-19gz5q4 td:where(.svelte-19gz5q4):before{display:none!important}.col-kelas.svelte-19gz5q4{min-width:0;background:transparent!important}.kelas-cell.svelte-19gz5q4{display:flex;align-items:center;gap:12px;min-width:0}.kelas-badge-avatar.svelte-19gz5q4{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--piket-soft);color:var(--piket);font-weight:700;font-size:13px;text-align:center;flex-shrink:0;padding:0 4px;overflow:hidden}.kelas-info.svelte-19gz5q4{display:flex;flex-direction:column;gap:2px;min-width:0}.kelas-title.svelte-19gz5q4{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prefix-mobile.svelte-19gz5q4{display:inline;font-weight:700}.kelas-sub.svelte-19gz5q4{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-19gz5q4 td.col-tingkat:where(.svelte-19gz5q4),.table-scroll.svelte-19gz5q4 td.col-siswa:where(.svelte-19gz5q4){display:none!important}.col-aksi.svelte-19gz5q4 .aksi-pick:where(.svelte-19gz5q4){display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.col-aksi.svelte-19gz5q4 .ap-chip:where(.svelte-19gz5q4){justify-content:center;height:36px}.col-tujuan.svelte-19gz5q4 .sel-wrap{width:100%;max-width:100%}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr.empty-row:where(.svelte-19gz5q4){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr.empty-row:where(.svelte-19gz5q4) td:where(.svelte-19gz5q4){display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-19gz5q4 tbody:where(.svelte-19gz5q4) tr.empty-row:where(.svelte-19gz5q4) td:where(.svelte-19gz5q4):before{display:none}}.head-actions.svelte-1famud{display:flex;align-items:center;gap:10px}.head-actions.svelte-1famud .sel-wrap{width:110px}.head-actions.svelte-1famud .sel-trigger{height:34px;padding:0 32px 0 11px;border-radius:10px;font-size:13px}.loading-state.svelte-1famud{display:inline-flex;align-items:center;gap:10px;color:var(--ink-soft)}.spinner.svelte-1famud{width:14px;height:14px;border:2px solid color-mix(in oklab,var(--ink) 25%,transparent);border-top-color:var(--ink);border-radius:50%;animation:rotateGrad .8s linear infinite;display:inline-block}.siswa-toolbar.svelte-1famud{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.siswa-search.svelte-1famud{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.siswa-search.svelte-1famud svg{position:absolute;left:12px;color:var(--ink-faint);pointer-events:none}.siswa-search.svelte-1famud input:where(.svelte-1famud){width:100%;padding-left:36px;font-size:13px}.table-scroll.svelte-1famud{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 290px);min-height:420px}.table-scroll.svelte-1famud::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-1famud::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-1famud::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-1famud{width:100%;border-collapse:collapse;font-size:13px}th.svelte-1famud,td.svelte-1famud{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-1famud{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}tbody.svelte-1famud tr:where(.svelte-1famud){transition:background var(--dur-fast) var(--ease)}tbody.svelte-1famud tr:where(.svelte-1famud):hover{background:var(--surface-soft)}.mono.svelte-1famud{font-family:JetBrains Mono,monospace;font-size:12px}.muted.svelte-1famud{color:var(--ink-soft)}.empty-row.svelte-1famud{text-align:center;color:var(--ink-faint);padding:24px}.sentinel-row.svelte-1famud td:where(.svelte-1famud){text-align:center;padding:16px;background:var(--surface-soft);border-bottom:0}.sentinel-badge.svelte-1famud{font-size:11.5px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:5px 16px;border-radius:99px;border:1px dashed var(--line);display:inline-block}.modal-form.svelte-1famud{display:flex;flex-direction:column;gap:14px}.modal-form.svelte-1famud h3:where(.svelte-1famud){margin:0 0 6px;font-size:18px;font-family:Fraunces,serif}.modal-form.svelte-1famud label:where(.svelte-1famud){display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.modal-form.svelte-1famud input:where(.svelte-1famud){width:100%;font-size:13px}.modal-form.svelte-1famud .sel-wrap{width:100%}.modal-form.svelte-1famud .sel-trigger{height:36px;padding:0 32px 0 10px;border-radius:8px;font-size:13px}.modal-actions.svelte-1famud{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.actions.svelte-1famud{text-align:right;white-space:nowrap}.actions.svelte-1famud .btn.action-btn:where(.svelte-1famud){width:32px;height:32px;padding:0;justify-content:center}.libur-cell.svelte-1famud{display:flex;align-items:center;gap:10px}.libur-badge-avatar.svelte-1famud,.libur-sub.svelte-1famud,.btn-text.svelte-1famud{display:none}@media(max-width:640px){.table-scroll.svelte-1famud{overflow:visible;max-height:none;min-height:0;padding:16px}.table-scroll.svelte-1famud table:where(.svelte-1famud),.table-scroll.svelte-1famud thead:where(.svelte-1famud),.table-scroll.svelte-1famud tbody:where(.svelte-1famud),.table-scroll.svelte-1famud tr:where(.svelte-1famud),.table-scroll.svelte-1famud td:where(.svelte-1famud){display:block}.table-scroll.svelte-1famud thead:where(.svelte-1famud){display:none}.table-scroll.svelte-1famud tbody:where(.svelte-1famud){display:flex;flex-direction:column;gap:14px}.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr:where(.svelte-1famud):hover td:where(.svelte-1famud),.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr:where(.svelte-1famud):hover td:where(.svelte-1famud):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr.libur-row:where(.svelte-1famud){display:grid;grid-template-columns:1fr auto;grid-template-areas:"main jenis" "actions actions";gap:14px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;align-items:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr.libur-row:where(.svelte-1famud):hover,.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr.libur-row:where(.svelte-1famud):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-1famud td:where(.svelte-1famud){border:0;padding:0;background:transparent!important;box-shadow:none!important}.table-scroll.svelte-1famud td:where(.svelte-1famud):before{display:none!important}.col-nama.svelte-1famud{grid-area:main;min-width:0;background:transparent!important}.libur-cell.svelte-1famud{display:flex;align-items:center;gap:12px;min-width:0}.libur-badge-avatar.svelte-1famud{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--terlambat-soft);color:var(--terlambat);font-weight:700;flex-shrink:0}.libur-info.svelte-1famud{display:flex;flex-direction:column;gap:2px;min-width:0}.libur-title.svelte-1famud{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.libur-sub.svelte-1famud{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-1famud td.col-tanggal:where(.svelte-1famud),.table-scroll.svelte-1famud td.col-creator:where(.svelte-1famud){display:none!important}.col-jenis.svelte-1famud{grid-area:jenis;text-align:right}.col-actions.actions.svelte-1famud{grid-area:actions;display:block;width:100%;margin-top:2px;border:0;padding:0}.col-actions.svelte-1famud .btn.action-btn:where(.svelte-1famud){width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm, 10px);margin-left:0;-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid var(--alpa-soft, oklch(.92 .035 25));color:var(--alpa)}.col-actions.svelte-1famud .btn.action-btn:where(.svelte-1famud):hover,.col-actions.svelte-1famud .btn.action-btn:where(.svelte-1famud):active{background:var(--alpa-soft);border-color:var(--alpa)}.btn-text.svelte-1famud{display:inline}.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr.empty-row:where(.svelte-1famud),.empty-row.svelte-1famud{display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-1famud td.empty-row:where(.svelte-1famud){display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-1famud td.empty-row:where(.svelte-1famud):before{display:none}.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr.sentinel-row:where(.svelte-1famud){display:block;background:transparent;border:none;padding:8px 0}.table-scroll.svelte-1famud tbody:where(.svelte-1famud) tr.sentinel-row:where(.svelte-1famud) td:where(.svelte-1famud){display:block;width:100%}}.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)}}.slot-box.svelte-1bqtg56{position:absolute;box-sizing:border-box;cursor:grab;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;border:1.5px dashed rgba(59,130,246,.55);background:#3b82f60a;transition:border-color .15s,background-color .15s;outline:none;pointer-events:auto}.slot-box.svelte-1bqtg56:hover{border-color:#2563eb;background:#2563eb14}.slot-box.selected.svelte-1bqtg56{border:2px solid #2563eb;background:#2563eb1a;cursor:move;z-index:20;box-shadow:0 0 0 1px #ffffffb3;pointer-events:auto}.slot-badge.svelte-1bqtg56{position:absolute;top:-22px;left:0;background:#2563eb;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 5px #00000040;line-height:1.3}.hdl.svelte-1bqtg56{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #2563eb;border-radius:2px;box-sizing:border-box;z-index:30;pointer-events:auto;transition:transform .1s}.hdl.svelte-1bqtg56:hover{transform:scale(1.35);background:#2563eb}.hdl-nw.svelte-1bqtg56{top:-5px;left:-5px;cursor:nwse-resize}.hdl-n.svelte-1bqtg56{top:-5px;left:calc(50% - 4.5px);cursor:ns-resize}.hdl-ne.svelte-1bqtg56{top:-5px;right:-5px;cursor:nesw-resize}.hdl-e.svelte-1bqtg56{top:calc(50% - 4.5px);right:-5px;cursor:ew-resize}.hdl-se.svelte-1bqtg56{bottom:-5px;right:-5px;cursor:nwse-resize}.hdl-s.svelte-1bqtg56{bottom:-5px;left:calc(50% - 4.5px);cursor:ns-resize}.hdl-sw.svelte-1bqtg56{bottom:-5px;left:-5px;cursor:nesw-resize}.hdl-w.svelte-1bqtg56{top:calc(50% - 4.5px);left:-5px;cursor:ew-resize}.canvas-viewport.svelte-45zy1f{flex:1;display:flex;align-items:center;justify-content:center;background:#0b0f19;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:18px 18px;overflow:auto;position:relative;padding:36px;-webkit-user-select:none;user-select:none}.card-zoom-wrap.svelte-45zy1f{transition:transform .15s ease-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-stage.svelte-45zy1f{width:85.6mm;height:53.98mm;position:relative;box-shadow:0 20px 48px #000000a6,0 0 0 1px #ffffff1a;border-radius:2.2mm;overflow:hidden;box-sizing:border-box;background:#fdf0ee}.stage-overlay.svelte-45zy1f{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:25}.props-panel.svelte-2scjdk{width:335px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;height:100%;overflow:hidden;box-sizing:border-box}.empty-state.svelte-2scjdk{padding:36px 20px;text-align:center;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:8px;margin:auto 0}.empty-title.svelte-2scjdk{font-size:14px;font-weight:700;color:var(--ink);margin:4px 0 0}.empty-desc.svelte-2scjdk{font-size:12px;line-height:1.4;margin:0}.props-header.svelte-2scjdk{padding:12px 16px;background:var(--surface-soft);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.header-tag.svelte-2scjdk{font-size:13px;font-weight:700;color:var(--ink)}.vis-toggle.svelte-2scjdk{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;cursor:pointer}.props-scroll.svelte-2scjdk{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;flex:1}.prop-group.svelte-2scjdk{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line-soft, rgba(0,0,0,.06))}.group-title.svelte-2scjdk{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.side-pills.svelte-2scjdk{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pill-btn.svelte-2scjdk{padding:6px 10px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surface-alt, var(--surface));border-radius:6px;cursor:pointer;color:var(--ink-soft);transition:all .15s}.pill-btn.active.svelte-2scjdk{background:#2563eb;color:#fff;border-color:#2563eb}.coord-grid.svelte-2scjdk{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coord-item.svelte-2scjdk{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ink-soft)}.coord-item.svelte-2scjdk input:where(.svelte-2scjdk){padding:5px 8px;font-size:12.5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.color-row.svelte-2scjdk{display:flex;align-items:center;justify-content:space-between;font-size:12px}.color-presets.svelte-2scjdk{display:flex;align-items:center;gap:6px}.color-btn.svelte-2scjdk{width:22px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.15);cursor:pointer}.color-presets.svelte-2scjdk input[type=color]:where(.svelte-2scjdk){width:26px;height:26px;padding:0;border:none;cursor:pointer;background:none}.slider-row.svelte-2scjdk{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ink-soft)}.check-row.svelte-2scjdk{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.fields-group-header.svelte-2scjdk{display:flex;align-items:center;justify-content:space-between;gap:8px}.scale-all-tools.svelte-2scjdk{display:flex;align-items:center;gap:4px}.btn-scale.svelte-2scjdk{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;cursor:pointer;color:var(--ink);transition:all .15s}.btn-scale.svelte-2scjdk:hover{background:var(--surface-alt);border-color:#2563eb;color:#2563eb}.fields-desc.svelte-2scjdk{font-size:11px;color:var(--ink-faint);margin:2px 0 6px;line-height:1.4}.fields-cards-list.svelte-2scjdk{display:flex;flex-direction:column;gap:8px}.field-card-box.svelte-2scjdk{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;transition:all .15s}.field-card-box.inactive.svelte-2scjdk{opacity:.55;background:transparent}.fc-head.svelte-2scjdk{display:flex;align-items:center;justify-content:space-between;gap:8px}.fc-label.svelte-2scjdk{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1}.fc-label.svelte-2scjdk input[type=checkbox]:where(.svelte-2scjdk){width:15px;height:15px;accent-color:#2563eb;cursor:pointer;margin:0}.fc-name.svelte-2scjdk{font-size:12px;font-weight:600;color:var(--ink);line-height:1.3}.fc-badge.svelte-2scjdk{font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace;color:#2563eb;background:#2563eb1a;padding:1.5px 6px;border-radius:4px;flex-shrink:0}.fc-slider-row.svelte-2scjdk{display:flex;align-items:center;gap:8px;padding-top:2px}.slider-end-label.svelte-2scjdk{font-size:10.5px;font-weight:700;color:var(--ink-faint);flex-shrink:0;-webkit-user-select:none;user-select:none}.fc-range.svelte-2scjdk{flex:1;height:4px;accent-color:#2563eb;cursor:pointer}.input-field.svelte-2scjdk{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--ink-soft)}.input-field.svelte-2scjdk input:where(.svelte-2scjdk),.input-field.svelte-2scjdk textarea:where(.svelte-2scjdk){padding:6px 8px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.modal-backdrop.svelte-1h6nvi1{position:fixed;top:0;right:0;bottom:0;left:0;background:#040301d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.designer-modal.svelte-1h6nvi1{width:100%;max-width:1200px;height:min(920px,calc(100vh - 32px));height:min(920px,calc(100dvh - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 48px #00000080;display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}.designer-toolbar.svelte-1h6nvi1{height:56px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.tb-left.svelte-1h6nvi1{display:flex;align-items:center;gap:10px}.tb-icon-btn.svelte-1h6nvi1{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .15s}.tb-icon-btn.svelte-1h6nvi1:hover{background:var(--surface-alt)}.tb-title.svelte-1h6nvi1{display:flex;align-items:center;gap:8px}.tb-title.svelte-1h6nvi1 h3:where(.svelte-1h6nvi1){font-size:15px;font-weight:700;margin:0}.tb-badge.svelte-1h6nvi1{font-size:10.5px;font-weight:700;background:#2563eb1f;color:#2563eb;padding:1px 6px;border-radius:4px}.side-selector.svelte-1h6nvi1{display:flex;background:var(--surface-soft);padding:3px;border-radius:8px;border:1px solid var(--line)}.side-tab.svelte-1h6nvi1{padding:5px 14px;font-size:12px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.side-tab.active.svelte-1h6nvi1{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 3px #0000001a}.tb-actions.svelte-1h6nvi1{display:flex;align-items:center;gap:8px}.tb-group.svelte-1h6nvi1{display:flex;gap:2px}.tb-tool-btn.svelte-1h6nvi1{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}.tb-tool-btn.svelte-1h6nvi1:disabled{opacity:.4;cursor:not-allowed}.tb-sep.svelte-1h6nvi1{width:1px;height:20px;background:var(--line)}.tb-preset.svelte-1h6nvi1{width:210px}.tb-zoom.svelte-1h6nvi1{display:flex;background:var(--surface-soft);border-radius:6px;border:1px solid var(--line);padding:2px}.zoom-btn.svelte-1h6nvi1{padding:3px 8px;font-size:11px;font-weight:600;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--ink-soft)}.zoom-btn.active.svelte-1h6nvi1{background:var(--surface);color:var(--ink);font-weight:700}.btn.primary.svelte-1h6nvi1{background:#2563eb;color:#fff;border:none;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .15s}.btn.primary.svelte-1h6nvi1:hover{filter:brightness(1.1)}.designer-body.svelte-1h6nvi1{flex:1;display:flex;min-height:0;overflow:hidden}.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%}.idcard-icon.svelte-h4ya8k{background:color-mix(in oklch,var(--role-accent, #ef4444) 15%,transparent);color:var(--role-accent, #ef4444)}.idcard-manager.svelte-h4ya8k{display:flex;flex-direction:column;gap:16px;margin-top:4px}.idcard-previews.svelte-h4ya8k{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.idcard-previews.svelte-h4ya8k{grid-template-columns:1fr}}.idcard-preview-box.svelte-h4ya8k{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.idcard-box-header.svelte-h4ya8k{display:flex;align-items:center;justify-content:space-between;gap:8px}.idcard-box-header.svelte-h4ya8k .box-title:where(.svelte-h4ya8k){font-size:13px;font-weight:700;color:var(--ink)}.idcard-box-header.svelte-h4ya8k .box-badge:where(.svelte-h4ya8k){font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-alt, #e5e2da);color:var(--ink-soft)}.idcard-box-header.svelte-h4ya8k .box-badge.custom:where(.svelte-h4ya8k){background:color-mix(in oklch,var(--role-accent, #2563eb) 15%,transparent);color:var(--role-accent, #2563eb)}.idcard-frame.svelte-h4ya8k{width:100%;aspect-ratio:85.6 / 53.98;position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#fdf0ee;box-shadow:0 1px 3px #0000000f}.idcard-scale.svelte-h4ya8k{width:85.6mm;height:53.98mm;position:absolute;top:0;left:0;transform-origin:top left}.idcard-box-actions.svelte-h4ya8k{display:flex;align-items:center;gap:8px}.idcard-options.svelte-h4ya8k{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border-radius:10px;border:1px dashed var(--line);background:var(--surface)}.toggle-row.svelte-h4ya8k{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.toggle-row.svelte-h4ya8k input[type=checkbox]:where(.svelte-h4ya8k){margin-top:2px;width:16px;height:16px;cursor:pointer}.toggle-text.svelte-h4ya8k{display:flex;flex-direction:column;gap:2px}.toggle-label.svelte-h4ya8k{font-size:13px;font-weight:600;color:var(--ink)}.toggle-desc.svelte-h4ya8k{font-size:11.5px;color:var(--ink-soft);line-height:1.4}.idcard-tips.svelte-h4ya8k{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--ink-soft);line-height:1.45;padding-top:6px;border-top:1px solid var(--line)}.idcard-tips.svelte-h4ya8k svg{flex-shrink:0;margin-top:1px;color:var(--role-accent, #2563eb)}.idcard-designer-banner.svelte-h4ya8k{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:color-mix(in oklch,var(--role-accent, #2563eb) 8%,var(--surface));border:1px solid color-mix(in oklch,var(--role-accent, #2563eb) 25%,transparent);border-radius:12px}@media(max-width:680px){.idcard-designer-banner.svelte-h4ya8k{flex-direction:column;align-items:stretch}}.banner-info.svelte-h4ya8k{flex:1;min-width:0}.banner-title.svelte-h4ya8k{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink)}.banner-title.svelte-h4ya8k svg{color:var(--role-accent, #2563eb);flex-shrink:0}.banner-desc.svelte-h4ya8k{font-size:12px;color:var(--ink-soft);margin:4px 0 0;line-height:1.5}.designer-btn-wrap.svelte-h4ya8k{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-designer-open.svelte-h4ya8k{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--role-accent, #2563eb);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #2563eb40;transition:filter .15s,transform .15s}.btn-designer-open.svelte-h4ya8k:hover{filter:brightness(1.1);transform:translateY(-1px)}.sr-only.svelte-h4ya8k{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn-sm.svelte-h4ya8k{height:30px;padding:0 10px;font-size:12px;border-radius:8px}.text-danger.svelte-h4ya8k{color:#ef4444!important}.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)}.efektif-icon.svelte-h4ya8k{background:color-mix(in oklab,var(--terlambat) 12%,var(--surface));color:var(--terlambat)}.hari-chips.svelte-h4ya8k{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hari-chip.svelte-h4ya8k{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.hari-chip.svelte-h4ya8k:hover{border-color:var(--terlambat)}.hari-chip.checked.svelte-h4ya8k{background:color-mix(in oklab,var(--terlambat) 10%,var(--surface));border-color:var(--terlambat);color:var(--ink)}.hc-check.svelte-h4ya8k{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--surface);background:var(--surface);flex-shrink:0;transition:all var(--dur-fast) var(--ease)}.hari-chip.checked.svelte-h4ya8k .hc-check:where(.svelte-h4ya8k){background:var(--terlambat);border-color:var(--terlambat);color:#fff}.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)}}.settings-loading.svelte-m7qnge{display:flex;align-items:center;gap:10px;padding:32px 18px;font-size:13px;color:var(--ink-soft)}.settings-form.svelte-m7qnge{display:flex;flex-direction:column;gap:18px;padding:18px}.settings-note.svelte-m7qnge{font-size:12px;color:var(--ink-soft);margin:0;line-height:1.6}.settings-section.svelte-m7qnge{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.settings-section.svelte-m7qnge h4:where(.svelte-m7qnge){font-size:14px;margin:0}.section-head.svelte-m7qnge{display:flex;align-items:flex-start;gap:12px}.section-icon.svelte-m7qnge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.tts-icon.svelte-m7qnge{background:color-mix(in oklab,var(--role-accent) 12%,var(--surface));color:var(--role-accent)}.model-icon.svelte-m7qnge{background:var(--surface-soft);color:var(--ink-soft)}.tune-icon.svelte-m7qnge{background:color-mix(in oklab,var(--terlambat) 12%,var(--surface));color:var(--terlambat)}.cache-icon.svelte-m7qnge{background:color-mix(in oklab,var(--hadir) 12%,var(--surface));color:var(--hadir)}.settings-grid.svelte-m7qnge{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}@media(max-width:620px){.settings-grid.svelte-m7qnge{grid-template-columns:1fr}}.field-label.svelte-m7qnge{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.field-hint.svelte-m7qnge{font-size:11.5px;font-weight:400;color:var(--ink-faint);line-height:1.5}.tts-stats.svelte-m7qnge{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:620px){.tts-stats.svelte-m7qnge{grid-template-columns:repeat(2,1fr)}}.tts-stat.svelte-m7qnge{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line);min-width:0}.tts-stat-label.svelte-m7qnge{font-size:11.5px;color:var(--ink-faint)}.tts-stat-value.svelte-m7qnge{font-size:13px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.tts-stat-pill.svelte-m7qnge{align-self:flex-start;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600}.tts-stat-pill.ok.svelte-m7qnge{background:color-mix(in oklab,var(--hadir) 14%,var(--surface));color:var(--hadir)}.tts-stat-pill.bad.svelte-m7qnge{background:color-mix(in oklab,var(--alpa) 14%,var(--surface));color:var(--alpa)}.warn-note.svelte-m7qnge{margin:0;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.6;background:color-mix(in oklab,var(--terlambat) 10%,var(--surface));color:var(--terlambat)}.tts-toggle.svelte-m7qnge{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:8px;background:var(--surface-soft);border:1.5px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.tts-toggle.svelte-m7qnge:hover{border-color:var(--ink-faint);background:var(--surface-alt)}.tts-toggle.active.svelte-m7qnge{background:color-mix(in oklab,var(--role-accent) 7%,var(--surface));border-color:color-mix(in oklab,var(--role-accent) 45%,var(--line));box-shadow:0 2px 8px color-mix(in oklab,var(--role-accent) 12%,transparent)}.tts-toggle.svelte-m7qnge:focus-visible{outline:2px solid var(--role-accent);outline-offset:2px}.tts-toggle-text.svelte-m7qnge{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.tts-toggle-title.svelte-m7qnge{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--ink)}.tts-toggle-desc.svelte-m7qnge{font-size:11.5px;color:var(--ink-soft);line-height:1.45}.opt-mode-badge.svelte-m7qnge{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;letter-spacing:.02em;transition:all .15s ease}.opt-mode-badge.update-mode.svelte-m7qnge{background:color-mix(in oklab,var(--hadir) 18%,var(--surface));color:var(--hadir);border:1px solid color-mix(in oklab,var(--hadir) 30%,var(--line))}.opt-mode-badge.skip-mode.svelte-m7qnge{background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.custom-switch.svelte-m7qnge{width:44px;height:24px;border-radius:999px;background:var(--line);padding:2px;display:flex;align-items:center;flex-shrink:0;transition:background .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #0000001a}.custom-switch.checked.svelte-m7qnge{background:var(--role-accent)}.switch-knob.svelte-m7qnge{width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--role-accent);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .2s cubic-bezier(.16,1,.3,1)}.custom-switch.checked.svelte-m7qnge .switch-knob:where(.svelte-m7qnge){transform:translate(20px)}.tuner-grid.svelte-m7qnge{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.tuner-grid.svelte-m7qnge{grid-template-columns:1fr}}.tuner.svelte-m7qnge{display:flex;flex-direction:column;gap:9px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.tuner.muted.svelte-m7qnge{opacity:.75}.tuner-head.svelte-m7qnge{display:flex;align-items:center;justify-content:space-between;gap:10px}.tuner-name.svelte-m7qnge{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--ink)}.tuner-sub.svelte-m7qnge{font-size:10.5px;font-weight:600;color:var(--ink-faint);letter-spacing:.01em}.tuner-val.svelte-m7qnge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:99px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;background:color-mix(in oklab,var(--role-accent) 14%,var(--surface));color:var(--role-accent);border:1px solid color-mix(in oklab,var(--role-accent) 30%,var(--line))}.tuner-val.bawaan.svelte-m7qnge{background:var(--surface-alt);color:var(--ink-soft);border-color:var(--line)}.tuner-tag.svelte-m7qnge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.tuner.svelte-m7qnge input[type=range]:where(.svelte-m7qnge){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;margin:3px 0;border-radius:99px;background:var(--line);outline:none;cursor:pointer}.tuner.svelte-m7qnge input[type=range]:where(.svelte-m7qnge):disabled{cursor:not-allowed;opacity:.6}.tuner.svelte-m7qnge input[type=range]:where(.svelte-m7qnge)::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface);border:3px solid var(--role-accent);box-shadow:0 1px 4px #0003;cursor:grab;transition:transform .15s ease}.tuner.svelte-m7qnge input[type=range]:where(.svelte-m7qnge)::-webkit-slider-thumb:active{transform:scale(1.15);cursor:grabbing}.tuner.svelte-m7qnge input[type=range]:where(.svelte-m7qnge)::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface);border:3px solid var(--role-accent);box-shadow:0 1px 4px #0003;cursor:grab}.tuner.svelte-m7qnge input[type=range]:where(.svelte-m7qnge):focus-visible{outline:2px solid var(--role-accent);outline-offset:3px}.tuner-foot.svelte-m7qnge{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.link-btn.svelte-m7qnge{border:0;background:none;padding:0;font-size:11.5px;font-weight:700;color:var(--role-accent);cursor:pointer;white-space:nowrap;flex-shrink:0}.link-btn.svelte-m7qnge:hover:not(:disabled){text-decoration:underline}.link-btn.svelte-m7qnge:disabled{color:var(--ink-faint);cursor:default}.section-actions.svelte-m7qnge{display:flex;gap:8px;flex-wrap:wrap}.preview-block.svelte-m7qnge{display:flex;flex-direction:column;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.preview-sample.svelte-m7qnge{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:620px){.preview-sample.svelte-m7qnge{grid-template-columns:1fr}}.scenario-grid.svelte-m7qnge{display:flex;flex-wrap:wrap;gap:8px}.scenario-chip.svelte-m7qnge{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:99px;cursor:pointer;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease)}.scenario-chip.svelte-m7qnge:hover{border-color:var(--role-accent);color:var(--ink)}.scenario-chip.active.svelte-m7qnge{background:color-mix(in oklab,var(--role-accent) 14%,var(--surface));border-color:color-mix(in oklab,var(--role-accent) 45%,var(--line));color:var(--role-accent)}.preview-actions.svelte-m7qnge{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.preview-readout.svelte-m7qnge{font-size:12.5px;color:var(--ink-soft);font-style:italic}.preview-dur.svelte-m7qnge{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--role-accent);background:color-mix(in oklab,var(--role-accent) 12%,var(--surface));border:1px solid color-mix(in oklab,var(--role-accent) 30%,var(--line));padding:3px 10px;border-radius:99px;white-space:nowrap}.btn.stop.svelte-m7qnge{background:color-mix(in oklab,var(--alpa) 14%,var(--surface));color:var(--alpa);border-color:color-mix(in oklab,var(--alpa) 42%,var(--line))}.btn.stop.svelte-m7qnge:hover:not(:disabled){background:color-mix(in oklab,var(--alpa) 22%,var(--surface))}.dur-hint.svelte-m7qnge{border-left:3px solid var(--role-accent);padding-left:10px;background:color-mix(in oklab,var(--role-accent) 6%,var(--surface-soft));border-radius:0 8px 8px 0}.dur-hint.svelte-m7qnge b:where(.svelte-m7qnge){color:var(--ink)}.preview-free.svelte-m7qnge{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.preview-input.svelte-m7qnge{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-soft)}.preview-input.svelte-m7qnge input:where(.svelte-m7qnge){width:100%}.file-btn.svelte-m7qnge{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;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease)}.file-btn.svelte-m7qnge:hover{border-color:var(--role-accent);background:var(--surface-alt)}.file-btn.svelte-m7qnge input:where(.svelte-m7qnge){display:none}.progress.svelte-m7qnge{display:flex;align-items:center;gap:10px}.progress-bar.svelte-m7qnge{flex:1;height:6px;border-radius:99px;background:var(--surface-soft);overflow:hidden}.progress-fill.svelte-m7qnge{height:100%;border-radius:99px;background:var(--role-accent);transition:width var(--dur-normal) var(--ease)}.progress-text.svelte-m7qnge{font-size:12px;color:var(--ink-soft);white-space:nowrap}.spinner.svelte-m7qnge{width:14px;height:14px;border:2px solid oklch(1 0 0 / .3);border-top-color:#fff;border-radius:50%;animation:svelte-m7qnge-rotateGrad .8s linear infinite;display:inline-block}@keyframes svelte-m7qnge-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{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.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;width:100%;box-sizing:border-box}@media(max-width:1100px){.ov-grid.svelte-u4063o{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ov-grid.svelte-u4063o{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}}.wk-split.svelte-u4063o{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;align-items:stretch;margin-bottom:24px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wk-split.svelte-u4063o .wk-card:where(.svelte-u4063o){margin-bottom:0}@media(max-width:860px){.wk-split.svelte-u4063o{grid-template-columns:minmax(0,1fr)}}.wk-list-toolbar.svelte-u4063o{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wk-search.svelte-u4063o{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wk-search.svelte-u4063o input:where(.svelte-u4063o){box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm, 10px);background:var(--surface-alt);color:var(--ink);font-size:13px;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.wk-search.svelte-u4063o input:where(.svelte-u4063o)::placeholder{color:var(--ink-faint)}.wk-search.svelte-u4063o input:where(.svelte-u4063o):focus{outline:none;border-color:var(--wali-kelas);background:var(--surface)}.wk-chips.svelte-u4063o{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin-top:12px;padding:2px 2px 6px}.wk-chips.svelte-u4063o::-webkit-scrollbar{display:none;width:0;height:0}.wk-chip.svelte-u4063o{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface-alt);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent;flex-shrink:0;flex-grow:0;white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:pan-x}.wk-chip.svelte-u4063o:hover{border-color:var(--ink-faint);color:var(--ink)}.wk-chip.active.svelte-u4063o{background:var(--ink);color:var(--surface);border-color:var(--ink)}.wk-chip.active.hadir.svelte-u4063o{background:var(--hadir-soft);color:var(--hadir);border-color:color-mix(in srgb,var(--hadir) 50%,transparent)}.wk-chip.active.terlambat.svelte-u4063o{background:var(--terlambat-soft);color:var(--terlambat);border-color:color-mix(in srgb,var(--terlambat) 50%,transparent)}.wk-chip.active.izin.svelte-u4063o{background:var(--izin-soft);color:var(--izin);border-color:color-mix(in srgb,var(--izin) 50%,transparent)}.wk-chip.active.sakit.svelte-u4063o{background:var(--sakit-soft);color:var(--sakit);border-color:color-mix(in srgb,var(--sakit) 50%,transparent)}.wk-chip.active.alpa.svelte-u4063o{background:var(--alpa-soft);color:var(--alpa);border-color:color-mix(in srgb,var(--alpa) 50%,transparent)}.wk-chip.active.pending.svelte-u4063o{background:var(--surface-alt);color:var(--ink);border-color:var(--ink-faint)}.wk-chip-count.svelte-u4063o{font-family:JetBrains Mono,monospace;font-size:10.5px;font-variant-numeric:tabular-nums;opacity:.75;padding:1px 6px;border-radius:99px;background:var(--line-soft, var(--line))}.wk-chip.active.svelte-u4063o .wk-chip-count:where(.svelte-u4063o){background:#ffffff2e;opacity:1}.wk-chip.active.hadir.svelte-u4063o .wk-chip-count:where(.svelte-u4063o),.wk-chip.active.terlambat.svelte-u4063o .wk-chip-count:where(.svelte-u4063o),.wk-chip.active.izin.svelte-u4063o .wk-chip-count:where(.svelte-u4063o),.wk-chip.active.sakit.svelte-u4063o .wk-chip-count:where(.svelte-u4063o),.wk-chip.active.alpa.svelte-u4063o .wk-chip-count:where(.svelte-u4063o){background:#00000014}.wk-stat-gender.svelte-u4063o{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:4px 0 6px;box-sizing:border-box}.wk-stat-divider.svelte-u4063o{height:1px;background:var(--line);margin:14px 0}.wk-stat-status.svelte-u4063o h4:where(.svelte-u4063o){font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;margin:0 0 10px}.wk-stat-row.svelte-u4063o{display:grid;grid-template-columns:88px 1fr 34px;align-items:center;gap:10px;margin-bottom:9px;font-size:12px}.wk-stat-row.svelte-u4063o:last-child{margin-bottom:0}.wk-stat-label.svelte-u4063o{color:var(--ink-soft);font-weight:600}.wk-stat-bar.svelte-u4063o{height:8px;background:var(--surface-alt);border-radius:99px;overflow:hidden}.wk-stat-fill.svelte-u4063o{height:100%;border-radius:99px;transition:width var(--dur-slow) var(--ease);min-width:2px}.wk-stat-fill.hadir.svelte-u4063o{background:var(--hadir)}.wk-stat-fill.terlambat.svelte-u4063o{background:var(--terlambat)}.wk-stat-fill.izin.svelte-u4063o{background:var(--izin)}.wk-stat-fill.sakit.svelte-u4063o{background:var(--sakit)}.wk-stat-fill.pending.svelte-u4063o{background:var(--ink-faint)}.wk-stat-count.svelte-u4063o{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);text-align:right;font-size:12.5px}.wk-classhead.svelte-u4063o{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg, 14px);padding:18px 22px;margin-bottom:24px;animation:fadeUp var(--dur-enter) var(--ease) backwards}.wk-ch-info.svelte-u4063o{min-width:0}.wk-ch-kicker.svelte-u4063o{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}.wk-ch-name.svelte-u4063o{font-family:Fraunces,serif;font-size:24px;font-weight:700;color:var(--ink);margin:2px 0;line-height:1.15}.wk-ch-wali.svelte-u4063o{font-size:12.5px;color:var(--ink-soft)}.wk-ch-badges.svelte-u4063o{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wk-badge-pill.svelte-u4063o{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600;background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.wk-badge-pill.good.svelte-u4063o{background:var(--hadir-soft);color:var(--hadir);border-color:color-mix(in srgb,var(--hadir) 30%,transparent);font-weight:700}.badge-dot.svelte-u4063o{width:6px;height:6px;border-radius:50%;background:var(--hadir)}.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)}.siswa-flex-cell.svelte-u4063o{display:inline-flex;align-items:center;gap:10px;min-width:0}.siswa-text-meta.svelte-u4063o{display:flex;flex-direction:column;gap:2px;min-width:0}.siswa-sub-mobile.svelte-u4063o,.scan-time-mini.svelte-u4063o{display:none}.clickable-row.svelte-u4063o{cursor:pointer}.btn-link-name.svelte-u4063o{background:none;border:none;padding:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:color var(--dur-fast) var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.clickable-row.svelte-u4063o:hover .btn-link-name:where(.svelte-u4063o){color:var(--role-accent, var(--wali-kelas));text-decoration:underline}.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;overflow-y:auto;max-height:340px}.table-scroll.svelte-u4063o::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-u4063o::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-u4063o::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-u4063o{width:100%;border-collapse:collapse;font-size:13px}thead.svelte-u4063o th:where(.svelte-u4063o){position:sticky;top:0;background:var(--surface);z-index:2;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;box-shadow:0 1px 0 var(--line)}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)}.dot-tl.svelte-u4063o,.dot-al.svelte-u4063o{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.dot-tl.svelte-u4063o{background:var(--terlambat)}.dot-al.svelte-u4063o{background: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){.wk-classhead.svelte-u4063o{padding:14px 16px;margin-bottom:16px;gap:12px;border-radius:var(--radius, 12px)}.wk-ch-name.svelte-u4063o{font-size:20px}.wk-ch-wali.svelte-u4063o{font-size:12px}.wk-ch-badges.svelte-u4063o{gap:6px;width:100%}.wk-badge-pill.svelte-u4063o{font-size:11px;padding:3px 9px;gap:5px}.ov-grid.svelte-u4063o{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px;margin-bottom:16px}.ov-card.svelte-u4063o{padding:12px;border-radius:var(--radius-sm, 10px);min-width:0}.ov-value.svelte-u4063o{font-size:20px;margin-top:3px}.ov-value.svelte-u4063o small:where(.svelte-u4063o){font-size:13px}.ov-label.svelte-u4063o{font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ov-delta.svelte-u4063o{font-size:9.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.wk-split.svelte-u4063o{gap:16px;margin-bottom:16px}.wk-card.svelte-u4063o{padding:14px;margin-bottom:16px;border-radius:var(--radius, 12px);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.wk-card-head.svelte-u4063o{margin-bottom:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wk-card-head.svelte-u4063o h3:where(.svelte-u4063o){font-size:14px}.sub.svelte-u4063o{font-size:11px}.wk-list-toolbar.svelte-u4063o{flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wk-search.svelte-u4063o{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.wk-search.svelte-u4063o input:where(.svelte-u4063o){box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:38px;padding:0 12px;font-size:13px;border-radius:var(--radius-sm, 8px)}.wk-chips.svelte-u4063o{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px;margin-top:10px;gap:6px}.wk-chips.svelte-u4063o::-webkit-scrollbar{display:none;width:0;height:0}.wk-chip.svelte-u4063o{flex:0 0 auto;flex-shrink:0;padding:5px 12px;font-size:11.5px;white-space:nowrap;touch-action:pan-x;user-select:none;-webkit-user-select:none}.wk-stat-gender.svelte-u4063o{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:4px 0 8px;box-sizing:border-box}.wk-stat-divider.svelte-u4063o{margin:10px 0 12px}.wk-stat-row.svelte-u4063o{grid-template-columns:74px 1fr 28px;font-size:11px;gap:8px;margin-bottom:7px}.wk-stat-bar.svelte-u4063o{height:7px}.table-scroll.svelte-u4063o{overflow-x:hidden;overflow-y:auto;max-height:440px}.table-scroll.svelte-u4063o table:where(.svelte-u4063o),.table-scroll.svelte-u4063o thead:where(.svelte-u4063o),.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o){display:block;width:100%}.table-scroll.svelte-u4063o thead:where(.svelte-u4063o){display:none}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr.clickable-row:where(.svelte-u4063o){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm, 10px);background:var(--surface);margin-bottom:8px;box-shadow:none;transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr.clickable-row:where(.svelte-u4063o):hover,.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr.clickable-row:where(.svelte-u4063o):active{background:var(--surface-soft);border-color:var(--line-soft, var(--line))}.table-scroll.svelte-u4063o td:where(.svelte-u4063o){border:0;padding:0;background:transparent!important;box-shadow:none!important}.num-cell.svelte-u4063o,.col-nisn-desk.svelte-u4063o,.col-jk-desk.svelte-u4063o,.col-waktu.svelte-u4063o,.col-tl-desk.svelte-u4063o,.col-al-desk.svelte-u4063o{display:none!important}.col-nama.svelte-u4063o{flex:1;min-width:0;display:flex;align-items:center}.btn-link-name.svelte-u4063o{font-size:13.5px;font-weight:700;line-height:1.25}.siswa-sub-mobile.svelte-u4063o{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-faint);margin-top:2px;flex-wrap:wrap}.sub-dot.svelte-u4063o{opacity:.4}.stat-pill-mini.svelte-u4063o{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;font-family:JetBrains Mono,monospace}.stat-pill-mini.tl.svelte-u4063o{color:var(--terlambat)}.stat-pill-mini.al.svelte-u4063o{color:var(--alpa)}.col-status.svelte-u4063o{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.col-status.svelte-u4063o .badge:where(.svelte-u4063o){font-size:10px;padding:2px 7px;line-height:1.2}.scan-time-mini.svelte-u4063o{display:block;font-size:10px;color:var(--ink-faint);line-height:1}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr.empty-row:where(.svelte-u4063o){display:block;border:none;padding:0}.table-scroll.svelte-u4063o tbody:where(.svelte-u4063o) tr.empty-row:where(.svelte-u4063o) td:where(.svelte-u4063o){display:block;width:100%;text-align:center;padding:24px 14px;color:var(--ink-faint);font-size:12.5px}}@media(max-width:640px){.wk-tbl-rekap.svelte-u4063o{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.wk-tbl-rekap.svelte-u4063o table:where(.svelte-u4063o){display:table!important;min-width:440px;font-size:12px}.wk-tbl-rekap.svelte-u4063o thead:where(.svelte-u4063o){display:table-header-group!important}.wk-tbl-rekap.svelte-u4063o thead:where(.svelte-u4063o) th:where(.svelte-u4063o){position:sticky;top:0;padding:7px 8px;font-size:9.5px}.wk-tbl-rekap.svelte-u4063o tbody:where(.svelte-u4063o){display:table-row-group!important}.wk-tbl-rekap.svelte-u4063o tbody:where(.svelte-u4063o) tr:where(.svelte-u4063o){display:table-row!important;border:none!important;border-bottom:1px solid var(--line-soft)!important;background:transparent!important;margin-bottom:0!important;padding:0!important}.wk-tbl-rekap.svelte-u4063o tbody:where(.svelte-u4063o) td:where(.svelte-u4063o){display:table-cell!important;padding:8px!important;border-bottom:1px solid var(--line-soft)!important;font-size:12px}}.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;overflow-y:auto;max-height:calc(100vh - 350px);min-height:380px}.table-scroll.svelte-1rzev4y::-webkit-scrollbar{width:6px;height:6px}.table-scroll.svelte-1rzev4y::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.table-scroll.svelte-1rzev4y::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}table.svelte-1rzev4y{width:100%;border-collapse:collapse;font-size:13px}th.svelte-1rzev4y,td.svelte-1rzev4y{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}th.svelte-1rzev4y{position:sticky;top:0;z-index:3;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700;background:var(--surface);box-shadow:0 1px 0 var(--line)}.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)}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr:where(.svelte-1rzev4y):hover{background:var(--surface-soft)}@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)}}.siswa-cell.svelte-1rzev4y{display:flex;align-items:center;gap:10px}.siswa-badge-avatar.svelte-1rzev4y,.siswa-sub.svelte-1rzev4y{display:none}@media(max-width:640px){.table-scroll.svelte-1rzev4y{overflow:visible;max-height:none;min-height:0;padding:16px}.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:14px}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr:where(.svelte-1rzev4y):hover td:where(.svelte-1rzev4y),.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr:where(.svelte-1rzev4y):hover td:where(.svelte-1rzev4y):first-child{background:transparent!important;box-shadow:none!important}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr.wp-row:where(.svelte-1rzev4y){display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:var(--radius-lg, 16px);background:var(--surface);padding:16px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr.wp-row:where(.svelte-1rzev4y):hover,.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr.wp-row:where(.svelte-1rzev4y):focus-within{background:var(--surface-soft, var(--surface));border-color:var(--ink-faint, var(--line));box-shadow:var(--shadow)}.table-scroll.svelte-1rzev4y td:where(.svelte-1rzev4y){border:0;padding:0;background:transparent!important;box-shadow:none!important;width:100%}.table-scroll.svelte-1rzev4y td:where(.svelte-1rzev4y):before{display:none!important}.col-siswa.svelte-1rzev4y{min-width:0;background:transparent!important}.siswa-cell.svelte-1rzev4y{display:flex;align-items:center;gap:12px;min-width:0}.siswa-badge-avatar.svelte-1rzev4y{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--wali-kelas-soft);color:var(--wali-kelas);font-weight:700;font-size:13px;text-align:center;flex-shrink:0;padding:4px;overflow:hidden;letter-spacing:.02em}.siswa-info.svelte-1rzev4y{display:flex;flex-direction:column;gap:2px;min-width:0}.siswa-title.svelte-1rzev4y{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siswa-sub.svelte-1rzev4y{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll.svelte-1rzev4y td.col-nisn:where(.svelte-1rzev4y){display:none!important}.col-aksi.svelte-1rzev4y .fchips:where(.svelte-1rzev4y){display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.col-aksi.svelte-1rzev4y .wp-chip:where(.svelte-1rzev4y){justify-content:center;height:36px;padding:0 4px;font-size:11.5px}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr.empty-row:where(.svelte-1rzev4y){display:block;background:transparent;border:none;padding:0}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr.empty-row:where(.svelte-1rzev4y) td:where(.svelte-1rzev4y){display:block;width:100%;text-align:center;padding:28px 14px;color:var(--ink-faint)}.table-scroll.svelte-1rzev4y tbody:where(.svelte-1rzev4y) tr.empty-row:where(.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;overflow-x:clip}.main-area.svelte-azlxat{width:100%;max-width:100%;min-width:0}.main-header.svelte-azlxat,.main-content.svelte-azlxat{padding-left:16px;padding-right:16px;width:100%;max-width:100%;box-sizing:border-box;min-width:0}}.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}}.update-backdrop.svelte-13wvavx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:color-mix(in oklab,oklch(0 0 0) 65%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.update-card.svelte-13wvavx{position:relative;width:100%;max-width:420px;background:var(--surface, oklch(1 0 0));border:1px solid var(--line, oklch(.89 .015 85));border-radius:var(--radius-xl, 24px);box-shadow:0 20px 50px -10px #00000059;overflow:hidden;color:var(--ink, oklch(.2 .015 85))}[data-theme=dark] .update-card.svelte-13wvavx,html.dark .update-card.svelte-13wvavx{background:#100d08;border-color:#f3eee31f}.card-glow.svelte-13wvavx{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:240px;height:120px;background:radial-gradient(ellipse at center,var(--accent, oklch(.65 .14 70) / .25),transparent 70%);pointer-events:none}.update-icon-wrapper.svelte-13wvavx{display:flex;justify-content:center;padding-top:28px;position:relative;z-index:2}.update-icon-box.svelte-13wvavx{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--accent, oklch(.65 .14 70)) 0%,oklch(.48 .12 60) 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -4px color-mix(in oklab,var(--accent, oklch(.65 .14 70)) 50%,transparent);animation:svelte-13wvavx-iconBounce 3s ease-in-out infinite;transition:all .3s ease}.update-icon-box.is-downloading.svelte-13wvavx{animation:svelte-13wvavx-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,var(--hadir, oklch(.55 .15 145)) 0%,oklch(.4 .12 145) 100%);box-shadow:0 8px 24px -4px color-mix(in oklab,var(--hadir, oklch(.55 .15 145)) 50%,transparent)}@keyframes svelte-13wvavx-iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.update-body.svelte-13wvavx{padding:16px 24px 24px;text-align:center;position:relative;z-index:2}.update-eyebrow.svelte-13wvavx{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:.06em;color:var(--accent, oklch(.65 .14 70));margin-bottom:6px}.pulse-dot.svelte-13wvavx{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:svelte-13wvavx-pulse 1.6s ease-in-out infinite}@keyframes svelte-13wvavx-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.update-title.svelte-13wvavx{font-family:Fraunces,serif;font-size:21px;font-weight:600;letter-spacing:-.015em;margin:0 0 14px;color:var(--ink)}.version-diff-row.svelte-13wvavx{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:var(--surface-soft, oklch(.98 .005 85));border:1px solid var(--line, oklch(.89 .015 85));border-radius:99px;margin-bottom:16px}[data-theme=dark] .version-diff-row.svelte-13wvavx,html.dark .version-diff-row.svelte-13wvavx{background:#19150f;border-color:#f3eee314}.ver-badge.svelte-13wvavx{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.ver-badge.old.svelte-13wvavx{color:var(--ink-soft);text-decoration:line-through;opacity:.75}.ver-arrow.svelte-13wvavx{color:var(--ink-faint);display:flex;align-items:center}.ver-badge.new.svelte-13wvavx{color:var(--hadir, oklch(.52 .165 148))}.release-notes-box.svelte-13wvavx{background:var(--surface-soft, oklch(.98 .005 85));border:1px solid var(--line, oklch(.89 .015 85));border-radius:14px;padding:12px 14px;text-align:left;margin-bottom:14px}[data-theme=dark] .release-notes-box.svelte-13wvavx,html.dark .release-notes-box.svelte-13wvavx{background:#19150f;border-color:#f3eee314}.notes-header.svelte-13wvavx{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink);margin-bottom:4px}.notes-content.svelte-13wvavx{font-size:12px;line-height:1.45;color:var(--ink-soft);margin:0}.progress-section.svelte-13wvavx{background:var(--surface-soft, oklch(.98 .005 85));border:1px solid var(--line, oklch(.89 .015 85));border-radius:14px;padding:14px 16px;margin-bottom:16px;text-align:left}[data-theme=dark] .progress-section.svelte-13wvavx,html.dark .progress-section.svelte-13wvavx{background:#19150f;border-color:#f3eee31a}.progress-info-row.svelte-13wvavx{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.progress-status-label.svelte-13wvavx{font-size:12px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.progress-percent-label.svelte-13wvavx{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--accent, oklch(.65 .14 70))}.progress-track.svelte-13wvavx{width:100%;height:8px;border-radius:99px;background:#e2ded5;overflow:hidden;position:relative}[data-theme=dark] .progress-track.svelte-13wvavx,html.dark .progress-track.svelte-13wvavx{background:#27241e}.progress-fill.svelte-13wvavx{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent, oklch(.65 .14 70)) 0%,oklch(.52 .165 148) 100%);transition:width .18s cubic-bezier(.4,0,.2,1)}.progress-fill.complete.svelte-13wvavx{background:var(--hadir, oklch(.52 .165 148))}.progress-bytes-row.svelte-13wvavx{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:var(--ink-faint);margin-top:8px}.mono-bytes.svelte-13wvavx{font-family:JetBrains Mono,monospace;font-weight:600}.auto-hint.svelte-13wvavx{color:var(--hadir, oklch(.52 .165 148));font-weight:600}.update-error-alert.svelte-13wvavx{display:flex;align-items:center;gap:8px;background:var(--alpa-soft, oklch(.55 .2 25 / .12));border:1px solid var(--alpa, oklch(.55 .2 25 / .3));color:var(--alpa, oklch(.55 .2 25));font-size:11.5px;padding:10px 12px;border-radius:10px;margin-bottom:14px;text-align:left;line-height:1.35}.install-hint.svelte-13wvavx{font-size:11px;color:var(--ink-faint);margin:0 0 20px;line-height:1.4}.update-actions.svelte-13wvavx{display:flex;gap:10px}.btn-update.svelte-13wvavx{flex:1.5;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent, oklch(.65 .14 70)) 0%,oklch(.5 .14 60) 100%);border:none;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px -2px color-mix(in oklab,var(--accent, oklch(.65 .14 70)) 45%,transparent);transition:transform .15s ease,box-shadow .15s ease}.btn-update.svelte-13wvavx:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px -2px color-mix(in oklab,var(--accent, oklch(.65 .14 70)) 60%,transparent)}.btn-update.svelte-13wvavx:active:not(:disabled){transform:scale(.98)}.btn-update.svelte-13wvavx:disabled{opacity:.6;cursor:not-allowed}.spinner.svelte-13wvavx{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-13wvavx-spin .7s linear infinite;display:inline-block}.spinner-small.svelte-13wvavx{width:11px;height:11px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:svelte-13wvavx-spin .7s linear infinite;display:inline-block}@keyframes svelte-13wvavx-spin{to{transform:rotate(360deg)}}.smart-banner-wrap.svelte-gggica{position:sticky;top:0;left:0;right:0;width:100%;z-index:900;background:#030a11f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid oklch(.3 .03 240 / .5);box-shadow:0 4px 16px #00000159;padding-top:var(--sat, 0px)}.smart-banner.svelte-gggica{display:flex;align-items:center;gap:10px;padding:8px 12px;max-width:960px;margin:0 auto}.app-avatar.svelte-gggica{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0074c7,#0a46a2);background:linear-gradient(135deg,color(xyz 0.172 0.165 0.65),#0a46a2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0057984d;box-shadow:0 2px 6px oklch(.45 .16 250 / .3)}.app-info.svelte-gggica{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.app-title-row.svelte-gggica{display:flex;align-items:center;gap:6px}.app-title.svelte-gggica{font-size:12.5px;font-weight:700;color:#ecf3f8;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-pill.svelte-gggica{font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;background:#c47d0440;color:#ffc075;color:oklch(.85 .12 70);border:1px solid oklch(.65 .14 70 / .35);font-family:JetBrains Mono,monospace}.app-tagline.svelte-gggica{font-size:11px;color:#9aa7b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-actions.svelte-gggica{display:flex;align-items:center;gap:6px;flex-shrink:0}.download-btn.svelte-gggica{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;border:none;background:linear-gradient(135deg,#0089ea,#0778d7,#1467c2);background:linear-gradient(135deg,color(xyz 0.239 0.238 0.831),#0778d7,#1467c2);color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0065b04d;box-shadow:0 2px 6px oklch(.5 .16 250 / .3);transition:transform .15s ease,filter .15s ease}.download-btn.svelte-gggica:active{transform:scale(.96);filter:brightness(1.1)}.dismiss-btn.svelte-gggica{background:transparent;border:none;color:#85919a;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.dismiss-btn.svelte-gggica:hover{color:#fff;background:#19232a}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--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;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}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);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.icon-only{padding:0;width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}.btn.small.icon-only{width:32px;height:32px;min-width:32px;padding:0}.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}}