.modal-portal-wrapper.svelte-13gcoef.svelte-13gcoef{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}.modal-overlay.svelte-13gcoef.svelte-13gcoef{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.modal.svelte-13gcoef.svelte-13gcoef{background:var(--color-bg-card, #1e1e2e);border:1px solid var(--color-border, #333);border-radius:1rem;width:100%;max-width:420px;max-height:90vh;overflow:hidden;animation:svelte-13gcoef-modalSlideUp .3s ease;box-shadow:0 25px 80px #000c}@keyframes svelte-13gcoef-modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header.svelte-13gcoef.svelte-13gcoef{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #333)}.modal-header.svelte-13gcoef h3.svelte-13gcoef{margin:0;font-size:1.125rem;color:var(--color-text, #fff)}.modal-body.svelte-13gcoef.svelte-13gcoef{padding:1.5rem;overflow-y:auto;max-height:60vh}.modal-footer.svelte-13gcoef.svelte-13gcoef{padding:1rem 1.5rem;border-top:1px solid var(--color-border, #333)}.modal-footer.svelte-13gcoef.svelte-13gcoef:empty{display:none}.attendance-button-container.svelte-10wmozd{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.attendance-btn.svelte-10wmozd{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.attendance-btn.svelte-10wmozd:disabled{opacity:.7;cursor:not-allowed}.check-in.svelte-10wmozd{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 40px #22c55e66}.check-in.svelte-10wmozd:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 50px #22c55e80}.check-out.svelte-10wmozd{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 40px #f59e0b66}.check-out.svelte-10wmozd:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 50px #f59e0b80}.btn-icon.svelte-10wmozd{font-size:3rem;margin-bottom:var(--space-sm)}.btn-label.svelte-10wmozd{font-size:1.25rem;font-weight:700;color:#fff}.btn-time.svelte-10wmozd{font-size:.875rem;color:#fffc;margin-top:var(--space-xs)}.attendance-done.svelte-10wmozd{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.done-icon.svelte-10wmozd{font-size:3rem;margin-bottom:var(--space-sm)}.done-label.svelte-10wmozd{font-size:1.125rem;font-weight:600;color:var(--color-success)}.done-times.svelte-10wmozd{display:flex;gap:var(--space-lg);margin-top:var(--space-md);font-size:.875rem;color:var(--color-text-muted)}.work-hours.svelte-10wmozd{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#6366f11a;border-radius:var(--radius-md)}.hours-label.svelte-10wmozd{font-size:.75rem;color:var(--color-text-muted)}.hours-value.svelte-10wmozd{font-weight:600;color:var(--color-primary-light)}.overtime-badge.svelte-10wmozd{background:var(--color-success);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.message.svelte-10wmozd{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.message.success.svelte-10wmozd{background:#22c55e33;color:var(--color-success)}.message.error.svelte-10wmozd{background:#ef444433;color:var(--color-danger)}.spinner.svelte-10wmozd{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-10wmozd-spin .8s linear infinite}.note-reason.svelte-10wmozd{background:#f59e0b33;color:var(--color-warning);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-md)}.textarea.svelte-10wmozd{resize:vertical;min-height:80px;width:100%}.modal-actions.svelte-10wmozd{display:flex;justify-content:flex-end;gap:var(--space-sm)}@keyframes svelte-10wmozd-spin{to{transform:rotate(360deg)}}