:root{--primary:#2563eb;--primary-light:#60a5fa;--primary-dark:#1d4ed8;--secondary:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--bg:#f8fafc;--surface:#fff;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--hadir:#22c55e;--izin:#f59e0b;--sakit:#9ca3af;--alfa:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--text-inverse:#fff;--border:#e5e7eb;--divider:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-card:0 4px 10px #0000000d;--shadow-nav:0 -2px 10px #0000000d}:root.dark{--bg:#121212;--surface:#1e1e1e;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-light:#6b7280;--border:#3c3c3c;--divider:#2c2c2c;--shadow-card:0 4px 10px #0003;--shadow-nav:0 -2px 10px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:32px;font-weight:700}h2{font-size:28px;font-weight:700}h3{font-size:24px;font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-secondary{color:var(--text-secondary)}.container{padding:24px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-center{text-align:center}.toast-container.svelte-3knp8x{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.svelte-3knp8x{color:#fff;box-shadow:var(--shadow-lg);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s svelte-3knp8x-slideUp}.success.svelte-3knp8x{background-color:var(--success)}.error.svelte-3knp8x{background-color:var(--error)}.warning.svelte-3knp8x{background-color:var(--warning);color:#000}.info.svelte-3knp8x{background-color:var(--text-primary)}@keyframes svelte-3knp8x-slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.btn.svelte-er4ugn{cursor:pointer;background-color:var(--bg-color);color:var(--txt-color);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn.svelte-er4ugn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn.svelte-er4ugn:active:not(:disabled){transform:translateY(0)}.btn.svelte-er4ugn:disabled{opacity:.6;cursor:not-allowed}.btn.outlined.svelte-er4ugn{color:var(--bg-color);border:2px solid var(--bg-color);background-color:#0000}.spinner.svelte-er4ugn{border:3px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite svelte-er4ugn-spin}@keyframes svelte-er4ugn-spin{to{transform:rotate(360deg)}}.landing-container.svelte-1eama3s{background-color:var(--bg);box-sizing:border-box;flex-direction:column;min-height:100vh;padding:24px;display:flex}.spacer.svelte-1eama3s{flex:1}.header.svelte-1eama3s{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.logo-container.svelte-1eama3s{width:120px;height:120px;color:var(--primary);background-color:#0d47a11a;border-radius:30px;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.title.svelte-1eama3s{color:var(--primary);text-align:center;margin:0 0 8px;font-size:32px;font-weight:700}.subtitle.svelte-1eama3s{color:var(--text-secondary);text-align:center;margin:0;font-size:18px}.features.svelte-1eama3s{flex-direction:column;gap:16px;width:100%;display:flex}.feature-item.svelte-1eama3s{align-items:center;display:flex}.feature-icon-container.svelte-1eama3s{color:var(--primary);background-color:#0d47a11a;border-radius:12px;justify-content:center;align-items:center;margin-right:16px;padding:12px;display:flex}.feature-text.svelte-1eama3s{flex-direction:column;flex:1;display:flex}.feature-text.svelte-1eama3s h3:where(.svelte-1eama3s){color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.feature-text.svelte-1eama3s p:where(.svelte-1eama3s){color:var(--text-secondary);margin:0;font-size:14px}.actions.svelte-1eama3s{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.field-container.svelte-92367s{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.field-label.svelte-92367s{color:var(--text-primary);font-size:14px;font-weight:500}.input-wrapper.svelte-92367s{width:100%;position:relative}.field-input.svelte-92367s{border:1px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:16px;font-family:inherit;font-size:16px;transition:border-color .2s}.field-input.has-prefix.svelte-92367s{padding-left:48px}.field-input.has-suffix.svelte-92367s{padding-right:48px}.prefix-icon.svelte-92367s,.suffix-icon.svelte-92367s{color:var(--text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.prefix-icon.svelte-92367s{left:16px}.suffix-icon.svelte-92367s{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;right:16px}.suffix-icon.svelte-92367s:hover{color:var(--primary)}.field-input.svelte-92367s:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.field-input.svelte-92367s:disabled{background-color:var(--divider);cursor:not-allowed;opacity:.7}.field-input.error.svelte-92367s{border-color:var(--error)}.field-input.error.svelte-92367s:focus{box-shadow:0 0 0 2px #ef444433}.field-error.svelte-92367s{color:var(--error);font-size:12px}.field-hint.svelte-92367s{color:var(--text-secondary);font-size:12px}.app-bar.svelte-1xp1jhf{background-color:var(--primary);color:#fff;z-index:100;height:60px;box-shadow:var(--shadow-md);position:sticky;top:0;left:0;right:0}.app-bar.transparent.svelte-1xp1jhf{box-shadow:none;color:var(--text-primary);background-color:#0000}.app-bar-content.svelte-1xp1jhf{align-items:center;height:100%;padding:0 16px;display:flex}.back-btn.svelte-1xp1jhf{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;padding:8px;display:flex}.back-btn.dark-icon.svelte-1xp1jhf{color:var(--text-primary)}.back-btn.svelte-1xp1jhf:active{background-color:#0000000d}.app-title.svelte-1xp1jhf{flex:1;margin:0;font-size:18px;font-weight:600}.app-title.dark-text.svelte-1xp1jhf{color:var(--text-primary)}.app-title.centered.svelte-1xp1jhf{text-align:center}.page-container.svelte-1uguslq{background-color:var(--bg);flex-direction:column;width:100%;min-height:100%;display:flex}.page-content.svelte-1uguslq{flex:1;width:100%}.page-content.with-nav.svelte-1uguslq{padding-bottom:84px}.login-content.svelte-1gwvb5u{flex-direction:column;min-height:calc(100vh - 64px);padding:24px;display:flex}.header.svelte-1gwvb5u{margin-bottom:32px}.title.svelte-1gwvb5u{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.subtitle.svelte-1gwvb5u{color:var(--text-secondary);margin:0;font-size:16px}.form-section.svelte-1gwvb5u{flex-direction:column;display:flex}.section-label.svelte-1gwvb5u{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:500}.role-selector.svelte-1gwvb5u{gap:8px;margin-bottom:24px;display:flex}.role-chip.svelte-1gwvb5u{color:var(--text-primary);text-align:center;cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;flex:1;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s}.role-chip.active.svelte-1gwvb5u{background-color:var(--primary);color:#fff;border-color:var(--primary)}.login-form.svelte-1gwvb5u{flex-direction:column;display:flex}.input-group.svelte-1gwvb5u{margin-bottom:16px}.forgot-pwd.svelte-1gwvb5u{justify-content:flex-end;margin-bottom:24px;display:flex}.link-text.svelte-1gwvb5u{color:var(--primary);font-size:14px;font-weight:500;text-decoration:none}.link-text.bold.svelte-1gwvb5u{font-weight:600}.mt-6.svelte-1gwvb5u{margin-bottom:24px}.register-prompt.svelte-1gwvb5u{text-align:center;font-size:14px}.text-secondary.svelte-1gwvb5u{color:var(--text-secondary)}.field-container.svelte-d986uu{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.field-label.svelte-d986uu{color:var(--text-primary);font-size:14px;font-weight:500}.input-wrapper.svelte-d986uu{width:100%;position:relative}.field-input.svelte-d986uu{border:1px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-primary);appearance:none;border-radius:12px;padding:16px 40px 16px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.field-input.svelte-d986uu:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.field-input.svelte-d986uu:disabled{background-color:var(--divider);cursor:not-allowed;opacity:.7}.field-input.error.svelte-d986uu{border-color:var(--error)}.select-icon.svelte-d986uu{pointer-events:none;color:var(--text-secondary);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.field-error.svelte-d986uu{color:var(--error);font-size:12px}.register-content.svelte-zq3t0w{flex-direction:column;min-height:calc(100vh - 64px);padding:24px;display:flex}.stepper-header.svelte-zq3t0w{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.step.svelte-zq3t0w{opacity:.5;flex-direction:column;align-items:center;gap:8px;display:flex}.step.active.svelte-zq3t0w{opacity:1}.step-circle.svelte-zq3t0w{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step.svelte-zq3t0w span:where(.svelte-zq3t0w){color:var(--text-primary);font-size:12px;font-weight:600}.step-divider.svelte-zq3t0w{background-color:#e0e0e0;flex:1;height:2px;margin:0 16px;position:relative;top:-10px}.section-label.svelte-zq3t0w{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:500;display:block}.role-selector.svelte-zq3t0w{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;display:flex}.role-chip.svelte-zq3t0w{color:var(--text-primary);text-align:center;cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s}.role-chip.active.svelte-zq3t0w{background-color:var(--primary);color:#fff;border-color:var(--primary)}.register-form.svelte-zq3t0w{flex-direction:column;flex:1;display:flex}.step-content.svelte-zq3t0w{flex:1}.input-group.svelte-zq3t0w{margin-bottom:16px}.step-actions.svelte-zq3t0w{gap:12px;margin-top:16px;margin-bottom:24px;display:flex}.flex-1.svelte-zq3t0w{flex:1}.info-box.svelte-zq3t0w{border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.info-box.blue.svelte-zq3t0w{color:#2196f3;background-color:#2196f31a;border:1px solid #2196f34d}.info-box.orange.svelte-zq3t0w{color:#ff9800;background-color:#ff98001a;border:1px solid #ff98004d}.info-icon.svelte-zq3t0w{font-size:16px;font-weight:700}.forgot-content.svelte-1owdr19{flex-direction:column;min-height:calc(100vh - 64px);padding:24px;display:flex}.header.svelte-1owdr19{margin-bottom:32px}.title.svelte-1owdr19{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:700}.subtitle.svelte-1owdr19{color:var(--text-secondary);margin:0;font-size:16px}.form-section.svelte-1owdr19{flex-direction:column;display:flex}.section-label.svelte-1owdr19{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:500;display:block}.role-selector.svelte-1owdr19{gap:8px;margin-bottom:24px;display:flex}.role-chip.svelte-1owdr19{color:var(--text-primary);text-align:center;cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;flex:1;padding:12px 0;font-size:12px;font-weight:600;transition:all .2s}.role-chip.active.svelte-1owdr19{background-color:var(--primary);color:#fff;border-color:var(--primary)}.input-group.svelte-1owdr19{margin-bottom:16px}.mt-6.svelte-1owdr19{margin-top:8px;margin-bottom:24px}.success-box.svelte-1owdr19{color:#4caf50;background-color:#4caf501a;border:1px solid #4caf50;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:14px;display:flex}.success-icon.svelte-1owdr19{font-size:20px;font-weight:700}.bottom-nav.svelte-1xkxv2n{background-color:var(--surface);height:70px;box-shadow:var(--shadow-nav);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item.svelte-1xkxv2n{color:var(--text-light);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;transition:color .2s;display:flex}.nav-item.active.svelte-1xkxv2n{color:var(--primary)}.nav-icon.svelte-1xkxv2n{display:flex}.nav-label.svelte-1xkxv2n{font-size:12px;font-weight:500}.loading-container.svelte-6v1pbr{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex}.spinner.svelte-6v1pbr{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite svelte-6v1pbr-spin}.loading-text.svelte-6v1pbr{color:var(--text-secondary);font-size:14px}@keyframes svelte-6v1pbr-spin{to{transform:rotate(360deg)}}.error-container.svelte-1uo9ovo{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.error-icon.svelte-1uo9ovo{color:var(--error);margin-bottom:16px}.error-title.svelte-1uo9ovo{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.error-message.svelte-1uo9ovo{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.retry-btn.svelte-1uo9ovo{width:200px}.fl-chart-container.svelte-1lhx6fd{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;font-family:inherit;display:flex;position:relative}.empty-state.svelte-1lhx6fd{color:var(--text-secondary,#757575);font-size:14px}.chart-content.svelte-1lhx6fd{width:100%;height:100%;min-height:180px;display:flex;position:relative}.y-axis.svelte-1lhx6fd{z-index:2;flex-direction:column;justify-content:space-between;align-items:flex-end;width:34px;padding-bottom:24px;padding-right:6px;display:flex}.y-tick.svelte-1lhx6fd{color:var(--text-secondary,#757575);font-size:10px;line-height:1}.plot-area.svelte-1lhx6fd{flex-direction:column;flex:1;display:flex;position:relative}.grid-lines.svelte-1lhx6fd{pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 24px}.grid-line.svelte-1lhx6fd{background-color:#00000014;width:100%;height:1px}.bars-container.svelte-1lhx6fd{z-index:2;justify-content:space-around;align-items:stretch;display:flex;position:absolute;inset:0 0 24px}.bar-column.svelte-1lhx6fd{cursor:pointer;flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-track.svelte-1lhx6fd{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.bar-rod.svelte-1lhx6fd{border-radius:4px 4px 0 0;width:20px;max-width:24px;transition:height .3s cubic-bezier(.4,0,.2,1),filter .2s}.bar-column.svelte-1lhx6fd:hover .bar-rod:where(.svelte-1lhx6fd){filter:brightness(1.15)}.x-label.svelte-1lhx6fd{height:18px;color:var(--text-secondary,#757575);white-space:nowrap;justify-content:center;align-items:center;margin-top:6px;font-size:11px;display:flex;position:absolute;top:100%}.chart-tooltip.svelte-1lhx6fd{color:#fff;text-align:center;white-space:nowrap;z-index:10;pointer-events:none;background-color:#333;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;animation:.15s ease-out svelte-1lhx6fd-fadeIn;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.tooltip-arrow.svelte-1lhx6fd{border-top:4px solid #333;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes svelte-1lhx6fd-fadeIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.page-container.svelte-1tpasor{padding:16px 16px 90px}.header-section.svelte-1tpasor{align-items:center;margin-top:8px;margin-bottom:24px;display:flex}.avatar-circle.svelte-1tpasor{background-color:var(--primary);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;font-weight:700;display:flex}.header-text.svelte-1tpasor{flex-direction:column;display:flex}.greeting.svelte-1tpasor{color:var(--text-secondary);font-size:14px}.name.svelte-1tpasor{color:var(--text-primary);font-size:18px;font-weight:700}.quick-actions.svelte-1tpasor{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.action-btn.svelte-1tpasor{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .2s;display:flex}.main-action.svelte-1tpasor{background-color:var(--primary);color:#fff;width:100%;padding:16px;font-size:14px}.main-action.svelte-1tpasor:active{opacity:.9}.secondary-actions.svelte-1tpasor{gap:12px;display:flex}.secondary-action.svelte-1tpasor{color:var(--primary);border:1px solid var(--primary);background-color:#fff;flex:1;padding:12px;font-size:12px}.secondary-action.svelte-1tpasor:active{background-color:#f5f5f5}.section-title.svelte-1tpasor{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.mt-6.svelte-1tpasor{margin-top:24px}.stats-grid.svelte-1tpasor{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card.svelte-1tpasor{background:#fff;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 2px 10px #0000000d}.stat-header.svelte-1tpasor{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-title.svelte-1tpasor{color:var(--text-secondary);font-size:14px;font-weight:600}.stat-value.svelte-1tpasor{margin-bottom:4px;font-size:24px;font-weight:700}.stat-subtitle.svelte-1tpasor{color:var(--text-secondary);font-size:12px}.warning-alert.svelte-1tpasor{background-color:#eb57571a;border:1px solid #eb57574d;border-radius:12px;margin-bottom:24px;padding:16px}.warning-header.svelte-1tpasor{color:var(--error);align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.warning-list.svelte-1tpasor{flex-direction:column;gap:8px;display:flex}.warning-item.svelte-1tpasor{align-items:center;gap:12px;display:flex}.warning-badge.svelte-1tpasor{background-color:var(--error);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.warning-info.svelte-1tpasor{flex:1}.warning-name.svelte-1tpasor{color:var(--text-primary);font-size:14px;font-weight:600}.warning-desc.svelte-1tpasor{color:var(--text-secondary);font-size:12px}.warning-btn.svelte-1tpasor{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:600}.chart-container.svelte-1tpasor{background-color:#fff;border-radius:12px;height:200px;padding:16px;box-shadow:0 2px 10px #0000000d}.empty-chart.svelte-1tpasor{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.absent-list.svelte-1tpasor{flex-direction:column;gap:8px;display:flex}.absent-item.svelte-1tpasor{background-color:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 2px 10px #0000000d}.status-badge.svelte-1tpasor{text-transform:capitalize;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge.izin.svelte-1tpasor,.status-badge.i.svelte-1tpasor{color:#b79010;background-color:#f2c94c33}.status-badge.sakit.svelte-1tpasor,.status-badge.s.svelte-1tpasor{color:#1875a8;background-color:#2d9cdb33}.status-badge.alfa.svelte-1tpasor,.status-badge.a.svelte-1tpasor{color:#c52929;background-color:#eb575733}.status-badge.hadir.svelte-1tpasor,.status-badge.h.svelte-1tpasor{color:#1e874b;background-color:#27ae6033}.absent-info.svelte-1tpasor{flex-direction:column;display:flex}.absent-name.svelte-1tpasor{color:var(--text-primary);font-weight:600}.absent-desc.svelte-1tpasor{color:var(--text-secondary);font-size:12px}.badge.svelte-bnpjys{background-color:color-mix(in srgb, var(--badge-color) 15%, transparent);color:var(--badge-color);border:1px solid color-mix(in srgb, var(--badge-color) 30%, transparent);border-radius:20px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.page-container.svelte-1rr4xlb{flex-direction:column;height:100%;padding-bottom:90px;display:flex}.filter-section.svelte-1rr4xlb{background-color:#f9fafb;padding:16px}.filter-row.svelte-1rr4xlb{gap:12px;display:flex}.date-picker-wrapper.svelte-1rr4xlb{flex:1;position:relative}.hidden-date-input.svelte-1rr4xlb{opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.date-display.svelte-1rr4xlb{border:1px solid var(--border);cursor:pointer;background-color:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px;font-weight:500;display:flex}.dropdown-wrapper.svelte-1rr4xlb{border:1px solid var(--border);background-color:#fff;border-radius:12px;flex:1;overflow:hidden}.kelas-dropdown.svelte-1rr4xlb{background:0 0;border:none;outline:none;width:100%;height:100%;padding:12px;font-family:inherit;font-size:14px}.list-container.svelte-1rr4xlb{flex:1;padding:16px;overflow-y:auto}.empty-state.svelte-1rr4xlb{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.empty-icon.svelte-1rr4xlb{color:var(--border);margin-bottom:16px}.empty-text.svelte-1rr4xlb{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:14px}.empty-btn.svelte-1rr4xlb{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:600}.absensi-list.svelte-1rr4xlb{flex-direction:column;gap:12px;display:flex}.absensi-card.svelte-1rr4xlb{background:#fff;border-radius:12px;align-items:center;padding:16px;display:flex;box-shadow:0 4px 10px #0000000d}.number-badge.svelte-1rr4xlb{width:40px;height:40px;color:var(--primary);background-color:#0d47a11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-weight:700;display:flex}.siswa-info.svelte-1rr4xlb{flex-direction:column;flex:1;margin-right:8px;display:flex}.nama.svelte-1rr4xlb{color:var(--text-primary);font-size:16px;font-weight:600}.nis.svelte-1rr4xlb,.keterangan.svelte-1rr4xlb{color:var(--text-secondary);margin-top:2px;font-size:12px}.menu-container.svelte-1rr4xlb{margin-left:8px;position:relative}.more-btn.svelte-1rr4xlb{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.popup-menu.svelte-1rr4xlb{z-index:100;background:#fff;border-radius:8px;flex-direction:column;min-width:120px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.menu-item.svelte-1rr4xlb{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.menu-item.svelte-1rr4xlb:hover{background-color:#f5f5f5}.menu-item.danger.svelte-1rr4xlb{color:var(--error)}.summary-section.svelte-1rr4xlb{background:#fff;justify-content:space-around;padding:16px;display:flex;box-shadow:0 -4px 10px #0000000d}.summary-item.svelte-1rr4xlb{flex-direction:column;align-items:center;display:flex}.summary-count.svelte-1rr4xlb{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.summary-label.svelte-1rr4xlb{color:var(--text-secondary);font-size:12px}.fab.svelte-1rr4xlb{background-color:var(--primary);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 4px 12px #0d47a14d}.fab.svelte-1rr4xlb:active{transform:scale(.95)}.top-actions.svelte-fhteie{justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 0;display:flex}.class-selector.svelte-fhteie{flex:1;max-width:240px}.class-select.svelte-fhteie{border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;font-weight:500}.rekap-btn.svelte-fhteie{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.laporan-content.svelte-fhteie{padding:16px 24px 90px}.empty-state.svelte-fhteie{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.empty-icon.svelte-fhteie{color:var(--border);margin-bottom:16px}.empty-text.svelte-fhteie{color:var(--text-secondary);text-align:center;margin-bottom:24px}.empty-btn.svelte-fhteie{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600}.laporan-list.svelte-fhteie{flex-direction:column;gap:16px;display:flex}.laporan-card.svelte-fhteie{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 4px 10px #0000000d}.laporan-card.submitted-card.svelte-fhteie{border:2px solid #27ae6080}.card-header-row.svelte-fhteie{align-items:center;gap:12px;display:flex}.card-type-icon.svelte-fhteie{width:44px;height:44px;color:var(--primary);background-color:#0d47a11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-type-icon.submitted-icon.svelte-fhteie{color:#27ae60;background-color:#27ae601a}.header-titles.svelte-fhteie{flex-direction:column;flex:1;display:flex}.title-and-badge.svelte-fhteie{justify-content:space-between;align-items:center;display:flex}.report-title.svelte-fhteie{color:var(--text-primary);font-size:16px;font-weight:700}.status-chip.svelte-fhteie{color:#f2994a;background-color:#f2994a1a;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.status-chip.chip-submitted.svelte-fhteie{color:#27ae60;background-color:#27ae601a}.sub-title.svelte-fhteie{color:var(--text-secondary);margin-top:2px;font-size:12px}.submitted-time.svelte-fhteie{color:#27ae60;margin-top:2px;font-size:11px}.card-divider.svelte-fhteie{border:none;border-top:1px solid #f0f0f0;margin:12px 0 8px}.stats-grid.svelte-fhteie{text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stat-column.svelte-fhteie{flex-direction:column;align-items:center;display:flex}.stat-num.svelte-fhteie{font-size:18px;font-weight:700}.text-hadir.svelte-fhteie{color:#27ae60}.text-izin.svelte-fhteie{color:#f2c94c}.text-sakit.svelte-fhteie{color:#2d9cdb}.text-alfa.svelte-fhteie{color:#eb5757}.stat-name.svelte-fhteie{color:var(--text-secondary);font-size:12px}.action-row.svelte-fhteie{align-items:center;gap:8px;display:flex}.mt-2.svelte-fhteie{margin-top:8px}.btn-outlined.svelte-fhteie{cursor:pointer;background:0 0;border:1px solid;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-solid.svelte-fhteie{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-lihat.svelte-fhteie{color:var(--primary);border-color:var(--primary)}.btn-download.svelte-fhteie{color:#00897b;border-color:#00897b}.btn-icon-refresh.svelte-fhteie{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:8px;display:flex}.btn-submit.svelte-fhteie{color:#fff;background-color:#27ae60}.btn-unsubmit.svelte-fhteie{color:#f2994a;border-color:#f2994a}.btn-hapus.svelte-fhteie{color:var(--error);border-color:var(--error)}.detail-sheet.svelte-fhteie{border-radius:20px 20px 0 0;max-height:85vh;padding:24px;overflow-y:auto}.sheet-drag-handle.svelte-fhteie{background:#e0e0e0;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.detail-header-row.svelte-fhteie{align-items:center;gap:16px;margin-bottom:24px;display:flex}.detail-icon-box.svelte-fhteie{width:56px;height:56px;color:var(--primary);background:#0d47a11a;border-radius:16px;justify-content:center;align-items:center;display:flex}.detail-title.svelte-fhteie{color:var(--text-primary);font-size:20px;font-weight:700}.detail-subtitle.svelte-fhteie{color:var(--text-secondary);font-size:14px}.summary-card.svelte-fhteie{text-align:center;background:#0d47a10d;border:1px solid #0d47a133;border-radius:12px;margin-bottom:24px;padding:16px}.percentage-big.svelte-fhteie{color:var(--primary);font-size:36px;font-weight:700}.percentage-label.svelte-fhteie{color:var(--text-secondary);font-size:13px}.section-title.svelte-fhteie{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:700}.detail-stats-grid.svelte-fhteie{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.detail-stat-box.svelte-fhteie{text-align:center;border-radius:12px;padding:16px}.box-hadir.svelte-fhteie{color:#27ae60;background:#27ae601a}.box-izin.svelte-fhteie{color:#b79010;background:#f2c94c1a}.box-sakit.svelte-fhteie{color:#2d9cdb;background:#2d9cdb1a}.box-alfa.svelte-fhteie{color:#eb5757;background:#eb57571a}.dstat-num.svelte-fhteie{font-size:24px;font-weight:700}.dstat-label.svelte-fhteie{font-size:13px;font-weight:500}.info-table.svelte-fhteie{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.info-row.svelte-fhteie{justify-content:space-between;font-size:14px;display:flex}.info-label.svelte-fhteie{color:var(--text-secondary)}.info-value.svelte-fhteie{color:var(--text-primary);font-weight:500}.btn-tutup.svelte-fhteie{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600}.fab.svelte-fhteie{background-color:var(--primary);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 4px 12px #0d47a14d}.fab.svelte-fhteie:active{transform:scale(.95)}.bottom-sheet-backdrop.svelte-fhteie{z-index:2000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet.svelte-fhteie{background:#fff;border-radius:20px 20px 0 0;width:100%;animation:.3s ease-out svelte-fhteie-slideUp}.sheet-header.svelte-fhteie{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.sheet-header.svelte-fhteie h3:where(.svelte-fhteie){color:var(--text-primary);margin:0;font-size:20px}.close-btn.svelte-fhteie{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.sheet-body.svelte-fhteie{padding:0 24px 24px;padding-bottom:max(24px, env(safe-area-inset-bottom))}.mt-4.svelte-fhteie{margin-top:16px}.mt-6.svelte-fhteie{margin-top:24px}.kelas-info.svelte-fhteie{color:var(--primary);background-color:#0d47a11a;border-radius:12px;align-items:center;gap:12px;padding:16px;font-weight:600;display:flex}.note.svelte-fhteie{color:var(--text-secondary);font-size:12px;line-height:1.5}.submit-btn.svelte-fhteie{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600}.submit-btn.svelte-fhteie:disabled{opacity:.7;cursor:not-allowed}.download-sheet.svelte-fhteie{padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom))}.download-sheet.svelte-fhteie h3:where(.svelte-fhteie){text-align:center;margin:0 0 20px;font-size:18px}.download-options.svelte-fhteie{flex-direction:column;gap:12px;display:flex}.download-item.svelte-fhteie{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;width:100%;padding:12px;display:flex}.download-item.svelte-fhteie:hover{background-color:#f9fafb}.icon-box.svelte-fhteie{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-box.pdf.svelte-fhteie{color:#eb5757;background-color:#eb57571a}.icon-box.excel.svelte-fhteie{color:#27ae60;background-color:#27ae601a}.download-info.svelte-fhteie{flex-direction:column;display:flex}.download-title.svelte-fhteie{color:var(--text-primary);font-size:16px;font-weight:500}.download-desc.svelte-fhteie{color:var(--text-secondary);font-size:12px}@keyframes svelte-fhteie-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-backdrop.svelte-13rrew4{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content.svelte-13rrew4{background-color:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:16px;padding:24px;animation:.2s svelte-13rrew4-zoomIn}.modal-title.svelte-13rrew4{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:700}.modal-body.svelte-13rrew4{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.modal-actions.svelte-13rrew4{justify-content:flex-end;gap:8px;display:flex}.dialog-btn.svelte-13rrew4{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.dialog-btn.svelte-13rrew4:hover{background-color:#0000000d}.cancel-btn.svelte-13rrew4{color:var(--text-primary)}.confirm-btn.svelte-13rrew4{color:var(--primary)}.confirm-btn.danger.svelte-13rrew4{color:var(--error,#e53935)}@keyframes svelte-13rrew4-zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-content.svelte-s4tkcj{padding:16px 16px 96px}.profile-card.svelte-s4tkcj{background:linear-gradient(135deg, var(--primary), #1976d2);color:#fff;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex}.avatar.svelte-s4tkcj{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:700;display:flex}.info.svelte-s4tkcj{flex-direction:column;flex:1;align-items:flex-start;display:flex}.info.svelte-s4tkcj h2:where(.svelte-s4tkcj){margin:0 0 4px;font-size:18px;font-weight:700}.email.svelte-s4tkcj{color:#ffffffe6;margin:0 0 8px;font-size:14px}.role-badge.svelte-s4tkcj{background:#fff3;border-radius:10px;padding:2px 8px;font-size:12px}.section-title.svelte-s4tkcj{color:var(--text-secondary);margin-top:24px;margin-bottom:12px;font-size:16px;font-weight:700}.setting-item.svelte-s4tkcj{background:var(--surface);border-radius:12px;align-items:center;margin-bottom:8px;padding:16px;display:flex;box-shadow:0 2px 10px #0000000d}.setting-item.clickable.svelte-s4tkcj{cursor:pointer;transition:background .2s}.setting-item.clickable.svelte-s4tkcj:active{background:var(--bg)}.item-icon.svelte-s4tkcj{color:var(--primary);background:#0d47a11a;border-radius:8px;justify-content:center;align-items:center;margin-right:16px;padding:8px;display:flex}.item-text.svelte-s4tkcj{flex:1}.item-title.svelte-s4tkcj{color:var(--text-primary);font-size:16px;font-weight:600}.item-subtitle.svelte-s4tkcj{color:var(--text-secondary);margin-top:2px;font-size:12px}.item-trailing.svelte-s4tkcj{color:var(--text-secondary);align-items:center;display:flex}.logout-wrapper.svelte-s4tkcj{margin-top:24px;margin-bottom:24px}.switch.svelte-s4tkcj{width:40px;height:24px;display:inline-block;position:relative}.switch.svelte-s4tkcj input:where(.svelte-s4tkcj){opacity:0;width:0;height:0}.slider.svelte-s4tkcj{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider.svelte-s4tkcj:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input.svelte-s4tkcj:checked+.slider:where(.svelte-s4tkcj){background-color:var(--primary)}input.svelte-s4tkcj:focus+.slider:where(.svelte-s4tkcj){box-shadow:0 0 1px var(--primary)}input.svelte-s4tkcj:checked+.slider:where(.svelte-s4tkcj):before{transform:translate(16px)}.slider.round.svelte-s4tkcj{border-radius:24px}.slider.round.svelte-s4tkcj:before{border-radius:50%}.bottom-sheet-backdrop.svelte-s4tkcj{z-index:2000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet.svelte-s4tkcj{background:var(--surface);width:100%;padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.3s ease-out svelte-s4tkcj-slideUp}@keyframes svelte-s4tkcj-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header.svelte-s4tkcj{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sheet-header.svelte-s4tkcj h3:where(.svelte-s4tkcj){color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.icon-btn.svelte-s4tkcj{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.mb-4.svelte-s4tkcj{margin-bottom:16px}.mb-6.svelte-s4tkcj{margin-bottom:24px}.mt-4.svelte-s4tkcj{margin-top:16px}.info-box.svelte-s4tkcj{border-radius:12px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;display:flex}.info-box.blue.svelte-s4tkcj{color:#2196f3;background-color:#2196f31a;border:1px solid #2196f34d}.info-icon.svelte-s4tkcj{font-size:16px;font-weight:700}.guru-home.svelte-7jnqgy{width:100%;min-height:100vh;padding-bottom:70px;position:relative}.top-actions.svelte-nbl0vx{z-index:100;position:absolute;top:16px;right:16px}.simpan-btn.svelte-nbl0vx{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.simpan-btn.svelte-nbl0vx:disabled{color:#ffffff80;cursor:not-allowed}.spinner.svelte-nbl0vx{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite svelte-nbl0vx-spin}@keyframes svelte-nbl0vx-spin{to{transform:rotate(360deg)}}.absensi-container.svelte-nbl0vx{flex-direction:column;height:100%;display:flex}.filter-section.svelte-nbl0vx{background-color:#f9fafb;padding:16px}.date-row.svelte-nbl0vx{align-items:center;gap:8px;display:flex}.date-text.svelte-nbl0vx{color:var(--text-primary);font-size:16px;font-weight:600}.mt-4.svelte-nbl0vx{margin-top:16px}.mt-3.svelte-nbl0vx{margin-top:12px}.dropdown-wrapper.svelte-nbl0vx{border:1px solid var(--border);background-color:#fff;border-radius:12px;overflow:hidden}.kelas-dropdown.svelte-nbl0vx{background:0 0;border:none;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.kelas-loading.svelte-nbl0vx{padding:20px}.list-container.svelte-nbl0vx{flex:1;overflow-y:auto}.empty-state.svelte-nbl0vx{text-align:center;color:var(--text-secondary);padding:40px}.siswa-list.svelte-nbl0vx{flex-direction:column;padding:16px;display:flex}.siswa-card.svelte-nbl0vx{background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 4px 10px #0000000d}.card-header.svelte-nbl0vx{align-items:center;display:flex}.number-badge.svelte-nbl0vx{width:40px;height:40px;color:var(--primary);background-color:#0d47a11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-weight:700;display:flex}.siswa-info.svelte-nbl0vx{flex-direction:column;display:flex}.nama.svelte-nbl0vx{color:var(--text-primary);font-size:16px;font-weight:600}.nis.svelte-nbl0vx{color:var(--text-secondary);font-size:12px}.status-selector.svelte-nbl0vx{gap:8px;display:flex}.status-btn.svelte-nbl0vx{cursor:pointer;border:1px solid;border-radius:8px;flex:1;padding:8px 0;font-size:12px;font-weight:600;transition:all .2s}.hadir-active.svelte-nbl0vx{background-color:var(--hadir);color:#fff;border-color:var(--hadir)}.hadir-inactive.svelte-nbl0vx{color:var(--hadir);background-color:#27ae601a;border-color:#27ae604d}.izin-active.svelte-nbl0vx{background-color:var(--izin);color:#fff;border-color:var(--izin)}.izin-inactive.svelte-nbl0vx{color:var(--izin);background-color:#f2c94c1a;border-color:#f2c94c4d}.sakit-active.svelte-nbl0vx{background-color:var(--sakit);color:#fff;border-color:var(--sakit)}.sakit-inactive.svelte-nbl0vx{color:var(--sakit);background-color:#2d9cdb1a;border-color:#2d9cdb4d}.alfa-active.svelte-nbl0vx{background-color:var(--alfa);color:#fff;border-color:var(--alfa)}.alfa-inactive.svelte-nbl0vx{color:var(--alfa);background-color:#eb57571a;border-color:#eb57574d}.keterangan-input.svelte-nbl0vx{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.summary-section.svelte-nbl0vx{background:#fff;justify-content:space-around;padding:16px;display:flex;box-shadow:0 -4px 10px #0000000d}.summary-item.svelte-nbl0vx{flex-direction:column;align-items:center;display:flex}.summary-count.svelte-nbl0vx{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.summary-label.svelte-nbl0vx{color:var(--text-secondary);font-size:12px}.edit-form.svelte-t4onez{padding:16px 16px 40px}.mt-3.svelte-t4onez{margin-top:12px}.mt-6.svelte-t4onez{margin-top:24px}.student-info-card.svelte-t4onez{background-color:#0d47a11a;border-radius:12px;align-items:center;margin-bottom:24px;padding:16px;display:flex}.avatar.svelte-t4onez{background-color:var(--primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:16px;font-weight:700;display:flex}.info-text.svelte-t4onez{flex-direction:column;display:flex}.nama.svelte-t4onez{color:var(--text-primary);font-size:16px;font-weight:700}.nis.svelte-t4onez{color:var(--text-secondary);font-size:12px}.section-title.svelte-t4onez{color:var(--text-primary);font-size:14px;font-weight:500}.status-selector.svelte-t4onez{gap:8px;display:flex}.status-btn.svelte-t4onez{cursor:pointer;border:1px solid;border-radius:8px;flex:1;padding:12px 0;font-size:12px;font-weight:600;transition:all .2s}.hadir-active.svelte-t4onez{background-color:var(--hadir);color:#fff;border-color:var(--hadir)}.hadir-inactive.svelte-t4onez{color:var(--hadir);background-color:#27ae601a;border-color:#27ae604d}.izin-active.svelte-t4onez{background-color:var(--izin);color:#fff;border-color:var(--izin)}.izin-inactive.svelte-t4onez{color:var(--izin);background-color:#f2c94c1a;border-color:#f2c94c4d}.sakit-active.svelte-t4onez{background-color:var(--sakit);color:#fff;border-color:var(--sakit)}.sakit-inactive.svelte-t4onez{color:var(--sakit);background-color:#2d9cdb1a;border-color:#2d9cdb4d}.alfa-active.svelte-t4onez{background-color:var(--alfa);color:#fff;border-color:var(--alfa)}.alfa-inactive.svelte-t4onez{color:var(--alfa);background-color:#eb57571a;border-color:#eb57574d}.upload-area.svelte-t4onez{border:1px solid var(--border);cursor:pointer;background-color:#f9fafb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.upload-icon.svelte-t4onez{color:var(--text-secondary);margin-bottom:8px}.upload-icon.active.svelte-t4onez{color:var(--primary)}.upload-text.svelte-t4onez{color:var(--text-secondary);font-size:14px}.upload-text.active.svelte-t4onez{color:var(--text-primary)}.upload-hint.svelte-t4onez{color:var(--text-secondary);margin-top:4px;font-size:12px}.hidden-input.svelte-t4onez{display:none}.submit-action.svelte-t4onez{margin-top:24px}.top-actions.svelte-5g0iiz{z-index:100;position:absolute;top:16px;right:16px}.refresh-btn.svelte-5g0iiz{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px}.kelola-content.svelte-5g0iiz{padding:16px 16px 150px}.empty-state.svelte-5g0iiz{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-icon.svelte-5g0iiz,.empty-text.svelte-5g0iiz{color:var(--text-secondary);margin-bottom:16px}.empty-btn.svelte-5g0iiz{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex;box-shadow:0 2px 4px #0003}.error-text.svelte-5g0iiz{color:var(--error);text-align:center;margin-bottom:16px}.retry-btn.svelte-5g0iiz{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.siswa-list.svelte-5g0iiz{flex-direction:column;display:flex}.siswa-card.svelte-5g0iiz{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 16px;display:flex;box-shadow:0 1px 3px #0000001a}.card-content.svelte-5g0iiz{flex:1;align-items:center;display:flex}.avatar.svelte-5g0iiz{width:40px;height:40px;color:var(--primary);background-color:#0d47a11a;border-radius:20px;justify-content:center;align-items:center;margin-right:16px;font-size:16px;font-weight:700;display:flex}.siswa-info.svelte-5g0iiz{flex-direction:column;display:flex}.nama.svelte-5g0iiz{color:var(--text-primary);font-size:16px;font-weight:700}.nis.svelte-5g0iiz{color:var(--text-secondary);font-size:14px}.menu-container.svelte-5g0iiz{position:relative}.more-btn.svelte-5g0iiz{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px}.popup-menu.svelte-5g0iiz{z-index:100;background:#fff;border-radius:8px;min-width:150px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.menu-item.svelte-5g0iiz{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.menu-item.svelte-5g0iiz:hover{background-color:#f5f5f5}.menu-item.danger.svelte-5g0iiz{color:var(--error)}.fab-container.svelte-5g0iiz{z-index:50;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:90px;right:16px}.fab-mini.svelte-5g0iiz{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 10px #0d47a14d}.fab-extended.svelte-5g0iiz{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:28px;align-items:center;gap:8px;height:56px;padding:0 20px;font-size:14px;font-weight:500;display:flex;box-shadow:0 4px 10px #0d47a14d}.dialog-backdrop.svelte-5g0iiz{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog-card.svelte-5g0iiz{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:24px;animation:.2s ease-out svelte-5g0iiz-zoomIn;overflow-y:auto;box-shadow:0 10px 25px #0003}.dialog-title.svelte-5g0iiz{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:600}.mt-3.svelte-5g0iiz{margin-top:12px}.input-label.svelte-5g0iiz{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.date-input-wrapper.svelte-5g0iiz{position:relative}.date-input.svelte-5g0iiz{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-primary);border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.dialog-actions.svelte-5g0iiz{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel.svelte-5g0iiz{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-weight:500}.btn-submit.svelte-5g0iiz{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;min-width:80px;padding:8px 16px;font-weight:500;display:flex}.btn-submit.svelte-5g0iiz:disabled,.btn-cancel.svelte-5g0iiz:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-5g0iiz{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite svelte-5g0iiz-spin}@keyframes svelte-5g0iiz-spin{to{transform:rotate(360deg)}}@keyframes svelte-5g0iiz-zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.top-actions.svelte-1ue7uso{z-index:100;position:absolute;top:16px;right:16px}.refresh-btn.svelte-1ue7uso{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px}.detail-content.svelte-1ue7uso{padding:16px}.profile-card.svelte-1ue7uso{background:linear-gradient(to bottom, var(--primary), #0d47a1cc);color:#fff;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:24px;padding:20px;display:flex}.avatar-placeholder.svelte-1ue7uso{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:32px;font-weight:700;display:flex}.nama.svelte-1ue7uso{margin-bottom:4px;font-size:20px;font-weight:700}.nis.svelte-1ue7uso{color:#ffffffe6;margin-bottom:4px;font-size:14px}.kelas.svelte-1ue7uso{color:#ffffffe6;font-size:14px}.section-title.svelte-1ue7uso{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.mt-6.svelte-1ue7uso{margin-top:24px}.stats-grid.svelte-1ue7uso{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card.svelte-1ue7uso{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;padding:16px;display:flex;box-shadow:0 4px 12px #0000000d}.stat-header.svelte-1ue7uso{margin-bottom:8px;display:flex}.stat-icon-wrapper.svelte-1ue7uso{border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.stat-value.svelte-1ue7uso{margin-bottom:4px;font-size:24px;font-weight:700}.stat-title.svelte-1ue7uso{margin-bottom:2px;font-size:14px;font-weight:600}.stat-subtitle.svelte-1ue7uso{color:var(--text-secondary);font-size:12px}.hadir-card.svelte-1ue7uso .stat-icon-wrapper:where(.svelte-1ue7uso){color:var(--hadir);background:#27ae601a}.hadir-card.svelte-1ue7uso .stat-value:where(.svelte-1ue7uso){color:var(--hadir)}.izin-card.svelte-1ue7uso .stat-icon-wrapper:where(.svelte-1ue7uso){color:var(--izin);background:#f2c94c1a}.izin-card.svelte-1ue7uso .stat-value:where(.svelte-1ue7uso){color:var(--izin)}.sakit-card.svelte-1ue7uso .stat-icon-wrapper:where(.svelte-1ue7uso){color:var(--sakit);background:#2d9cdb1a}.sakit-card.svelte-1ue7uso .stat-value:where(.svelte-1ue7uso){color:var(--sakit)}.alfa-card.svelte-1ue7uso .stat-icon-wrapper:where(.svelte-1ue7uso){color:var(--alfa);background:#eb57571a}.alfa-card.svelte-1ue7uso .stat-value:where(.svelte-1ue7uso){color:var(--alfa)}.history-list.svelte-1ue7uso{flex-direction:column;gap:8px;display:flex}.history-item.svelte-1ue7uso{background:#fff;border-radius:12px;align-items:center;padding:12px;display:flex;box-shadow:0 2px 10px #0000000d}.icon-box.svelte-1ue7uso{background:#0d47a11a;border-radius:8px;justify-content:center;align-items:center;margin-right:12px;padding:8px;display:flex}.date-info.svelte-1ue7uso{flex-direction:column;flex:1;display:flex}.date.svelte-1ue7uso{color:var(--text-primary);font-size:14px;font-weight:600}.keterangan.svelte-1ue7uso{color:var(--text-secondary);margin-top:2px;font-size:12px}.empty-state.svelte-1ue7uso{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.empty-icon.svelte-1ue7uso{color:var(--text-secondary);opacity:.5;margin-bottom:12px}.empty-text.svelte-1ue7uso{color:var(--text-secondary);font-size:14px}.error-text.svelte-1ue7uso{color:var(--error);text-align:center;margin-bottom:16px}.retry-btn.svelte-1ue7uso{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.page-content.svelte-aopine{flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex}.fab-container.svelte-aopine{z-index:50;position:fixed;bottom:90px;right:16px}.fab.svelte-aopine{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 10px #0d47a14d}.kelas-selector.svelte-aopine{background-color:#f5f5f5;align-items:center;padding:16px;display:flex}.kelas-label.svelte-aopine{margin-right:12px;font-weight:700}.kelas-dropdown.svelte-aopine{border:1px solid var(--border);background-color:#fff;border-radius:4px;flex:1;padding:8px 12px;font-size:14px}.main-content.svelte-aopine{flex:1;padding:16px}.empty-state.svelte-aopine{flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.empty-icon.svelte-aopine{opacity:.5;width:64px;height:64px;margin-bottom:16px}.empty-text.svelte-aopine{color:var(--text-secondary);font-size:16px}.empty-subtext.svelte-aopine{color:var(--text-secondary);margin-top:8px;font-size:14px}.error-text.svelte-aopine{color:var(--error);margin-bottom:16px}.retry-btn.svelte-aopine{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.rekap-list.svelte-aopine{flex-direction:column;gap:12px;display:flex}.rekap-card.svelte-aopine{background:#fff;border:2px solid;border-radius:12px;overflow:hidden}.card-header.svelte-aopine{align-items:center;padding:12px;display:flex}.header-icon.svelte-aopine{margin-right:8px}.header-info.svelte-aopine{flex:1}.bulan-tahun.svelte-aopine{color:var(--text-primary);font-size:16px;font-weight:700}.periode.svelte-aopine{color:var(--text-secondary);font-size:12px}.status-badge.svelte-aopine{color:#fff;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.card-stats.svelte-aopine{padding:12px}.stats-row.svelte-aopine{justify-content:space-around;margin-bottom:12px;display:flex}.stat-item.svelte-aopine{flex-direction:column;align-items:center;display:flex}.stat-circle.svelte-aopine{border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:16px;font-weight:700;display:flex}.stat-label.svelte-aopine{color:var(--text-secondary);font-size:12px}.progress-container.svelte-aopine{margin-top:12px}.progress-bar.svelte-aopine{background-color:var(--divider);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.progress-fill.svelte-aopine{height:100%;transition:width .3s}.progress-text.svelte-aopine{color:var(--text-secondary);font-size:12px}.card-actions.svelte-aopine{background-color:#fafafa;justify-content:flex-end;gap:8px;padding:4px 8px;display:flex}.icon-btn.svelte-aopine{cursor:pointer;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn.svelte-aopine:hover{background-color:#0000000d}.bottom-sheet-backdrop.svelte-aopine{z-index:1000;background-color:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet.svelte-aopine{width:100%;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background-color:#fff;border-radius:20px 20px 0 0;animation:.3s ease-out svelte-aopine-slideUp}.sheet-title.svelte-aopine{color:var(--text-primary);font-size:18px;font-weight:700}.mt-4.svelte-aopine{margin-top:16px}.mt-6.svelte-aopine{margin-top:24px}.form-group.svelte-aopine{flex-direction:column;gap:8px;display:flex}.form-label.svelte-aopine{color:var(--text-secondary);font-size:14px}.form-select.svelte-aopine{border:1px solid var(--border);background-color:#fff;border-radius:4px;padding:12px;font-size:16px}.btn-create.svelte-aopine{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;width:100%;padding:14px;font-size:16px;font-weight:500;display:flex}.btn-create.svelte-aopine:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-aopine{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite svelte-aopine-spin}@keyframes svelte-aopine-spin{to{transform:rotate(360deg)}}@keyframes svelte-aopine-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-subtitle.svelte-aopine{color:var(--text-secondary);margin:4px 0 16px;font-size:13px}.download-options-list.svelte-aopine{flex-direction:column;gap:8px;margin-top:8px;display:flex}.download-option-item.svelte-aopine{border:1px solid var(--border);cursor:pointer;text-align:left;background:#f8fafc;border-radius:12px;align-items:center;gap:16px;width:100%;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.download-option-item.svelte-aopine:hover{background:#f1f5f9;border-color:#cbd5e1}.download-icon.svelte-aopine{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pdf-icon.svelte-aopine{background:#ffebee}.excel-icon.svelte-aopine{background:#e8f5e9}.download-info.svelte-aopine{flex:1}.download-title.svelte-aopine{color:var(--text-primary);font-size:15px;font-weight:600}.download-desc.svelte-aopine{color:var(--text-secondary);margin-top:2px;font-size:13px}.top-actions.svelte-12h9iaf{z-index:100;position:absolute;top:16px;right:16px}.refresh-btn.svelte-12h9iaf{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px}.approval-content.svelte-12h9iaf{padding:16px}.pending-list.svelte-12h9iaf{flex-direction:column;gap:12px;display:flex}.pending-card.svelte-12h9iaf{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-body.svelte-12h9iaf{flex-direction:column;padding:16px;display:flex}.user-header.svelte-12h9iaf{align-items:center;gap:8px;margin-bottom:8px;display:flex}.nama.svelte-12h9iaf{color:var(--text-primary);flex:1;font-size:16px;font-weight:700}.info-details.svelte-12h9iaf{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.info-row.svelte-12h9iaf{color:var(--text-primary);font-size:14px}.status-text.svelte-12h9iaf{color:var(--warning);margin-bottom:16px;font-size:14px;font-weight:700}.btn-approve.svelte-12h9iaf{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:14px;font-weight:500;display:flex}.btn-approve.disabled.svelte-12h9iaf{background-color:var(--text-secondary);cursor:not-allowed}.empty-state.svelte-12h9iaf{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;display:flex}.empty-text.svelte-12h9iaf{color:var(--text-secondary);font-size:14px}.error-text.svelte-12h9iaf{color:var(--error);text-align:center;margin-bottom:16px}.retry-btn.svelte-12h9iaf{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.import-content.svelte-1lxccbm{padding:24px}.info-card.svelte-1lxccbm{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.info-card.svelte-1lxccbm h3:where(.svelte-1lxccbm){color:var(--primary);margin:0 0 12px;font-size:16px}.info-card.svelte-1lxccbm ol:where(.svelte-1lxccbm){color:var(--text-secondary);margin:0 0 16px;padding-left:20px;font-size:14px;line-height:1.6}.upload-area.svelte-1lxccbm{margin-top:24px}.file-label.svelte-1lxccbm{border:2px dashed var(--border);cursor:pointer;background:var(--bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.file-label.svelte-1lxccbm:hover{border-color:var(--primary);background:#0d47a10d}.file-label.svelte-1lxccbm input:where(.svelte-1lxccbm){display:none}.upload-icon.svelte-1lxccbm{color:var(--primary);margin-bottom:12px}.file-label.svelte-1lxccbm span:where(.svelte-1lxccbm){color:var(--text-primary);font-weight:500}.kelas-target-box.svelte-1lxccbm{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.form-select.svelte-1lxccbm{border:1px solid var(--border);background-color:#fff;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;font-size:14px}.kepsek-dashboard.svelte-t06rln{padding:16px 16px 90px}.header-row.svelte-t06rln{align-items:center;margin-bottom:16px;display:flex}.avatar.svelte-t06rln{background-color:var(--primary);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;font-weight:700;display:flex}.welcome-text.svelte-t06rln{flex:1}.greeting.svelte-t06rln{color:var(--text-secondary);font-size:14px}.name.svelte-t06rln{color:var(--text-primary);font-size:18px;font-weight:700}.filter-section.svelte-t06rln{background-color:#f5f5f5;border-radius:12px;gap:8px;margin-bottom:24px;padding:12px;display:flex}.filter-box.svelte-t06rln{border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;padding:0 12px}.filter-select.svelte-t06rln{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:12px 0;font-size:13px}.overall-card.svelte-t06rln{background:linear-gradient(to bottom, var(--primary), #0d47a1cc);color:#fff;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:24px;padding:20px;display:flex}.card-title.svelte-t06rln{font-size:16px}.card-subtitle.svelte-t06rln{color:#ffffffe6;margin-bottom:16px;font-size:12px}.overall-grid.svelte-t06rln{justify-content:space-around;width:100%;margin-bottom:16px;display:flex}.overall-item.svelte-t06rln{flex-direction:column;align-items:center;display:flex}.overall-val.svelte-t06rln{margin-top:8px;font-size:24px;font-weight:700}.overall-lbl.svelte-t06rln{color:#ffffffe6;font-size:12px}.persentase-bubble.svelte-t06rln{background:#fff3;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700}.section-title.svelte-t06rln{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-size:18px;font-weight:700}.section-title.svelte-t06rln:first-of-type{margin-top:0}.detail-grid.svelte-t06rln{gap:12px;display:flex}.stat-card.svelte-t06rln{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:16px;display:flex;box-shadow:0 2px 8px #0000000d}.stat-icon-wrapper.svelte-t06rln{border-radius:8px;margin-bottom:8px;padding:8px}.izin-bg.svelte-t06rln{background-color:#f2c94c1a}.sakit-bg.svelte-t06rln{background-color:#2d9cdb1a}.alfa-bg.svelte-t06rln{background-color:#eb57571a}.izin-color.svelte-t06rln{color:var(--izin)}.sakit-color.svelte-t06rln{color:var(--sakit)}.alfa-color.svelte-t06rln{color:var(--alfa)}.stat-val.svelte-t06rln{color:var(--text-primary);font-size:20px;font-weight:700}.stat-lbl.svelte-t06rln{font-size:12px;font-weight:500}.stat-sub.svelte-t06rln{color:var(--text-secondary);font-size:10px}.chart-container.svelte-t06rln{border:1px solid var(--border);background:#fff;border-radius:12px;height:250px;padding:16px;box-shadow:0 2px 8px #0000000d}.empty-text.svelte-t06rln{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.kelas-list.svelte-t06rln{flex-direction:column;gap:12px;display:flex}.kelas-card.svelte-t06rln{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.kelas-header.svelte-t06rln{align-items:center;margin-bottom:12px;display:flex}.kelas-icon.svelte-t06rln{background:#0d47a11a;border-radius:12px;margin-right:12px;padding:12px}.kelas-info.svelte-t06rln{flex:1}.kelas-name.svelte-t06rln{color:var(--text-primary);font-size:16px;font-weight:700}.kelas-total.svelte-t06rln{color:var(--text-secondary);font-size:12px}.kelas-pct.svelte-t06rln{color:#fff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.kelas-mini-stats.svelte-t06rln{display:flex}.mini-stat-col.svelte-t06rln{flex-direction:column;flex:1;align-items:center;display:flex}.mini-val.svelte-t06rln{font-size:16px;font-weight:700}.hadir-color.svelte-t06rln{color:var(--hadir)}.mini-lbl.svelte-t06rln{color:var(--text-secondary);font-size:11px}.comparison-grid.svelte-t06rln{gap:12px;display:flex}.comp-card.svelte-t06rln{background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:16px;display:flex;box-shadow:0 2px 8px #0000000d}.comp-icon.svelte-t06rln{color:var(--text-secondary);margin-bottom:8px}.comp-lbl.svelte-t06rln{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.comp-val.svelte-t06rln{align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.success-color.svelte-t06rln{color:var(--success)}.error-color.svelte-t06rln{color:var(--error)}.page-container.svelte-myamre{background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}.filter-section.svelte-myamre{background-color:#f5f5f5;padding:16px}.filter-row.svelte-myamre{gap:12px;display:flex}.filter-box.svelte-myamre{border:1px solid var(--border);background:#fff;border-radius:12px;flex:1;padding:0 12px}.mt-12.svelte-myamre{margin-top:12px}.filter-select.svelte-myamre{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:12px 0;font-size:14px}.laporan-content.svelte-myamre{flex:1;padding:16px 16px 90px}.laporan-list.svelte-myamre{flex-direction:column;gap:12px;display:flex}.laporan-card.svelte-myamre{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.card-top.svelte-myamre{align-items:center;margin-bottom:12px;display:flex}.icon-box.svelte-myamre{background:#0d47a11a;border-radius:12px;margin-right:12px;padding:12px}.card-info.svelte-myamre{flex:1}.kelas-name.svelte-myamre{color:var(--text-primary);font-size:16px;font-weight:700}.periode.svelte-myamre{color:var(--text-secondary);font-size:12px}.pct-bubble.svelte-myamre{color:#fff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.mini-stats.svelte-myamre{margin-top:12px;display:flex}.mini-stat.svelte-myamre{flex-direction:column;flex:1;align-items:center;display:flex}.mini-val.svelte-myamre{font-size:16px;font-weight:700}.hadir-color.svelte-myamre{color:var(--hadir)}.izin-color.svelte-myamre{color:var(--izin)}.sakit-color.svelte-myamre{color:var(--sakit)}.alfa-color.svelte-myamre{color:var(--alfa)}.mini-lbl.svelte-myamre{color:var(--text-secondary);font-size:11px}.divider.svelte-myamre{background-color:var(--border);height:1px;margin:12px 0}.card-actions.svelte-myamre{justify-content:flex-end;display:flex}.btn-download.svelte-myamre{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}.btn-download.svelte-myamre:hover{background-color:#0d47a10d}.bottom-sheet-backdrop.svelte-myamre{z-index:1000;background-color:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet.svelte-myamre{width:100%;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));background-color:#fff;border-radius:20px 20px 0 0;animation:.3s ease-out svelte-myamre-slideUp}.sheet-title.svelte-myamre{color:var(--text-primary);text-align:center;font-size:18px;font-weight:700}.mt-24.svelte-myamre{margin-top:24px}.download-options.svelte-myamre{gap:16px;display:flex}.dl-option.svelte-myamre{cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:24px;display:flex}.pdf-option.svelte-myamre{background-color:#eb57571a;border:1px solid #eb57574d}.pdf-option.svelte-myamre span:where(.svelte-myamre){color:var(--error);font-weight:700}.excel-option.svelte-myamre{background-color:#27ae601a;border:1px solid #27ae604d}.excel-option.svelte-myamre span:where(.svelte-myamre){color:var(--success);font-weight:700}@keyframes svelte-myamre-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state.svelte-myamre{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.empty-icon.svelte-myamre{color:var(--text-secondary);opacity:.5;margin-bottom:12px}.empty-text.svelte-myamre{color:var(--text-secondary);font-size:14px}.error-text.svelte-myamre{color:var(--error);text-align:center;margin-bottom:16px}.retry-btn.svelte-myamre{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.kepsek-home.svelte-24wttq{width:100%;min-height:100vh;padding-bottom:70px;position:relative}.stat-card.svelte-wikwsz{background-color:var(--surface);box-shadow:var(--shadow-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;padding:20px;display:flex}.stat-title.svelte-wikwsz{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500}.stat-value.svelte-wikwsz{margin-bottom:4px;font-size:28px;font-weight:700}.stat-subtitle.svelte-wikwsz{color:var(--text-light);font-size:12px}.calendar-container.svelte-1j72kc5{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.calendar-header.svelte-1j72kc5{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.current-month.svelte-1j72kc5{color:var(--text-primary);font-size:16px;font-weight:700}.nav-btn.svelte-1j72kc5{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.nav-btn.svelte-1j72kc5:hover{background:var(--bg);color:var(--primary)}.calendar-grid.svelte-1j72kc5{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day-name.svelte-1j72kc5{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.day-cell.svelte-1j72kc5{justify-content:center;align-items:center;height:36px;display:flex}.day-cell.clickable.svelte-1j72kc5{cursor:pointer}.day-cell.clickable.svelte-1j72kc5:hover .day-number:where(.svelte-1j72kc5){box-shadow:0 0 0 2px var(--primary)}.day-number.svelte-1j72kc5{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.day-cell.inactive.svelte-1j72kc5 .day-number:where(.svelte-1j72kc5){color:var(--text-disabled)!important}.legend.svelte-1j72kc5{border-top:1px solid var(--border);justify-content:space-between;margin-top:20px;padding-top:16px;display:flex}.legend-item.svelte-1j72kc5{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.dot.svelte-1j72kc5{border-radius:50%;width:10px;height:10px}.dot.hadir.svelte-1j72kc5{background:var(--hadir)}.dot.izin.svelte-1j72kc5{background:var(--izin)}.dot.sakit.svelte-1j72kc5{background:var(--sakit)}.dot.alfa.svelte-1j72kc5{background:var(--alfa)}.ortu-dashboard.svelte-3evdex{padding:16px 16px 90px}.header-row.svelte-3evdex{align-items:center;margin-bottom:24px;display:flex}.avatar.svelte-3evdex{background-color:var(--primary);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;font-weight:700;display:flex}.welcome-text.svelte-3evdex{flex:1}.greeting.svelte-3evdex{color:var(--text-secondary);font-size:14px}.name.svelte-3evdex{color:var(--text-primary);font-size:18px;font-weight:700}.section-title.svelte-3evdex{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.mt-24.svelte-3evdex{margin-top:24px}.child-cards-container.svelte-3evdex{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.child-card.svelte-3evdex{background:linear-gradient(135deg, var(--primary), #1e3a8a);color:#fff;border-radius:16px;align-items:center;padding:16px;display:flex}.child-avatar.svelte-3evdex{background-color:#fff3;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:16px;font-size:22px;font-weight:700;display:flex}.child-info.svelte-3evdex{flex:1;min-width:0}.child-name.svelte-3evdex{margin-bottom:4px;font-size:18px;font-weight:700}.child-sub.svelte-3evdex{color:#ffffffe6;font-size:12px}.child-pct.svelte-3evdex{background-color:#fff3;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:700}.stats-row.svelte-3evdex{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bottom-sheet-backdrop.svelte-3evdex{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.bottom-sheet.svelte-3evdex{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:85vh;padding:24px;animation:.25s ease-out svelte-3evdex-slideUp;overflow-y:auto;box-shadow:0 -4px 20px #00000026}@keyframes svelte-3evdex-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header.svelte-3evdex{align-items:center;gap:12px;display:flex}.sheet-date.svelte-3evdex{color:var(--text-primary);flex:1;font-size:16px;font-weight:700}.sheet-close.svelte-3evdex{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.sheet-divider.svelte-3evdex{background-color:var(--border);height:1px;margin:16px 0}.sheet-body.svelte-3evdex{flex-direction:column;gap:16px;display:flex}.student-entry.svelte-3evdex{border-bottom:1px dashed var(--border);flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.student-entry.svelte-3evdex:last-child{border-bottom:none;padding-bottom:0}.sheet-student.svelte-3evdex{color:var(--text-primary);font-size:16px;font-weight:700}.sheet-sub.svelte-3evdex{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.sheet-row.svelte-3evdex{align-items:center;gap:12px;display:flex}.sheet-label.svelte-3evdex{color:var(--text-secondary);font-size:14px}.sheet-keterangan.svelte-3evdex{color:var(--text-secondary);background-color:var(--bg);border-radius:8px;margin-top:4px;padding:10px 14px;font-size:13px}.page-container.svelte-ha8uqy{background-color:var(--bg);min-height:100vh;padding:16px 16px 90px}.laporan-list.svelte-ha8uqy{flex-direction:column;gap:16px;display:flex}.report-card.svelte-ha8uqy{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 10px #0000000d}.card-header.svelte-ha8uqy{background-color:#0d47a11a;align-items:center;padding:16px;display:flex}.icon-box.svelte-ha8uqy{background-color:var(--primary);border-radius:10px;justify-content:center;align-items:center;margin-right:12px;padding:10px;display:flex}.header-info.svelte-ha8uqy{flex:1}.siswa-name.svelte-ha8uqy{color:var(--text-primary);font-size:16px;font-weight:700}.kelas-name.svelte-ha8uqy{color:var(--text-secondary);font-size:12px}.pct-bubble.svelte-ha8uqy{color:#fff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.card-body.svelte-ha8uqy{padding:16px}.nis-row.svelte-ha8uqy{color:var(--text-primary);align-items:center;gap:8px;font-weight:500;display:flex}.divider.svelte-ha8uqy{background-color:var(--border);height:1px;margin:16px 0}.stats-row.svelte-ha8uqy{gap:8px;margin-bottom:16px;display:flex}.stat-item.svelte-ha8uqy{border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:12px 0;display:flex}.stat-val.svelte-ha8uqy{margin-bottom:4px;font-size:20px;font-weight:700}.stat-lbl.svelte-ha8uqy{font-size:11px}.hadir-bg.svelte-ha8uqy{background-color:#27ae601a}.izin-bg.svelte-ha8uqy{background-color:#f2c94c1a}.sakit-bg.svelte-ha8uqy{background-color:#2d9cdb1a}.alfa-bg.svelte-ha8uqy{background-color:#eb57571a}.hadir-color.svelte-ha8uqy{color:var(--hadir)}.izin-color.svelte-ha8uqy{color:var(--izin)}.sakit-color.svelte-ha8uqy{color:var(--sakit)}.alfa-color.svelte-ha8uqy{color:var(--alfa)}.progress-section.svelte-ha8uqy{flex-direction:column;gap:8px;display:flex}.progress-label.svelte-ha8uqy{color:var(--text-secondary);font-size:12px}.progress-bar-bg.svelte-ha8uqy{background-color:#eee;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress-bar-fill.svelte-ha8uqy{border-radius:5px;height:100%}.empty-state.svelte-ha8uqy{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.empty-icon.svelte-ha8uqy{color:var(--text-secondary);opacity:.5;margin-bottom:12px}.empty-text.svelte-ha8uqy{color:var(--text-secondary);font-size:14px}.error-text.svelte-ha8uqy{color:var(--error);text-align:center;margin-bottom:16px}.retry-btn.svelte-ha8uqy{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.ortu-home.svelte-s5eyr0{width:100%;min-height:100vh;padding-bottom:70px;position:relative}.about-content.svelte-1mlj13l{flex-direction:column;align-items:center;padding:24px;display:flex}.logo-container.svelte-1mlj13l{flex-direction:column;align-items:center;margin-top:24px;margin-bottom:32px;display:flex}.logo-circle.svelte-1mlj13l{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #0d47a14d}.logo-container.svelte-1mlj13l h2:where(.svelte-1mlj13l){color:var(--text-primary);margin:0 0 4px}.version.svelte-1mlj13l{color:var(--text-secondary);margin:0;font-size:14px}.info-card.svelte-1mlj13l{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;margin-bottom:40px;padding:24px}.info-card.svelte-1mlj13l h3:where(.svelte-1mlj13l){color:var(--primary);margin:0 0 12px;font-size:18px}.info-card.svelte-1mlj13l p:where(.svelte-1mlj13l){color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.developer-info.svelte-1mlj13l{text-align:center;color:var(--text-secondary)}.developer-info.svelte-1mlj13l p:where(.svelte-1mlj13l){margin:0 0 4px;font-size:12px}.developer-info.svelte-1mlj13l h4:where(.svelte-1mlj13l){color:var(--text-primary);margin:0 0 8px;font-size:16px}.empty-container.svelte-lxashl{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.empty-icon.svelte-lxashl{color:var(--text-light);margin-bottom:16px}.empty-message.svelte-lxashl{color:var(--text-secondary);font-size:16px;font-weight:500}.list-container.svelte-afj2br{flex-direction:column;height:100%;display:flex}.search-container.svelte-afj2br{background-color:#f9fafb;padding:16px}.list-content.svelte-afj2br{flex:1;padding:16px}.guru-list.svelte-afj2br{flex-direction:column;gap:12px;display:flex}.guru-card.svelte-afj2br{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 4px 10px #0000000d}.avatar.svelte-afj2br{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.info.svelte-afj2br{flex-direction:column;flex:1;display:flex;overflow:hidden}.nama.svelte-afj2br{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.detail-row.svelte-afj2br{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;display:flex}.detail-text.svelte-afj2br{font-size:12px}.more-btn.svelte-afj2br{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.bottom-sheet-backdrop.svelte-afj2br{z-index:2000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet.svelte-afj2br{background:#fff;border-radius:20px 20px 0 0;width:100%;animation:.3s ease-out svelte-afj2br-slideUp}@keyframes svelte-afj2br-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.options-content.svelte-afj2br{padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.big-avatar.svelte-afj2br{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:32px;font-weight:700;display:flex}.options-name.svelte-afj2br{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:700}.options-nip.svelte-afj2br{color:var(--text-secondary);margin:0 0 24px}.action-buttons.svelte-afj2br{gap:12px;width:100%;display:flex}.action-btn.svelte-afj2br{cursor:pointer;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:16px 0;font-size:14px;font-weight:600;display:flex}.action-btn.success.svelte-afj2br{color:#4caf50;background-color:#4caf501a}.action-btn.primary.svelte-afj2br{color:var(--primary);background-color:#0d47a11a}.list-container.svelte-1wp8n5h{flex-direction:column;height:100%;display:flex}.filter-container.svelte-1wp8n5h{background-color:#f9fafb;padding:16px}.mt-3.svelte-1wp8n5h{margin-top:12px}.list-content.svelte-1wp8n5h{flex:1;padding:16px}.siswa-list.svelte-1wp8n5h{flex-direction:column;gap:12px;display:flex}.siswa-card.svelte-1wp8n5h{cursor:pointer;background:#fff;border-radius:12px;align-items:center;padding:12px;transition:background .2s;display:flex;box-shadow:0 4px 10px #0000000d}.siswa-card.svelte-1wp8n5h:active{background:#f5f5f5}.avatar-container.svelte-1wp8n5h{background:#0d47a11a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;margin-right:16px;display:flex}.avatar-text.svelte-1wp8n5h{color:var(--primary);font-size:18px;font-weight:700}.info.svelte-1wp8n5h{flex-direction:column;flex:1;display:flex;overflow:hidden}.nama.svelte-1wp8n5h{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:16px;font-weight:600;overflow:hidden}.nis.svelte-1wp8n5h,.kelas.svelte-1wp8n5h{color:var(--text-secondary);font-size:12px}.trailing.svelte-1wp8n5h{color:var(--text-secondary);justify-content:center;align-items:center;padding-left:8px;display:flex}