body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body{margin:0}*{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.App{min-height:100vh;-ms-flex-direction:column;flex-direction:column}.App,.app-header{display:-ms-flexbox;display:flex}.app-header{background:-o-linear-gradient(315deg,#667eea 0,#764ba2 100%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.app-header h1{font-size:2rem;font-weight:600;margin:0}.header-actions{display:-ms-flexbox;display:flex;grid-gap:1rem;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;grid-gap:.5rem;gap:.5rem}.btn-primary{background:-o-linear-gradient(315deg,#4caf50 0,#45a049 100%);background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-primary:hover{background:-o-linear-gradient(315deg,#45a049 0,#3d8b40 100%);background:linear-gradient(135deg,#45a049,#3d8b40);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(76,175,80,.3);box-shadow:0 4px 12px rgba(76,175,80,.3)}.btn-secondary{background:-o-linear-gradient(315deg,#6c757d 0,#5a6268 100%);background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-secondary:hover{background:-o-linear-gradient(315deg,#5a6268 0,#495057 100%);background:linear-gradient(135deg,#5a6268,#495057);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(108,117,125,.3);box-shadow:0 4px 12px rgba(108,117,125,.3)}.btn-edit{background:-o-linear-gradient(315deg,#17a2b8 0,#138496 100%);background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:.5rem 1rem;font-size:.8rem}.btn-edit:hover{background:-o-linear-gradient(315deg,#138496 0,#0f6674 100%);background:linear-gradient(135deg,#138496,#0f6674);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(23,162,184,.3);box-shadow:0 2px 8px rgba(23,162,184,.3)}.btn-delete{background:-o-linear-gradient(315deg,#dc3545 0,#c82333 100%);background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:.5rem 1rem;font-size:.8rem}.btn-delete:hover{background:-o-linear-gradient(315deg,#c82333 0,#a71e2a 100%);background:linear-gradient(135deg,#c82333,#a71e2a);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(220,53,69,.3);box-shadow:0 2px 8px rgba(220,53,69,.3)}.main-content{-ms-flex:1 1;flex:1 1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.filter-panel{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);grid-gap:2rem;gap:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:end;align-items:flex-end}.filter-group,.filter-panel{display:-ms-flexbox;display:flex}.filter-group{-ms-flex-direction:column;flex-direction:column;grid-gap:.5rem;gap:.5rem;min-width:200px}.filter-group label{font-weight:600;color:#555;font-size:.9rem}.filter-select,.search-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;-webkit-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease}.filter-select:focus,.search-input:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-container{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.form-container h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.employee-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:.5rem;gap:.5rem}.form-group label{font-weight:600;color:#555;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;-webkit-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.1);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input.error,.form-group select.error{border-color:#dc3545;-webkit-box-shadow:0 0 0 3px rgba(220,53,69,.1);box-shadow:0 0 0 3px rgba(220,53,69,.1)}.error-message{color:#dc3545;font-size:.8rem;margin-top:.25rem}.form-actions{grid-column:1/-1;display:-ms-flexbox;display:flex;grid-gap:1rem;gap:1rem;-ms-flex-pack:end;justify-content:flex-end;margin-top:1rem}.employee-table-container{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.table-header{background:-o-linear-gradient(315deg,#f8f9fa 0,#e9ecef 100%);background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-bottom:1px solid #dee2e6}.table-header h2{margin:0;color:#333;font-size:1.3rem}.table-wrapper{overflow-x:auto}.employee-table{width:100%;border-collapse:collapse}.employee-table td,.employee-table th{padding:1rem;text-align:left;border-bottom:1px solid #e9ecef}.employee-table th{background:-o-linear-gradient(315deg,#6c757d 0,#5a6268 100%);background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.employee-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.employee-table th.sortable:hover{background:-o-linear-gradient(315deg,#5a6268 0,#495057 100%);background:linear-gradient(135deg,#5a6268,#495057)}.sort-indicator{margin-left:.5rem;font-size:.8rem}.employee-table tr:nth-child(2n){background-color:#f8f9fa}.employee-table tr:hover{background-color:#e7f3ff}.employee-table td{font-size:.9rem}.no-results{text-align:center;padding:3rem;color:#6c757d;font-style:italic}.action-buttons{grid-gap:.5rem;gap:.5rem;-ms-flex-pack:start;justify-content:flex-start}.action-buttons,.notification{display:-ms-flexbox;display:flex}.notification{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;border-radius:6px;color:#fff;font-weight:500;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;-ms-flex-align:center;align-items:center;grid-gap:1rem;gap:1rem;-webkit-animation:slideInRight .3s ease;animation:slideInRight .3s ease}.notification.success{background:-o-linear-gradient(315deg,#4caf50 0,#45a049 100%);background:linear-gradient(135deg,#4caf50,#45a049)}.notification.error{background:-o-linear-gradient(315deg,#dc3545 0,#c82333 100%);background:linear-gradient(135deg,#dc3545,#c82333)}.notification.info{background:-o-linear-gradient(315deg,#17a2b8 0,#138496 100%);background:linear-gradient(135deg,#17a2b8,#138496)}.notification button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.notification button:hover{background-color:hsla(0,0%,100%,.2)}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.app-footer{background:#343a40;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}.app-footer p{margin:0;font-size:.9rem}@media (max-width:768px){.app-header{-ms-flex-direction:column;flex-direction:column;text-align:center}.main-content{padding:1rem}.filter-panel{-ms-flex-direction:column;flex-direction:column;grid-gap:1rem;gap:1rem}.filter-group{min-width:auto}.employee-form{grid-template-columns:1fr}.action-buttons,.form-actions{-ms-flex-direction:column;flex-direction:column}.notification{left:1rem;right:1rem;top:1rem}}@media (max-width:480px){.app-header h1{font-size:1.5rem}.header-actions{width:100%;-ms-flex-pack:center;justify-content:center}.employee-table{font-size:.8rem}.employee-table td,.employee-table th{padding:.5rem}}
/*# sourceMappingURL=main.87bdc02f.chunk.css.map */