.admin-layout.svelte-11hf4sc.svelte-11hf4sc{display:flex;min-height:100vh;background:var(--color-bg-primary)}.sidebar.svelte-11hf4sc.svelte-11hf4sc{width:260px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header.svelte-11hf4sc.svelte-11hf4sc{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.logo.svelte-11hf4sc.svelte-11hf4sc{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.logo-icon.svelte-11hf4sc.svelte-11hf4sc{font-size:1.5rem}.logo-text.svelte-11hf4sc.svelte-11hf4sc{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-accent)}.sidebar-nav.svelte-11hf4sc.svelte-11hf4sc{flex:1;padding:var(--space-md)}.nav-item.svelte-11hf4sc.svelte-11hf4sc{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.nav-item.svelte-11hf4sc.svelte-11hf4sc:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active.svelte-11hf4sc.svelte-11hf4sc{background:#d4af371a;color:var(--color-accent)}.nav-icon.svelte-11hf4sc.svelte-11hf4sc{font-size:1.125rem}.sidebar-footer.svelte-11hf4sc.svelte-11hf4sc{padding:var(--space-lg);border-top:1px solid var(--color-border)}.sidebar-footer.svelte-11hf4sc .btn.svelte-11hf4sc{width:100%}.main-content.svelte-11hf4sc.svelte-11hf4sc{flex:1;margin-left:260px;padding:var(--space-xl)}.page-header.svelte-11hf4sc.svelte-11hf4sc{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.page-header.svelte-11hf4sc h1.svelte-11hf4sc{font-size:2rem;margin-bottom:var(--space-xs)}.header-subtitle.svelte-11hf4sc.svelte-11hf4sc{color:var(--color-text-secondary)}.loading-state.svelte-11hf4sc.svelte-11hf4sc{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-secondary);gap:var(--space-md)}.employees-grid.svelte-11hf4sc.svelte-11hf4sc{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.employee-card.svelte-11hf4sc.svelte-11hf4sc{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.employee-card.svelte-11hf4sc.svelte-11hf4sc:hover{border-color:var(--color-accent)}.employee-card.inactive.svelte-11hf4sc.svelte-11hf4sc{opacity:.6}.employee-header.svelte-11hf4sc.svelte-11hf4sc{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.employee-avatar.svelte-11hf4sc.svelte-11hf4sc{width:48px;height:48px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-bg-primary)}.employee-info.svelte-11hf4sc.svelte-11hf4sc{flex:1}.employee-name.svelte-11hf4sc.svelte-11hf4sc{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.employee-role.svelte-11hf4sc.svelte-11hf4sc{text-transform:capitalize}.employee-details.svelte-11hf4sc.svelte-11hf4sc{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.detail-item.svelte-11hf4sc.svelte-11hf4sc{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label.svelte-11hf4sc.svelte-11hf4sc{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.detail-value.svelte-11hf4sc.svelte-11hf4sc{font-weight:500}.pin-value.svelte-11hf4sc.svelte-11hf4sc{font-family:monospace;letter-spacing:2px}.employee-actions.svelte-11hf4sc.svelte-11hf4sc{display:flex;gap:var(--space-sm)}.employee-actions.svelte-11hf4sc .btn.svelte-11hf4sc{flex:1}.modal-overlay.svelte-11hf4sc.svelte-11hf4sc{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal.svelte-11hf4sc.svelte-11hf4sc{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:fadeIn .2s ease-out}.modal-header.svelte-11hf4sc.svelte-11hf4sc{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-header.svelte-11hf4sc h2.svelte-11hf4sc{font-size:1.25rem}.modal-close.svelte-11hf4sc.svelte-11hf4sc{background:transparent;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:var(--space-sm)}.modal-close.svelte-11hf4sc.svelte-11hf4sc:hover{color:var(--color-text-primary)}.modal-body.svelte-11hf4sc.svelte-11hf4sc{padding:var(--space-lg)}.modal-footer.svelte-11hf4sc.svelte-11hf4sc{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border)}.form-group.svelte-11hf4sc.svelte-11hf4sc{margin-bottom:var(--space-lg)}.form-group.svelte-11hf4sc label.svelte-11hf4sc{display:block;margin-bottom:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary)}.form-row.svelte-11hf4sc.svelte-11hf4sc{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.input-with-button.svelte-11hf4sc.svelte-11hf4sc{display:flex;gap:var(--space-sm)}.input-with-button.svelte-11hf4sc .input.svelte-11hf4sc{flex:1}@media (max-width: 768px){.sidebar.svelte-11hf4sc.svelte-11hf4sc{transform:translate(-100%)}.main-content.svelte-11hf4sc.svelte-11hf4sc{margin-left:0}.form-row.svelte-11hf4sc.svelte-11hf4sc{grid-template-columns:1fr}}