.mobile-page.svelte-5qc09x{min-height:100%;background:#f8fafc;padding:0}.mobile-content.svelte-5qc09x{padding:0;max-width:100%}.loading-spinner.svelte-5qc09x{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:.5rem;font-size:.82rem;color:#6b7280}.spinner.svelte-5qc09x{width:24px;height:24px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:svelte-5qc09x-spin 1s linear infinite}@keyframes svelte-5qc09x-spin{to{transform:rotate(360deg)}}.form-container.svelte-5qc09x{background:#fff;border-radius:0;padding:.5rem .6rem;box-shadow:none}.alert.svelte-5qc09x{display:flex;gap:.4rem;padding:.4rem .5rem;border-radius:5px;margin-bottom:.5rem}.error-alert.svelte-5qc09x{background:#fef2f2;border:1px solid #fecaca}.alert-icon.svelte-5qc09x{font-size:.88rem}.alert-content.svelte-5qc09x p:where(.svelte-5qc09x){margin:0;color:#dc2626;font-size:.76rem}.form-group.svelte-5qc09x{margin-bottom:.5rem}.form-group.svelte-5qc09x label:where(.svelte-5qc09x){display:block;font-size:.76rem;font-weight:600;color:#374151;margin-bottom:.2rem}.form-group.svelte-5qc09x .helper-text:where(.svelte-5qc09x){font-size:.66rem;color:#64748b;margin:-.1rem 0 .3rem}.form-input.svelte-5qc09x,.form-textarea.svelte-5qc09x{width:100%;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.78rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input.svelte-5qc09x:focus,.form-textarea.svelte-5qc09x:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-textarea.svelte-5qc09x{resize:vertical;min-height:60px}.dropdown-container.svelte-5qc09x{position:relative}.dropdown-trigger.svelte-5qc09x{width:100%;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:5px;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.78rem;text-align:start}.dropdown-trigger.svelte-5qc09x:hover{border-color:#9ca3af}.placeholder.svelte-5qc09x{color:#9ca3af}.selected-value.svelte-5qc09x{color:#1f2937;display:flex;align-items:center;gap:.3rem;flex:1;font-size:.76rem}.type-code.svelte-5qc09x{background:#3b82f6;color:#fff;padding:.1rem .25rem;border-radius:3px;font-size:.66rem;font-weight:600;font-family:monospace}.dropdown-arrow.svelte-5qc09x{color:#9ca3af;font-size:.62rem}.clear-btn.svelte-5qc09x{background:#ef4444;color:#fff;border:none;border-radius:50%;width:16px;height:16px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-menu.svelte-5qc09x{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:5px;box-shadow:0 6px 16px #0000001f;z-index:100;margin-top:.15rem;max-height:200px;overflow:hidden;display:flex;flex-direction:column}.dropdown-search.svelte-5qc09x{padding:.4rem .5rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.76rem;outline:none}.dropdown-options.svelte-5qc09x{overflow-y:auto;max-height:160px}.dropdown-option.svelte-5qc09x{width:100%;padding:.4rem .5rem;border:none;background:#fff;text-align:start;cursor:pointer;font-size:.76rem;display:flex;align-items:center;gap:.3rem;border-bottom:1px solid #f3f4f6}.dropdown-option.svelte-5qc09x:hover{background:#f0f9ff}.dropdown-option.svelte-5qc09x:last-child{border-bottom:none}.emp-name.svelte-5qc09x{flex:1}.emp-id.svelte-5qc09x{color:#6b7280;font-size:.66rem;font-family:monospace}.no-results.svelte-5qc09x{padding:.5rem;text-align:center;color:#9ca3af;font-size:.76rem}.attachment-grid.svelte-5qc09x{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.35rem}.attachment-item.svelte-5qc09x{position:relative;background:#f3f4f6;border-radius:5px;overflow:hidden;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.attachment-item.svelte-5qc09x img:where(.svelte-5qc09x){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-icon.svelte-5qc09x{font-size:1.2rem}.file-name.svelte-5qc09x{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.625rem;padding:.25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-attachment.svelte-5qc09x{position:absolute;top:.15rem;right:.15rem;width:1rem;height:1rem;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.attachment-buttons.svelte-5qc09x{display:flex;gap:.4rem;flex-wrap:wrap}.camera-btn.svelte-5qc09x{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:5px;color:#fff;font-weight:600;font-size:.74rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #dc26264d}.camera-btn.svelte-5qc09x:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.camera-btn.svelte-5qc09x:active{transform:translateY(0)}.upload-btn.svelte-5qc09x{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:#f0f9ff;border:1px dashed #3b82f6;border-radius:5px;color:#3b82f6;font-weight:500;font-size:.74rem;cursor:pointer;transition:all .2s}.upload-btn.svelte-5qc09x:hover{background:#dbeafe}.submit-section.svelte-5qc09x{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.submit-btn.svelte-5qc09x{width:100%;padding:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;min-height:36px;transition:transform .2s,box-shadow .2s}.submit-btn.svelte-5qc09x:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.submit-btn.svelte-5qc09x:disabled{opacity:.7;cursor:not-allowed}.btn-spinner.svelte-5qc09x{width:1rem;height:1rem;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:svelte-5qc09x-spin .8s linear infinite}.modal-overlay.svelte-5qc09x{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content.svelte-5qc09x{background:#fff;border-radius:8px;padding:1rem;max-width:280px;width:100%;text-align:center}.modal-icon.svelte-5qc09x{font-size:2rem;margin-bottom:.4rem}.modal-content.svelte-5qc09x h3:where(.svelte-5qc09x){font-size:.88rem;font-weight:700;color:#1e293b;margin:0 0 .3rem}.modal-content.svelte-5qc09x p:where(.svelte-5qc09x){color:#64748b;margin:0 0 .75rem;font-size:.78rem}.modal-btn.svelte-5qc09x{width:100%;padding:.4rem;border:none;border-radius:5px;font-size:.82rem;font-weight:600;cursor:pointer;background:#e5e7eb;color:#374151}.modal-btn.success.svelte-5qc09x{background:#22c55e;color:#fff}.popup-overlay.svelte-5qc09x{position:fixed;top:0;left:0;right:0;bottom:calc(3.6rem + env(safe-area-inset-bottom));background:#00000080;z-index:999;display:flex;align-items:flex-end;justify-content:center}.popup-panel.svelte-5qc09x{background:#fff;width:100%;max-height:70vh;border-radius:12px 12px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:svelte-5qc09x-slideUp .2s ease-out}@keyframes svelte-5qc09x-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.popup-header.svelte-5qc09x{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.popup-header.svelte-5qc09x h3:where(.svelte-5qc09x){margin:0;font-size:.88rem;font-weight:700;color:#1e293b}.popup-close.svelte-5qc09x{background:#f1f5f9;border:none;border-radius:50%;width:24px;height:24px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.popup-search.svelte-5qc09x{padding:.4rem .6rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.popup-search.svelte-5qc09x input:where(.svelte-5qc09x){width:100%;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:5px;font-size:.78rem;outline:none;box-sizing:border-box}.popup-search.svelte-5qc09x input:where(.svelte-5qc09x):focus{border-color:#3b82f6}.popup-list.svelte-5qc09x{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.popup-option.svelte-5qc09x{width:100%;padding:.5rem .8rem;border:none;border-bottom:1px solid #f3f4f6;background:#fff;text-align:start;cursor:pointer;font-size:.78rem;display:flex;align-items:center;gap:.4rem;color:#1f2937}.popup-option.svelte-5qc09x:active{background:#f0f9ff}.popup-option.selected.svelte-5qc09x{background:#eff6ff;color:#2563eb;font-weight:600}.check-mark.svelte-5qc09x{margin-inline-start:auto;color:#2563eb;font-weight:700;font-size:.82rem}.popup-no-results.svelte-5qc09x{padding:1rem;text-align:center;color:#9ca3af;font-size:.76rem}[dir=rtl] .dropdown-trigger.svelte-5qc09x,[dir=rtl] .dropdown-option.svelte-5qc09x{text-align:right}[dir=rtl] .remove-attachment.svelte-5qc09x{right:auto;left:.25rem}.employee-details-card.svelte-5qc09x{margin-top:.3rem}.employee-details-card.svelte-5qc09x .card-label:where(.svelte-5qc09x){display:block;font-size:.66rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.employee-details-card.svelte-5qc09x .details-row:where(.svelte-5qc09x){background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px;padding:.4rem .5rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.employee-details-card.svelte-5qc09x .emp-code:where(.svelte-5qc09x){font-size:.68rem;font-weight:700;color:#16a34a}.employee-details-card.svelte-5qc09x .divider:where(.svelte-5qc09x){color:#d1d5db}.employee-details-card.svelte-5qc09x .emp-name-display:where(.svelte-5qc09x){font-size:.76rem;font-weight:500;color:#1e293b}.employee-details-card.svelte-5qc09x .id-number:where(.svelte-5qc09x){font-size:.76rem;font-weight:700;color:#15803d}