body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}.employee-detail-modal{max-height:85vh;max-width:90vw;width:800px}.employee-detail-modal .modal-body{max-height:70vh;overflow-y:auto;padding:0}.loading-detail{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.loading-detail .spinner{animation:spin 1s linear infinite;border:4px solid #e3f2fd;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.loading-detail p{color:#666;font-size:16px;margin:0}.employee-detail-content{padding:20px}.detail-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:30px;padding:20px}.detail-section h4{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 15px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#2c3e50;display:flex;font-size:14px;font-weight:500;min-height:20px;padding:8px 12px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.employment{background:#3498db1a;color:#3498db}.status-badge.working{background:#2ecc711a;color:#27ae60}.status-badge.quit{background:#e74c3c1a;color:#e74c3c}.no-detail-data{align-items:center;color:#95a5a6;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.no-detail-data .no-data-icon{font-size:48px}.no-detail-data p{font-size:16px;margin:0;text-align:center}@media (max-width:768px){.employee-detail-modal{max-height:90vh;width:95vw}.employee-detail-modal .modal-body{max-height:75vh}.employee-detail-content{padding:15px}.detail-section{margin-bottom:20px;padding:15px}.detail-grid{gap:12px;grid-template-columns:1fr}.detail-item label{font-size:11px}.detail-item span{font-size:13px;padding:6px 10px}.status-badge{font-size:11px;padding:4px 8px}}
/*# sourceMappingURL=main.12dcbb47.css.map*/