@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;border:0;font-family:Inter,system-ui,sans-serif}html{scroll-behavior:smooth}body{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);color:#1e3a8a;padding:1rem}.btn-primary,.btn-secondary,.btn-danger{font-weight:500;padding:.625rem 1rem;border-radius:.5rem;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.btn-primary{background-color:#2563eb;color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 4px 6px #0000001a}.btn-secondary{background-color:#fff;color:#1e3a8a;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#eff6ff}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-primary.btn-large{padding:1rem 1.5rem;font-size:1.125rem;font-weight:600}.input-field{width:100%;padding:.625rem .75rem;border:1px solid #dbeafe;border-radius:.5rem;background-color:#fff;color:#1e3a8a;font-size:.875rem}.input-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #3b82f6}.input-field.input-large{padding:1rem .875rem;font-size:1rem;border-radius:.75rem}.login-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#dbeafe,#c7d2fe);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-form{width:100%;max-width:32rem;background-color:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;padding:3rem;border:1px solid #dbeafe}.login-logo{margin:0 auto 1.5rem;height:6rem;width:6rem;background-color:#2563eb;border-radius:1rem;display:flex;align-items:center;justify-content:center}.login-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;text-align:center}.login-subtitle{font-size:1rem;color:#6b7280;text-align:center;margin-bottom:2.5rem}.login-form-group{margin-bottom:2rem}.login-label{display:block;font-size:1rem;font-weight:500;color:#374151;margin-bottom:.5rem}.login-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1.25rem;margin-bottom:2rem}.login-error-content{display:flex;align-items:center}.login-error-icon{color:#ef4444;margin-right:.75rem;font-size:1.25rem}.login-error-text{font-size:1rem;color:#dc2626}.login-toggle{margin-top:2rem;text-align:center}.login-toggle-button{color:#2563eb;font-weight:500;font-size:1rem;background:none;border:none;cursor:pointer;transition:color .2s ease-in-out}.login-toggle-button:hover{color:#1d4ed8}.card,.card-header,.metric-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1rem;margin-bottom:1rem}.card-header{background-color:#f0f9ff;border-bottom:1px solid #dbeafe}.metric-card{background:linear-gradient(to bottom right,#dbeafe,#93c5fd);color:#1e3a8a}.status-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:.25rem .625rem;border-radius:9999px;font-weight:500}.status-active{background-color:#dcfce7;color:#166534}.status-resigned{background-color:#fee2e2;color:#991b1b}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:1.5rem;border-radius:.75rem;max-width:90vw;width:100%;max-height:90vh;overflow-y:auto}h1,h2,h3{color:#1e3a8a;font-weight:700}p{color:#374151}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.card,.card-header,.modal-content{padding:1rem}.btn-primary,.btn-secondary,.btn-danger{width:100%}.login-form{padding:2rem;max-width:90vw}.login-title{font-size:2rem}.login-container{padding:1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.loading-spinner{margin-right:.75rem;font-size:1.25rem}