*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ant-layout{min-height:100vh;display:flex;flex-direction:column}.ant-layout-content{flex:1;overflow-y:auto;padding-bottom:24px}.ant-layout-footer{flex-shrink:0;position:relative;z-index:10}.ant-layout-header{background:linear-gradient(135deg,#165dff,#3671ff);box-shadow:0 2px 8px #165dff33;padding:0 24px;z-index:10}.header-left,.header-right{display:flex;align-items:center;gap:16px}.ant-layout-sider{background:#fff;box-shadow:2px 0 8px #0000000d;transition:all .3s ease}.ant-layout-sider-trigger{display:none!important}.site-logo-container{height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important}.ant-menu{background:transparent;border-right:none}.ant-menu-item,.ant-menu-submenu-title{border-radius:8px;margin:4px 8px;transition:all .3s ease}.ant-menu-item:hover,.ant-menu-submenu-title:hover,.ant-menu-item-selected{background-color:#e6f7ff!important;color:#165dff!important}.ant-menu-item-selected:after{border-right:none}.ant-layout-content{background-color:#f0f2f5;padding:24px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border-top:4px solid #165dff;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,#165dff1a,#165dff00);border-radius:0 0 0 80px}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #165dff26}.dashboard-card h3{font-size:16px;color:#4b5563;margin-bottom:12px;font-weight:600;position:relative;z-index:1}.card-number{font-size:36px;font-weight:700;color:#165dff;margin-bottom:8px;transition:color .3s ease;position:relative;z-index:1}.dashboard-card:hover .card-number{color:#3671ff}.card-desc{font-size:14px;color:#9ca3af;position:relative;z-index:1}.recent-activities{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.recent-activities h3{font-size:18px;margin-bottom:20px;color:#1f2937;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:8px}.recent-activities h3:before{content:"";display:inline-block;width:4px;height:20px;background:#165dff;border-radius:2px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background-color:#f9fafb;transition:all .3s ease;border-left:3px solid transparent}.activity-item:hover{background-color:#e6f7ff;transform:translate(4px);border-left-color:#165dff}.activity-time{font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap;min-width:70px;background:#ffffffb3;padding:4px 8px;border-radius:12px}.activity-content{font-size:15px;color:#374151;flex:1;margin:0 16px;font-weight:500}.component-container{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 16px #00000014;min-height:calc(100vh - 200px);transition:box-shadow .3s ease}.component-container:hover{box-shadow:0 6px 20px #0000001a}.search-filter-area{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding:20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;align-items:center;box-shadow:0 2px 8px #0000000a}.search-filter-area .ant-input{min-width:240px;border-radius:8px;border:1px solid #d1d5db;transition:all .3s ease}.search-filter-area .ant-input:focus{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a}.search-filter-area .ant-select{min-width:180px}.search-filter-area .ant-select-selector{border-radius:8px!important;border:1px solid #d1d5db!important;transition:all .3s ease}.search-filter-area .ant-select-selector:hover{border-color:#165dff!important}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ant-btn{border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.ant-btn-primary{background:linear-gradient(135deg,#165dff,#3671ff);border:none}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(135deg,#0e4abd,#285dd6)}.ant-table{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.ant-table-wrapper{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb}.ant-table-tbody>tr{transition:all .3s ease}.ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.ant-pagination{margin-top:24px;text-align:right}.ant-pagination-item{border-radius:6px;transition:all .3s ease}.ant-pagination-item-active{background:#165dff;border-color:#165dff}.form-modal .ant-modal{border-radius:16px;overflow:hidden}.form-modal .ant-modal-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;padding:20px 24px}.form-modal .ant-modal-title{color:#1f2937;font-weight:600;font-size:18px}.form-modal .ant-modal-body{padding:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000f;text-align:center;transition:all .3s ease;border:1px solid #e5e7eb}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #165dff1f;border-color:#165dff}.stat-card-title{font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.stat-card-value{font-size:24px;font-weight:700;color:#165dff;transition:color .3s ease}.stat-card:hover .stat-card-value{color:#3671ff}.status-tag{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;transition:all .3s ease}.status-pending{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffe58f}.status-processing{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-completed{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-canceled{background-color:#fff1f0;color:#f5222d;border:1px solid #ffccc7}.ant-dropdown-menu{border-radius:12px;box-shadow:0 6px 20px #00000026;border:1px solid #e5e7eb;overflow:hidden}.ant-dropdown-menu-item{transition:all .3s ease;padding:10px 16px}.ant-dropdown-menu-item:hover{background-color:#e6f7ff;color:#165dff}.ant-avatar{transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.ant-avatar:hover{transform:scale(1.1)}.ant-badge{transition:all .3s ease}.ant-badge-count{border-radius:12px;font-weight:600;padding:0 6px}.anticon{transition:all .3s ease}.ant-spin .ant-spin-dot-item{background-color:#165dff}@media (max-width: 1200px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.search-filter-area{flex-direction:column;align-items:stretch}.search-filter-area .ant-input,.search-filter-area .ant-select{width:100%}}@media (max-width: 768px){.dashboard-cards{grid-template-columns:1fr}.header-left h1{display:none}.component-container{padding:20px}.activity-item{flex-direction:column;align-items:flex-start;gap:8px}.activity-time{min-width:auto}}@media (max-width: 480px){.component-container,.search-filter-area{padding:16px}.ant-btn{padding:4px 12px;font-size:14px}}.ant-tooltip-inner{border-radius:8px;padding:6px 12px;box-shadow:0 4px 12px #00000026}.ant-breadcrumb{margin-bottom:20px;font-size:14px}.ant-breadcrumb a:hover{color:#165dff}.ant-form-item{margin-bottom:20px}.ant-form-item-label>label{font-weight:500;color:#374151}.ant-input,.ant-input-number,.ant-picker{border-radius:8px;border:1px solid #d1d5db;transition:all .3s ease}.ant-input:focus,.ant-input-number:focus,.ant-picker:focus{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a}.ant-select-dropdown{border-radius:12px;box-shadow:0 6px 20px #00000026;border:1px solid #e5e7eb}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;background-color:#f0f2f5;color:#1f2937;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{background-position:0 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .4s ease-in-out}.slide-in-left{animation:slideInLeft .4s ease-out}.slide-in-right{animation:slideInRight .4s ease-out}.slide-in-up{animation:slideInUp .4s ease-out}.bounce-in{animation:bounceIn .5s ease-out}.pulse{animation:pulse 2s infinite}.spin{animation:spin 1s linear infinite}.gradient-primary{background:linear-gradient(135deg,#165dff,#3671ff)}.gradient-secondary{background:linear-gradient(135deg,#6a11cb,#2575fc)}.gradient-success{background:linear-gradient(135deg,#00b09b,#96c93d)}.gradient-warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-info{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.shadow-light{box-shadow:0 2px 8px #0000000d}.shadow-medium{box-shadow:0 4px 16px #00000014}.shadow-heavy{box-shadow:0 8px 24px #0000001f}.shadow-hover:hover{box-shadow:0 8px 24px #165dff26}.transition-all{transition:all .3s ease}.transition-transform{transition:transform .3s ease}.transition-bg{transition:background-color .3s ease}.transition-shadow{transition:box-shadow .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 1200px){.container-wide{max-width:1140px}}@media (max-width: 992px){.container-wide{max-width:960px}}@media (max-width: 768px){.container-wide{max-width:720px}}@media (max-width: 576px){.container-wide{max-width:540px}}.text-primary{color:#165dff}.text-secondary{color:#6b7280}.text-info{color:#1890ff}.text-muted{color:#9ca3af}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2;color:#1f2937}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline{display:inline}.d-none{display:none}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #165dff;border-radius:50%;animation:spin 1s linear infinite}.breadcrumb-icon{margin-right:4px;color:#6b7280}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.active{opacity:1;transform:translateY(0)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.number-scroll{transition:all .8s ease-out}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#e0e0e0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#fff}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#555}::-webkit-scrollbar-thumb:hover{background:#777}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}}:focus-visible{outline:2px solid #165dff;outline-offset:2px;border-radius:4px}::selection{background-color:#165dff33;color:#165dff}.disabled,[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.skeleton{background:linear-gradient(90deg,#165dff0d 25%,#165dff1a,#165dff0d 75%);background-size:200% 100%;animation:progress 1.5s infinite}.notification-enter{opacity:0;transform:translateY(-100%)}.notification-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.notification-exit{opacity:1;transform:translateY(0)}.notification-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease}.employee-management-container{width:100%;animation:fadeIn .4s ease-in-out}.employee-search-filter{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.employee-search-filter .ant-input,.employee-search-filter .ant-select,.employee-search-filter .ant-picker{border-radius:8px;border:1px solid #d1d5db;transition:all .3s ease;min-width:200px}.employee-search-filter .ant-input:focus,.employee-search-filter .ant-select-selector:hover,.employee-search-filter .ant-picker:focus{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a}.employee-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;align-items:center}.employee-actions .ant-btn{border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.employee-actions .ant-btn-primary{background:linear-gradient(135deg,#165dff,#3671ff);border:none}.employee-actions .ant-btn-primary:hover,.employee-actions .ant-btn-primary:focus{background:linear-gradient(135deg,#0e4abd,#285dd6)}.employee-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.employee-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000f;text-align:center;transition:all .3s ease;border:1px solid #e5e7eb;position:relative;overflow:hidden}.employee-stat-card:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,#165dff14,#165dff00);border-radius:0 0 0 60px}.employee-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #165dff1f;border-color:#165dff}.employee-stat-icon{font-size:24px;color:#165dff;margin-bottom:12px}.employee-stat-title{font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.employee-stat-value{font-size:28px;font-weight:700;color:#165dff;transition:color .3s ease}.employee-stat-card:hover .employee-stat-value{color:#3671ff}.employee-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}.employee-table .ant-table-wrapper{border-radius:12px;overflow:hidden}.employee-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb;padding:12px 16px}.employee-table .ant-table-tbody>tr{transition:all .3s ease}.employee-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.employee-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f0f0f0}.employee-status{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;transition:all .3s ease;display:inline-block}.employee-status-active{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.employee-status-inactive{background-color:#fff1f0;color:#f5222d;border:1px solid #ffccc7}.employee-status-on-leave{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffe58f}.employee-operation-buttons{display:flex;gap:8px;justify-content:center}.employee-operation-buttons .ant-btn{border-radius:6px;padding:4px 12px;font-size:14px;height:auto;transition:all .3s ease}.employee-pagination{margin-top:24px;display:flex;justify-content:flex-end;align-items:center}.employee-pagination .ant-pagination{margin:0}.employee-pagination .ant-pagination-item{border-radius:6px;transition:all .3s ease}.employee-pagination .ant-pagination-item-active{background:#165dff;border-color:#165dff}.employee-modal .ant-modal{border-radius:16px;overflow:hidden}.employee-modal .ant-modal-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;padding:20px 24px}.employee-modal .ant-modal-title{color:#1f2937;font-weight:600;font-size:18px}.employee-modal .ant-modal-body{padding:24px}.employee-modal .ant-form-item{margin-bottom:20px}.employee-modal .ant-form-item-label>label{font-weight:500;color:#374151}.employee-modal .ant-input,.employee-modal .ant-input-number,.employee-modal .ant-picker,.employee-modal .ant-select{border-radius:8px;border:1px solid #d1d5db;transition:all .3s ease}.employee-modal .ant-input:focus,.employee-modal .ant-input-number:focus,.employee-modal .ant-picker:focus,.employee-modal .ant-select-selector:hover{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a}.employee-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.employee-avatar-uploader{text-align:center;margin-bottom:20px}.employee-avatar-uploader .ant-upload{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px dashed #d1d5db;transition:all .3s ease}.employee-avatar-uploader .ant-upload:hover{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a}.employee-avatar-uploader .ant-upload.ant-upload-select{display:flex;align-items:center;justify-content:center}.employee-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.employee-detail{padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014}.employee-detail-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.employee-detail-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e6f7ff}.employee-detail-info h2{margin:0 0 8px;color:#1f2937;font-size:24px;font-weight:600}.employee-detail-position{font-size:16px;color:#6b7280;margin-bottom:8px}.employee-detail-stats{display:flex;gap:24px;margin-top:12px}.employee-detail-stat{text-align:center}.employee-detail-stat-value{font-size:20px;font-weight:700;color:#165dff}.employee-detail-stat-label{font-size:12px;color:#9ca3af}.employee-detail-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.employee-detail-section{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.employee-detail-section h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.employee-detail-item{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.employee-detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.employee-detail-item-label{font-weight:500;color:#6b7280}.employee-detail-item-value{font-weight:500;color:#374151}@media (max-width: 992px){.employee-search-filter{flex-direction:column;align-items:stretch}.employee-search-filter .ant-input,.employee-search-filter .ant-select,.employee-search-filter .ant-picker{width:100%}.employee-stats{grid-template-columns:repeat(2,1fr)}.employee-detail-content{grid-template-columns:1fr}}@media (max-width: 768px){.employee-actions{flex-direction:column;align-items:stretch}.employee-actions .ant-btn{width:100%}.employee-stats{grid-template-columns:1fr}.employee-table .ant-table-thead>tr>th,.employee-table .ant-table-tbody>tr>td{padding:8px 12px}.employee-detail-header{flex-direction:column;text-align:center}.employee-detail-stats{justify-content:center}.employee-modal .ant-modal{margin:16px}}@media (max-width: 480px){.employee-management-container,.employee-search-filter{padding:16px}.employee-table{font-size:14px}.employee-table .ant-table-thead>tr>th,.employee-table .ant-table-tbody>tr>td{padding:6px 8px}.employee-operation-buttons{flex-direction:column}}.employee-loading{display:flex;justify-content:center;align-items:center;height:300px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014}.employee-skeleton{background:linear-gradient(90deg,#165dff0d 25%,#165dff1a,#165dff0d 75%);background-size:200% 100%;animation:progress 1.5s infinite}.employee-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014}.employee-empty-icon{font-size:64px;color:#d1d5db;margin-bottom:16px}.employee-empty-title{font-size:18px;color:#6b7280;margin-bottom:8px;font-weight:500}.employee-empty-description{font-size:14px;color:#9ca3af;margin-bottom:24px}.employee-fade-in{animation:fadeIn .4s ease-in-out}.employee-slide-in-left{animation:slideInLeft .4s ease-out}.employee-slide-in-right{animation:slideInRight .4s ease-out}.employee-slide-in-up{animation:slideInUp .4s ease-out}.employee-hover-effect{transition:all .3s ease}.employee-hover-effect:hover{transform:translateY(-2px);box-shadow:0 6px 16px #165dff1a}.employee-tag{margin-right:8px;margin-bottom:8px;border-radius:16px;padding:4px 12px;font-size:13px;font-weight:500}.employee-chart-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 16px #00000014;margin-bottom:24px}.employee-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.employee-chart-title{font-size:18px;color:#1f2937;font-weight:600;margin:0}.employee-chart-filters{display:flex;gap:12px}.employee-tabs .ant-tabs{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden}.employee-tabs .ant-tabs-nav{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.employee-tabs .ant-tabs-tab{padding:12px 24px;font-weight:500;color:#6b7280;transition:all .3s ease}.employee-tabs .ant-tabs-tab:hover{color:#165dff}.employee-tabs .ant-tabs-tab-active{color:#165dff;font-weight:600}.employee-tabs .ant-tabs-ink-bar{background:#165dff;height:3px}.employee-tooltip{background:#165dff;border-radius:8px;color:#fff}@media print{.employee-actions,.employee-search-filter{display:none!important}.employee-table{box-shadow:none;border:1px solid #e5e7eb}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(70px);opacity:.3}.login-container:before{background:#3b82f6;top:-200px;left:-100px;animation:floatAnimation 10s ease-in-out infinite alternate}.login-container:after{background:#6366f1;bottom:-200px;right:-100px;animation:floatAnimation 8s ease-in-out infinite alternate-reverse}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatAnimation{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.1)}}.login-form-wrapper{width:100%;max-width:450px;padding:40px 20px;position:relative;z-index:1}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 10px 40px #0003;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000040}.login-card .ant-card-head{background:linear-gradient(135deg,#165dff,#3671ff);color:#fff;text-align:center;position:relative}.login-card .ant-card-head:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1" fill="rgba(255,255,255,0.2)" /></pattern></defs><rect x="0" y="0" width="100" height="100" fill="url(%23dots)" /></svg>');opacity:.3}.login-card .ant-card-head-title{font-size:24px;font-weight:700;padding:24px 0;margin:0;letter-spacing:.5px;position:relative;z-index:1}.company-logo{text-align:center;margin-bottom:30px}.logo-container{width:100px;height:100px;background:linear-gradient(135deg,#165dff,#3671ff);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 16px;box-shadow:0 8px 24px #165dff4d;border:4px solid rgba(255,255,255,.9)}.logo-text{font-size:36px;font-weight:800;color:#fff}.login-form{padding:40px}.form-item{margin-bottom:24px;position:relative}.login-input{width:100%;border-radius:12px;border:2px solid #e2e8f0;padding:12px 16px;font-size:16px;transition:all .3s ease;background-color:#fffffff2}.login-input:focus{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a;outline:none}.login-input:hover{border-color:#93c5fd}.login-input .ant-input-prefix{color:#64748b;font-size:18px}.login-button{margin-top:32px;padding:12px 0;font-size:18px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#165dff,#3671ff);border:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #165dff4d}.login-button:active{transform:translateY(0);box-shadow:0 6px 12px #165dff33}.remember-password{display:flex;justify-content:flex-start;align-items:center;margin-top:20px}.ant-checkbox-wrapper{font-size:14px;color:#64748b}.ant-checkbox-checked .ant-checkbox-inner{background-color:#165dff;border-color:#165dff}.copyright{text-align:center;color:#fffc;font-size:14px;margin-top:30px;position:relative;z-index:1}.copyright p{margin:0;line-height:1.6}.copyright strong{color:#fff;font-weight:600}@media (max-width: 768px){.login-form-wrapper{padding:20px 16px}.login-card{box-shadow:0 8px 32px #0003}.login-card .ant-card-head-title{font-size:20px;padding:20px 0}.login-form{padding:30px 24px}.logo-container{width:80px;height:80px}.logo-text{font-size:28px}}@media (max-width: 480px){.login-container:before,.login-container:after{width:300px;height:300px}.login-card .ant-card-head-title{font-size:18px}.login-form{padding:24px 20px}.form-item{margin-bottom:20px}.login-input{padding:10px 14px;font-size:15px}.login-button{padding:10px 0;font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;font-weight:400;color:#000000d9;background-color:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f0f2f5;font-family:inherit;line-height:inherit}a{color:#1890ff;text-decoration:none;transition:color .3s ease}a:hover{color:#40a9ff;text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500;color:#000000d9}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}h5{font-size:.875em}h6{font-size:.75em}p{margin-bottom:1em}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:14px;font-weight:500;font-family:inherit;background-color:#f0f0f0;cursor:pointer;transition:all .3s ease;outline:none}button:hover{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}button:focus{box-shadow:0 0 0 2px #1890ff33}button:active{transform:translateY(1px)}input,textarea,select{font-family:inherit;font-size:14px;outline:none;border:1px solid #d9d9d9;border-radius:6px;padding:8px 12px;transition:all .3s ease}input:focus,textarea:focus,select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}ul,ol{margin-bottom:1em;padding-left:2em}li{margin-bottom:.25em}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;background-color:#f5f5f5;padding:.2em .4em;border-radius:3px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#999}.text-primary{color:#1890ff}.text-success{color:#52c41a}.text-warning{color:#fa8c16}.text-danger{color:#f5222d}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.ml-3{margin-left:24px}.ml-4{margin-left:32px}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.mr-3{margin-right:24px}.mr-4{margin-right:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-1{flex:1}.w-100{width:100%}.h-100{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media print{.no-print{display:none!important}body{background-color:#fff}}