*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background:#f0f4f8;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100vh;overflow-x:hidden}.login-page{background:linear-gradient(135deg,#1565c0 0%,#1e88e5 50%,#42a5f5 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-page__card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 32px #00000026}.login-page__logo-badge{background:#f0f4f8;border-radius:12px;margin-bottom:1rem;padding:.75rem 1.25rem}.login-page__logo{width:120px;height:auto;display:block}.login-page__title{color:#1565c0;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.login-page__subtitle{color:#666;margin:0 0 1.5rem;font-size:.9rem}.login-page__form{width:100%}.login-page__field{margin-bottom:1rem}.login-page__field label{color:#333;margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.login-page__field input{box-sizing:border-box;border:1.5px solid #ddd;border-radius:8px;width:100%;padding:.65rem .75rem;font-size:.95rem;transition:border-color .2s}.login-page__field input:focus{border-color:#1e88e5;outline:none;box-shadow:0 0 0 3px #1e88e51a}.login-page__error{color:#dc2626;text-align:center;margin:0 0 1rem;font-size:.85rem}.login-page__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1565c0,#1e88e5);border:none;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.login-page__submit:hover:not(:disabled){opacity:.9}.login-page__submit:disabled{opacity:.6;cursor:not-allowed}.employee-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;min-width:0;padding:1.4rem;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000d}@media (hover:hover){.employee-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1565c01a,0 2px 8px #0000000f}}.employee-card__header{border-bottom:1px solid #f0f4f8;align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.7rem;display:flex}.employee-card__header>svg{color:#1565c0;flex-shrink:0}.employee-card__name{color:#0d2847;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-size:1.05rem;font-weight:600}.employee-card__actions{flex-shrink:0;gap:.25rem;margin-left:auto;display:flex}.employee-card__action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.employee-card__action-btn--edit{color:#1565c0;background:#f0f7ff}.employee-card__action-btn--edit:hover{background:#dbeafe}.employee-card__action-btn--delete{color:#dc2626;background:#fef2f2}.employee-card__action-btn--delete:hover{background:#fecaca}.employee-card__details{flex-direction:column;gap:.55rem;display:flex}.employee-card__row{color:#475569;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;line-height:1.4;display:flex}.employee-card__row svg{color:#1976d2;flex-shrink:0}.employee-card__row span,.employee-card__link{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.employee-card__link{color:#475569;text-decoration:none;transition:color .2s}.employee-card__link:hover{color:#1565c0;text-decoration:underline}.employee-card__contact-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;transition:background .2s,transform .1s;display:inline-flex}.employee-card__contact-icon:active{transform:scale(.9)}.employee-card__contact-icon--whatsapp{color:#25d366;background:#25d3661a}.employee-card__contact-icon--whatsapp:hover{background:#25d36633}.employee-card__contact-icon--teams{color:#7b5ea7;background:#7b5ea71a}.employee-card__contact-icon--teams:hover{background:#7b5ea733}@media (width<=480px){.employee-card{padding:1.1rem}.employee-card__name{font-size:1rem}.employee-card__row{font-size:.825rem}}.virtualized-grid{flex:1;width:100%;min-height:0;overflow:hidden}.skeleton-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:1.4rem;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000d}.skeleton-card__header{border-bottom:1px solid #f0f4f8;align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.7rem;display:flex}.skeleton-card__details{flex-direction:column;gap:.65rem;display:flex}.skeleton-card__row{align-items:center;gap:.5rem;display:flex}.skeleton-card__circle{background:#e2e8f0;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-card__circle--sm{width:16px;height:16px}.skeleton-card__line{background:#e2e8f0;border-radius:6px;height:12px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-card__line--name{width:60%;height:14px}.skeleton-card__line--short{width:35%}.skeleton-card__line--medium{width:45%}.skeleton-card__line--long{width:70%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;width:100%;padding:.65rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #0000000a}.search-bar:focus-within{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-bar__icon{color:#1976d2;flex-shrink:0}.search-bar__input{background:0 0;border:none;outline:none;width:100%;min-width:0;padding:.3rem .5rem;font-size:.95rem}.search-bar__input::placeholder{color:#94a3b8}.search-bar__clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:color .2s,background .2s;display:flex}.search-bar__clear:hover{color:#475569;background:#f1f5f9}@media (width<=480px){.search-bar{padding:.55rem .75rem}.search-bar__input{font-size:.9rem}}.action-bar{flex-wrap:wrap;gap:.625rem;margin-bottom:1.5rem;display:flex}.action-bar__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,box-shadow .2s,transform .1s;display:inline-flex}.action-bar__btn:active{transform:scale(.97)}.action-bar__btn--primary{color:#fff;background:#1565c0}.action-bar__btn--primary:hover{background:#1255a1}.action-bar__btn--outline{color:#1565c0;background:#fff;border:1px solid #cbd5e1}.action-bar__btn--outline:hover{background:#f0f7ff;border-color:#1976d2}.action-bar__btn--danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.action-bar__btn--danger:hover{background:#fef2f2;border-color:#dc2626}@media (width<=480px){.action-bar{gap:.5rem}.action-bar__btn{padding:.5rem .75rem;font-size:.8rem}}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 60px #00000026}.modal__header{border-bottom:1px solid #f0f4f8;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__header h2{color:#0d2847;margin:0;font-size:1.2rem;font-weight:600}.modal__close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}.modal__close:hover{background:#f1f5f9}.modal__form{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.85rem}.modal__field{flex-direction:column;gap:.3rem;display:flex}.modal__field span{color:#475569;font-size:.85rem;font-weight:500}.modal__field input{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem .75rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.modal__field input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.modal__field input.input--invalid{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.modal__field-error{color:#dc2626;font-size:.8rem}.modal__actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.modal__btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s,opacity .2s}.modal__btn:disabled{opacity:.6;cursor:not-allowed}.modal__btn--cancel{color:#475569;background:#f1f5f9}.modal__btn--cancel:hover{background:#e2e8f0}.modal__btn--save{color:#fff;background:#1565c0}.modal__btn--save:hover:not(:disabled){background:#1255a1}@media (width<=480px){.modal{border-radius:12px;max-width:100%}.modal__form{padding:1.25rem}.modal__actions{flex-direction:column}.modal__btn{text-align:center;width:100%}}.employees-page{background:#f0f4f8;flex-direction:column;height:100vh;display:flex;overflow:hidden}.employees-page__topbar{z-index:2;align-items:center;gap:.75rem;display:flex;position:absolute;top:.75rem;right:1rem}.employees-page__user{color:#ffffffd9;font-size:.8rem;font-weight:500}.employees-page__logout{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:background .2s}.employees-page__logout:hover{background:#ffffff40}.employees-page__header{background:linear-gradient(135deg,#1565c0 0%,#1e88e5 50%,#42a5f5 100%);flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.employees-page__header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff0d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.employees-page__logo-badge{z-index:1;background:#fff;border-radius:16px;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative;box-shadow:0 4px 16px #0000001a}.employees-page__logo{object-fit:contain;width:150px;height:auto;display:block}.employees-page__title{color:#fff;letter-spacing:-.5px;z-index:1;margin:0 0 .25rem;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;position:relative}.employees-page__count{color:#ffffffbf;z-index:1;margin:0 0 1.25rem;font-size:.9rem;font-weight:400;position:relative}.employees-page__search-wrap{z-index:1;width:100%;max-width:520px;position:relative}.employees-page__main{flex-direction:column;flex:1;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:2rem 2rem 0;display:flex;overflow:hidden}.employees-page__error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.employees-page__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.employees-page__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.employees-page__header{padding:2rem 1.5rem}.employees-page__main{padding:1.5rem 1.25rem 2rem}.employees-page__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=480px){.employees-page__header{padding:1.5rem 1rem}.employees-page__logo-badge{border-radius:12px;padding:.5rem 1rem}.employees-page__logo{width:110px}.employees-page__main{padding:1.25rem .75rem 1.5rem}.employees-page__grid{grid-template-columns:1fr;gap:.875rem}}@media (width<=360px){.employees-page__header{padding:1.25rem .75rem}.employees-page__main{padding:1rem .5rem}.employees-page__grid{gap:.75rem}}