*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);height:100vh;overflow-y:auto;padding:20px;position:fixed;width:260px}.logo{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:12px;margin-bottom:20px;padding:10px 0 30px}.logo svg{height:32px;width:32px}.nav-menu{list-style:none}.nav-menu li{margin-bottom:8px}.nav-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;transition:all .2s;width:100%}.nav-menu button:hover{background:#ffffff1a;color:#fff}.nav-menu li.active button{background:#4f46e5;color:#fff}.nav-menu svg{height:20px;width:20px}.main-content{flex:1 1;margin-left:260px;min-height:100vh}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.top-header h1{color:#1a1a2e;font-size:1.5rem;font-weight:600}.content-area{padding:30px}.dashboard h2{color:#374151;font-size:1.25rem;margin-bottom:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.stat-icon svg{height:28px;width:28px}.stat-icon.onboarding{background:#dbeafe;color:#2563eb}.stat-icon.active{background:#d1fae5;color:#059669}.stat-icon.offboarding{background:#fef3c7;color:#d97706}.stat-icon.tasks{background:#f3e8ff;color:#7c3aed}.stat-content{display:flex;flex-direction:column}.stat-number{color:#1a1a2e;font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;font-size:.9rem}.dashboard-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.section h3{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin-bottom:16px;padding-bottom:12px}.department-list{display:flex;flex-direction:column;gap:12px}.department-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.dept-name{color:#374151;font-weight:500}.dept-count{background:#4f46e5;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-content{display:flex;flex-direction:column;gap:4px}.activity-action{color:#374151;font-weight:500}.activity-employee{color:#6b7280;font-size:.85rem}.activity-time{color:#9ca3af;font-size:.8rem}.empty-state{color:#9ca3af;padding:24px;text-align:center}.employees-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.list-header h2{font-size:1.25rem;font-weight:600}.list-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:16px 24px}.search-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.9rem;max-width:400px;padding:10px 16px}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 16px}.employees-table{overflow-x:auto}.employees-table table{border-collapse:collapse;width:100%}.employees-table td,.employees-table th{border-bottom:1px solid #e5e7eb;padding:16px 24px;text-align:left}.employees-table th{background:#f9fafb;color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.employees-table tbody tr:hover{background:#f9fafb}.employee-name-cell{align-items:center;cursor:pointer;display:flex;gap:12px}.employee-name-cell:hover span{color:#4f46e5}.mini-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:36px;justify-content:center;width:36px}.action-buttons{display:flex;gap:8px}.empty-table{color:#9ca3af;padding:60px 24px;text-align:center}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-onboarding{background:#dbeafe;color:#1d4ed8}.status-active{background:#d1fae5;color:#047857}.status-offboarding{background:#fef3c7;color:#b45309}.status-departed{background:#f3f4f6;color:#6b7280}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-small{font-size:.8rem;padding:6px 12px}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857}.btn-warning{background:#d97706;color:#fff}.btn-warning:hover{background:#b45309}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.modal{background:#fff;border-radius:16px;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-small{max-width:420px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px}.close-btn:hover{color:#374151}.modal form,.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.employee-detail{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.back-btn{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:16px 24px;text-align:left;width:100%}.back-btn:hover{color:#4f46e5}.back-btn svg{height:20px;width:20px}.employee-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:24px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:72px;justify-content:center;width:72px}.employee-info{flex:1 1}.employee-info h2{font-size:1.5rem;margin-bottom:4px}.employee-position{color:#6b7280;margin-bottom:8px}.employee-actions{display:flex;gap:12px}.employee-meta{grid-gap:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:24px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:#6b7280;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#374151;font-weight:500}.tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-1px;padding:16px 24px}.tab:hover{color:#374151}.tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.tab-content{padding:24px}.task-section{margin-bottom:32px}.task-section h3{color:#374151;font-size:1.1rem;margin-bottom:16px}.task-list{background:#f9fafb;border-radius:12px;padding:20px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#6b7280;display:block;font-size:.85rem}.progress-text,.task-category{margin-bottom:20px}.task-category h4{border-bottom:1px solid #e5e7eb;color:#4f46e5;font-size:.9rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.task-item{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.task-item.completed{opacity:.6}.checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.checkbox-label input{display:none}.checkmark{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox-label input:checked+.checkmark{background:#4f46e5;border-color:#4f46e5}.checkbox-label input:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px}.task-name{color:#374151;font-size:.9rem}.task-item.completed .task-name{text-decoration:line-through}.task-completed-date{color:#9ca3af;font-size:.8rem}.equipment-section{background:#f9fafb;border-radius:12px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h4{color:#374151;font-size:1rem;font-weight:600}.equipment-form{background:#fff;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.equipment-form input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:.9rem;padding:10px 14px}.equipment-list{display:flex;flex-direction:column;gap:12px}.equipment-item{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.equipment-item.returned{opacity:.6}.equipment-info{display:flex;flex-direction:column;gap:4px}.equipment-name{color:#374151;font-weight:500}.equipment-serial{color:#6b7280;font-size:.8rem}.equipment-status{color:#9ca3af;font-size:.8rem}.activity-section h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:20px}.activity-timeline{padding-left:24px;position:relative}.timeline-item{border-left:2px solid #e5e7eb;padding-bottom:20px;padding-left:20px;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-dot{background:#4f46e5;border:2px solid #fff;border-radius:50%;height:12px;left:-7px;position:absolute;top:0;width:12px}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-action{color:#374151;font-weight:500}.timeline-details{color:#6b7280;font-size:.9rem}.timeline-time{color:#9ca3af;font-size:.8rem}@media (max-width:1024px){.sidebar{padding:16px;width:80px}.logo span,.nav-menu button span{display:none}.logo{justify-content:center;padding-bottom:20px}.nav-menu button{justify-content:center;padding:12px}.main-content{margin-left:80px}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.employee-header{flex-direction:column;text-align:center}.employee-actions{margin-top:16px}.employees-table{font-size:.85rem}.employees-table td,.employees-table th{padding:12px 16px}.action-buttons{flex-direction:column}}
/*# sourceMappingURL=main.ff25547d.css.map*/