*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{text-decoration:none;color:#000000c7}.app-layout{display:flex;height:100vh}.main-wrapper{flex:1;display:flex;flex-direction:column}.topbar{height:64px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb}.page-content{flex:1;overflow-y:auto;padding:10px}.sidebar{width:260px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:16px}.sidebar-header{margin-bottom:16px}.sidebar-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin-top:10px;margin-bottom:15px}.sidebar-header hr{border:none;border-top:1px solid #e5e7eb}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{text-decoration:none}.xodimlarni-boshqarish{display:flex;align-items:center;gap:5px;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:500;color:#111827;transition:background .2s ease;cursor:pointer}.sidebar-link:hover .xodimlarni-boshqarish{background:#f3f4f6}.sidebar-link.active .xodimlarni-boshqarish{background:#e5e7eb}.xodimlarni-boshqarish:hover{color:#423ffd}.xodimlarni-boshqarish:active{color:#000}.page-title{font-size:18px;font-weight:600;color:#111827}.toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px}.search-input-wrapper{display:flex;align-items:center;gap:10px;width:320px;padding:10px 14px;background-color:#f7f7f8;border-radius:10px}.search-input-icon{font-size:16px;color:#8c8c8c}.search-input-field{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#1f1f1f}.search-input-field::placeholder{color:#8c8c8c}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:200px;padding:10px 14px;background:#000;color:#fff;border-radius:12px;cursor:pointer}.add-btn:hover{background-color:#fff;color:#000}.filter{display:flex;align-items:center;gap:14px;margin:5px;padding:15px;border:.1px solid rgb(192,192,192);border-radius:15px}.filter-title{font-size:14px;font-weight:500;color:#444}.filter-group{display:flex;gap:10px}.filter-select{padding:8px 30px 8px 12px;background-color:#f7f7f8;border:none;border-radius:10px;font-size:13px;color:#333;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:focus{outline:none}.table-wrapper{margin-top:5px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000d;overflow-x:auto}.employees-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.employees-table th,.employees-table td{padding:14px;font-size:14px;text-align:left;border-bottom:1px solid #e5e7eb}.employees-table th{background:#f7f7f8;font-weight:600;color:#6b7280}.employees-table tbody tr:hover{background:#f9fafb}.avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#374151}.name{font-weight:600}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status.active{background:#111827;color:#fff}.status.in_active{background:#e5e7eb;color:#374151}.pagination{margin-top:20px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.pagination-info{font-size:14px;font-weight:500;color:#111827}.pagination-buttons{display:flex;align-items:center;gap:6px}.pagination-buttons button{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-buttons button:hover:not(:disabled),.pagination-buttons button.active{background:#111827;color:#fff;border-color:#111827}.pagination-buttons button:disabled{background:#f9fafb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.pagination-dots{padding:0 6px;font-size:16px;color:#6b7280;-webkit-user-select:none;user-select:none}.chekkaga{display:none}.mobile-list{font-size:18px;cursor:pointer;margin-right:20px}@media(max-width:768px){.app-layout{flex-direction:column}.chekkaga{display:flex;align-items:center;padding:0;margin:0}.sidebar{position:fixed;top:0;left:-260px;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.main-wrapper{margin-left:0}.page-title{font-size:16px;font-weight:600;margin:0}.toolbar{flex-direction:column;gap:10px;align-items:stretch}.add-btn{width:100%}.filter{flex-direction:column;align-items:center;gap:10px}.filter-group{flex-direction:column;width:100%;align-items:center}.filter-select{width:90%;max-width:320px}.avatar,.hide-mobile{display:none}.employees-table th,.employees-table td{padding:8px;font-size:12px}.pagination{flex-direction:column;gap:10px}.pagination-buttons button:not(:first-child):not(:last-child),.pagination-dots{display:none}.pagination-buttons button{min-width:40px;height:40px}}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-card{background:#fff;width:420px;max-width:92%;border-radius:16px;padding:20px;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{margin-bottom:16px;font-size:18px;font-weight:600}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form input,.modal-form select{padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:#111827}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions button{flex:1;padding:10px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.modal-actions button:first-child{background:#111827;color:#fff}.modal-actions .cancel{background:#f3f4f6;color:#111827}@media(max-width:768px){.modal-card{width:100%;height:auto;border-radius:16px 16px 0 0;position:absolute;bottom:0;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.employee-detail-page{padding:24px}.employee-detail-header{display:flex;justify-content:space-between;margin-bottom:2px}.back-btn{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer}.edit-btn{background:#111827;color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.employee-detail-avatar{width:64px;height:64px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.badges{display:flex;gap:10px;margin-top:8px}.employee-detail-page{padding:5px}.employee-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.back-btn{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px}.edit-btn{background:#111827;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.employee-detail-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;display:flex;gap:20px;align-items:center}.employee-detail-avatar{width:64px;height:64px;min-width:64px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.employee-detail-info h2{margin:0;font-size:22px}.employee-detail-info .position{color:#374151;margin-top:4px}.employee-detail-info .department{color:#6b7280;margin-bottom:8px}.badges{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.id-badge{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-size:12px}@media(max-width:768px){.employee-detail-card{padding:20px;gap:16px}.employee-detail-info h2{font-size:20px}.employee-detail-avatar{width:56px;height:56px;min-width:56px;font-size:18px}}@media(max-width:480px){.employee-detail-header{flex-direction:column;align-items:stretch}.back-btn,.edit-btn{width:100%;justify-content:center}.employee-detail-card{flex-direction:column;align-items:center;text-align:center}.employee-detail-avatar{width:72px;height:72px;min-width:72px;font-size:22px}.employee-detail-info h2{font-size:20px}.badges{justify-content:center}}.employee-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.employee-modal{background:#fff;padding:20px;width:420px;border-radius:12px;display:flex;flex-direction:column;gap:12px}.employee-modal h3{margin:0 0 8px}.employee-modal input,.employee-modal select{padding:10px;border-radius:8px;border:1px solid #e5e7eb}.employee-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.cancel-btn{background:#f3f4f6;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}.save-btn{background:#111827;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer}@media(max-width:480px){.employee-modal{width:90%;padding:16px}.employee-modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.reports-page{padding:20px}.report-title{text-align:center;font-size:18px;font-weight:600;margin-bottom:16px}.chart-wrapper{background:#fff;border-radius:16px;padding:16px}@media(max-width:768px){.report-title{font-size:16px}.chart-wrapper{padding:10px}}.employee-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.detail-box{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.detail-box-title{font-size:15px;font-weight:600;margin-bottom:16px}.detail-box-subtitle{font-size:14px;font-weight:500;margin:16px 0 12px}.detail-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.detail-item span{color:#6b7280}.detail-item strong{font-weight:500;color:#111827}.salary{color:#1ea14e;font-weight:600}.skills{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:15px}.skill{background:#f1f5f9;padding:4px 10px;border-radius:999px;font-size:12px;color:#0f172a}@media(max-width:768px){.employee-detail-grid{grid-template-columns:1fr}}.detail-item span{display:flex;align-items:center;gap:8px}.detail-box-subtitle svg,.detail-item svg{color:#64748b}.education-section{margin-top:24px;background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.education-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:16px}.education-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;background:#f1f5f9;margin-bottom:12px}.education-degree{font-weight:500;font-size:14px;color:#111827}.education-university{font-size:13px;color:#6b7280}.education-year{font-size:12px;padding:4px 10px;border-radius:999px;background:#e5e7eb;color:#111827}.education-empty{font-size:14px;color:#6b7280}@media(max-width:768px){.education-card{flex-direction:column;align-items:flex-start;gap:8px}.education-year{align-self:flex-end}}.status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status{display:inline-block;padding:5px 10px;border-radius:12px;font-size:12px;font-weight:500;background-color:#000;color:#fff}.detail-item{display:flex;flex-direction:column;gap:4px}.contacts-wrapper{margin-top:12px;padding:10px;background-color:#f1f5f9;border-radius:15px}.contacts-title{font-size:13px;font-weight:600;margin-bottom:8px;color:#000}.contact-row{display:flex;align-items:center;gap:10px;padding:6px 0}.contact-icon{width:25px;height:25px;border-radius:50%;color:#000;display:flex;align-items:center;justify-content:center;font-size:14px}.contact-value{color:#000;font-size:14px}.tg-icon{font-size:11px;font-weight:700}.edit-input{width:100%;padding:3px 10px;font-size:18px;border:1px solid #000;background:#fff;color:#000;border-radius:6px}.edit-select{width:100%;margin-top:6px;padding:3px 10px;font-size:14px;border:1px solid #000;background:#fff;color:#000;border-radius:6px}.status-select{margin-top:10px}.edit-btn.save-mode{background:#000;color:#fff;border-radius:6px}.employees-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin-top:10px;margin-bottom:10px;padding-right:30px;padding-left:30px}.filter-open-btn{padding:10px 18px;border-radius:12px;border:1px solid #dcdcdc;background:#fff;cursor:pointer;transition:.2s ease}.filter-open-btn:hover{background:#ececec}.import-btn{padding:10px 18px;border-radius:12px;border:1px solid #e2e2e2;background:#fff;font-weight:500;cursor:pointer;transition:.2s ease}.import-btn:hover{background:#f5f5f5}.filter-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.filter-modal{width:350px;background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 60px #00000040;animation:modalFade .2s ease}@keyframes modalFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.filter-modal-header h2{margin:0;font-size:15px;font-weight:400}.filter-modal-header button{background:none;border:none;font-size:20px;cursor:pointer}.filter-modal label{display:block;font-weight:400;margin-bottom:6px;margin-top:14px}.filter-modal select{width:300px;padding:8px;border-radius:10px;border:2px solid #e5e5e5;background:#f8f8f8;outline:none;transition:.2s}.filter-modal select:focus{border-color:#000;background:#fff}.filter-modal-actions{display:flex;gap:12px;margin-top:26px}.filter-apply-btn{display:block;padding:8px 80px;border-radius:14px;background:#000;color:#fff;font-weight:400;border:none;cursor:pointer;transition:.2s}.filter-apply-btn:hover{opacity:.85}.filter-clear-btn{padding:8px 15px;border-radius:14px;background:#f2f2f2;border:1px solid #ddd;font-weight:500;cursor:pointer;transition:.2s}.filter-clear-btn:hover{background:#e9e9e9}@media(max-width:768px){.employees-topbar{flex-wrap:wrap}}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:14px;flex:1}.toolbar-right{display:flex;align-items:center;gap:14px}.import-flex{display:flex;gap:10px}.search_flex{display:flex;flex-wrap:wrap;gap:10px}.search_flex{display:flex;align-items:center;gap:12px}.filter-reset-btn{padding:5px 10px;border-radius:10px;border:1px solid #ddd;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;font-size:20px}.filter-reset-btn:hover{background-color:#fff}.map_div{padding:20px}.clear_filter_button{padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease;font-size:12px}.clear_filter_button:hover{background-color:#fff}.import-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.import-modal{background:#fff;border-radius:12px;width:500px;max-width:90%;box-shadow:0 4px 20px #00000026}.import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.import-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.import-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px;line-height:1}.import-modal-close:hover{color:#111827}.import-modal-content{padding:24px}.import-file-area{margin-bottom:24px}.import-file-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.import-file-input-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px}.import-file-input-wrapper input[type=file]{display:none}.import-file-button{display:block;width:100%;text-align:center;background-color:#fff;border:2px dashed #d1d5db;border-radius:6px;padding:10px 18px;font-size:20px;color:#000;cursor:pointer;transition:all .2s}.import-file-button:hover{background-color:#f7f8f9}.import-file-name{font-size:10px;color:#6b7280;align-items:center;text-align:center;border:1px solid rgba(198,195,195,.833);border-radius:6px;padding:10px 18px}.import-file-hint{font-size:12px;color:#9ca3af}.import-template-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid #d1d5db;border-radius:6px;padding:6px 16px;width:100%;justify-content:center;margin-bottom:24px;font-size:12px;color:#000;cursor:pointer;transition:all .2s}.import-template-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.import-template-icon{font-size:18px}.import-modal-actions{display:flex;gap:12px;justify-content:flex-end}.import-submit-btn{background-color:#000;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.import-submit-btn:hover{background-color:#000}.import-cancel-btn{background-color:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.import-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.file-meta,.file-actions{display:flex;justify-content:space-between;align-items:center}.file-meta{margin-bottom:6px}.file-actions{gap:10px}.file-download-btn{background:none;border:none;padding:0;cursor:pointer;color:#1677ff;margin-left:-12px}.file-download-btn:hover{text-decoration:underline}.file-download-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.file-wrapper{display:flex;justify-content:space-between;gap:40px}.file-column{display:flex;flex-direction:column;gap:6px;align-items:start;text-align:left;margin-top:15px}.file-download-btn{background:none;border:none;padding:0;cursor:pointer;color:#1677ff;text-align:left}.file-download-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.search_flex{justify-content:center}.import-btn{padding:5px 10px;white-space:nowrap}.add-btn{padding:2px}.import-flex{justify-content:center}}.attendance-page{padding:25px;background:#f5f7fb;min-height:100vh}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.attendance-header h2{font-size:24px;font-weight:600;color:#1f2937}.attendance-header input{padding:8px 12px;border-radius:8px;border:1px solid #ddd}.attendance-table-wrapper{background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 20px #0000000d;overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th{text-align:left;padding:14px;background:#f3f4f6;font-size:14px;color:#374151}.attendance-table td{padding:16px 14px;border-bottom:1px solid #eee}.attendance-table tr:hover{background:#f9fafb}.employee-info{display:flex;align-items:center;gap:12px}.name{font-weight:500}.phone{font-size:12px;color:#6b7280}.status{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.kelgan{background:#000;color:#fff}.loading{text-align:center;padding:20px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{color:#111827;background-color:#f3f4f6}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-cancel{background:#111827;color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.modal-cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.modal-save{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-save:hover{background:#40a9ff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-btn{background:#000;color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer;border:1px solid grey}.add-btn .anticon{font-size:14px}.education-gpa{font-size:13px;color:#6b7280;margin-top:4px;font-weight:500}.experience-description{font-size:13px;color:#6b7280;margin-top:6px;line-height:1.5}.modal-body input::placeholder,.modal-body textarea::placeholder{color:#9ca3af;font-size:13px}.modal-body input[type=date]{color:#374151}@media(max-width:640px){.modal-content{width:95%;margin:10px}.form-row{grid-template-columns:1fr;gap:0}.modal-header{padding:12px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.add-btn{align-self:flex-start}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:modalFadeIn .3s ease}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-save:disabled,.add-btn:disabled{opacity:.5;cursor:not-allowed}.modal-cancel:focus,.modal-save:focus,.add-btn:focus{outline:none;box-shadow:0 0 0 3px #1890ff4d}.modal-cancel:focus-visible,.modal-save:focus-visible,.add-btn:focus-visible{outline:2px solid #1890ff;outline-offset:2px}.education-edit-mode,.experience-edit-mode{background-color:#f9fafb;border:2px solid #1890ff}.education-edit-form{display:flex;flex-direction:column;gap:10px;width:100%}.edit-input-small{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.edit-input-small:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.edit-date-row{display:flex;gap:10px}.edit-date-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.edit-date-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.edit-textarea-small{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit}.edit-textarea-small:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.edit-actions{display:flex;gap:10px;margin-top:5px}.edit-save-btn{padding:6px 16px;background-color:#000;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.edit-save-btn:hover{background-color:#40a9ff}.edit-cancel-btn{padding:6px 16px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.edit-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.edit-icon-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px 8px;margin-left:8px;border-radius:4px;font-size:14px}.edit-icon-btn:hover{color:#1890ff;background-color:#f0f7ff}@media(max-width:640px){.edit-date-row{flex-direction:column}.education-year{min-width:auto}.edit-actions{flex-direction:column}.edit-save-btn,.edit-cancel-btn{width:100%}}.skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skills-add-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.skills-add-btn:hover{background:#818181}.skills-add-form{display:flex;gap:8px;margin-bottom:12px;align-items:center}.skills-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.skills-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.skills-save-btn{padding:6px 12px;background:#000;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.skills-save-btn:hover{background:#818181}.skills-cancel-btn{padding:6px 12px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:4px;font-size:12px;cursor:pointer}.skills-cancel-btn:hover{background:#f3f4f6}.skill-wrapper{display:inline-flex;align-items:center;margin:4px;position:relative}.skill-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:10px;cursor:pointer;padding:0}.skill-delete-btn:hover{background:#dc2626}.skills{display:flex;flex-wrap:wrap;gap:4px}.delete-modal{max-width:400px}.delete-confirmation-text{text-align:center;font-size:16px;color:#374151;margin:20px 0}.modal-delete-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-delete-btn:hover{background:#dc2626}.education-actions{display:flex;gap:8px;margin-left:8px}.delete-icon-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px}.delete-icon-btn:hover{color:#dc2626;background-color:#fee2e2}.education-year{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:flex-end}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto;margin-right:10px}.history-btn{width:42px;height:42px;border:0px;background-color:#fff;font-size:18px;cursor:pointer;transition:.2s}.history-btn:hover{background:#f3f4f6}.admin-avatar{width:35px;height:35px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center}.history-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:9999}.history-modal{width:480px;max-height:80vh;background:#fff;border-radius:16px;padding:25px;overflow-y:auto}.history-header{display:flex;justify-content:space-between;align-items:start}.history-header h2{margin:0}.history-header p{color:#6b7280;margin-top:5px}.close-icon{font-size:18px;cursor:pointer}.history-tabs{display:flex;margin-top:20px;background:#ececf0;border-radius:15px;padding:5px}.history-tabs button{flex:1;border:none;background:transparent;padding:10px;border-radius:15px;cursor:pointer;font-weight:500}.history-tabs button.active{background:#fff;box-shadow:0 2px 5px #0000000d}.history-list{margin-top:20px;display:flex;flex-direction:column;gap:15px}.history-card{display:flex;gap:15px;padding:15px;border:1px solid #e5e7eb;border-radius:12px;text-align:left;justify-content:start}.file-icon{width:45px;height:45px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center}.file-name{font-weight:600}.file-top{display:flex;justify-content:space-between}.file-meta{margin-top:6px;font-size:13px;color:#6b7280;display:flex;gap:20px}.status{padding:4px 10px;border-radius:20px;font-size:12px;background:#e5e7eb}.status.completed{background:#111827;color:#fff}.status.created{background:#e5e7eb}.status.processing{background:#fbbf24;color:#fff}.empty-history{text-align:center;padding:30px;color:#9ca3af}.file-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;text-align-last:left;justify-content:start;margin-left:-15px}.file-download-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#fff;border:0px solid #e5e7eb;border-radius:6px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s}.file-download-btn:hover{background-color:#fff;border-color:#d1d5db;color:#111827;text-decoration:underline}.status-created{background-color:#e5e7eb;color:#4b5563}.status-processing{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#d1fae5;color:#065f46}.status-failed{background-color:#fee2e2;color:#991b1b}.file-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px}.file-icon-created{background-color:#fff;border:1px solid #e5e7eb}.file-icon-completed{background-color:#e6f7ff;border:1px solid #91d5ff}.file-icon-failed{background-color:#fff2f0;border:1px solid #ffccc7}.file-download-btn.disabled,.file-download-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.file-download-btn.disabled:hover,.file-download-btn:disabled:hover{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.emergency-section{padding:20px;background:#fff;border-radius:12px}.emergency-title{font-size:14px;color:#111827;margin:0;display:flex;align-items:center;gap:8px}.emergency-title .anticon{color:#ff4d4f}.emergency-add-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background-color:#000;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#fff;cursor:pointer;transition:all .2s}.emergency-add-btn:hover{background-color:#e5e7eb;border-color:#d1d5db;color:#111827}.emergency-empty{padding:32px;text-align:center;color:#9ca3af;font-size:14px;background:#f9fafb;border-radius:8px;margin-top:16px}.emergency-card{display:flex;justify-content:space-between;align-items:flex-start;padding:10px;border:0px solid #e5e7eb;border-radius:10px;margin-top:12px;background:#fff;transition:all .2s}.emergency-card:hover{border-color:#d1d5db}.emergency-info{flex:1}.emergency-name{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.emergency-phone{display:flex;align-items:center;gap:6px;font-size:15px;color:#4b5563;margin-bottom:4px}.emergency-phone .anticon{color:#6b7280;font-size:14px}.emergency-relationship{display:inline-block;border-radius:16px;font-size:14px;color:#4b5563;margin-top:6px;margin-bottom:6px}.emergency-actions{display:flex;gap:8px;align-items:center}.emergency-edit-btn,.emergency-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff}.emergency-edit-btn{color:#2563eb;border:1px solid #e5e7eb}.emergency-edit-btn:hover{background-color:#2563eb;color:#fff;border-color:#2563eb}.emergency-delete-btn{color:#dc2626;border:1px solid #e5e7eb}.emergency-delete-btn:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.emergency-modal{max-width:500px}.form-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;transition:all .2s}.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed}.employee-detail-avatar{position:relative}.avatar-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;color:#fff;font-size:24px}.employee-detail-avatar:hover .avatar-upload-overlay{opacity:1}.ava_photo{width:60px;height:60px;border-radius:50%}.attendance-page{padding:24px;background:#f8fafc;min-height:100vh}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.attendance-header-left{display:flex;gap:12px;align-items:center}.attendance-search{width:320px;height:40px;padding:0 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.attendance-search:focus{outline:none;border-color:#cfcfcf;box-shadow:0 0 0 3px #3b82f61a}.attendance-filter-btn{height:40px;padding:0 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.attendance-filter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.attendance-header-right{display:flex;gap:12px;align-items:center}.attendance-date-picker{height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.attendance-import-btn{height:40px;padding:0 20px;background:#000;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.attendance-import-btn:hover{background:#4b4b4b}.attendance-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:auto;margin-bottom:24px}.attendance-table{width:100%;border-collapse:collapse;min-width:800px}.attendance-table th{text-align:left;padding:16px 20px;background:#f8fafc;font-weight:600;font-size:14px;color:#64748b;border-bottom:1px solid #e2e8f0}.attendance-table td{padding:16px 20px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#1e293b}.attendance-table tbody tr:hover{background:#f8fafc}.attendance-employee-cell{min-width:200px}.attendance-employee-info{display:flex;align-items:center;gap:12px}.attendance-employee-name{font-weight:500;color:#1e293b}.attendance-employee-sub{font-size:12px;color:#94a3b8}.attendance-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-vaqtida{background:#dcfce7;color:#166534}.status-kech{background:#fed7aa;color:#9a3412}.status-erta{background:#fee2e2;color:#991b1b}.status-kelmagan{background:#f1f5f9;color:#475569}.attendance-loading,.attendance-empty{text-align:center;padding:48px!important;color:#94a3b8;font-size:14px}.attendance-pagination{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.attendance-pagination-info{font-size:14px;color:#64748b}.attendance-pagination-buttons{display:flex;gap:8px;align-items:center}.attendance-pagination-prev,.attendance-pagination-next,.attendance-pagination-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.attendance-pagination-number.active{background:#000;border-color:#000;color:#fff}.attendance-pagination-prev:hover:not(:disabled),.attendance-pagination-next:hover:not(:disabled),.attendance-pagination-number:hover:not(.active){background:#f1f5f9;border-color:#94a3b8}.attendance-pagination-prev:disabled,.attendance-pagination-next:disabled{opacity:.5;cursor:not-allowed}