:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.employee-group-settings{display:flex;flex-direction:column;gap:var(--spacing-24);padding:var(--spacing-24);background-color:var(--bg-secondary);border-radius:8px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-12)}.settings-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.groups-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-20)}.group-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-20);box-shadow:var(--shadow-xs);transition:box-shadow .2s ease,border-color .2s ease}.group-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-dark)}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-20);gap:var(--spacing-12)}.group-title{flex:1;display:flex;align-items:center}.group-name-input{width:100%;font-size:16px;font-weight:600;color:var(--text-primary);border:1px solid transparent;border-bottom:2px solid var(--border-color);padding:var(--spacing-5) var(--spacing-8);background-color:transparent;cursor:text;transition:border-color .2s ease,background-color .2s ease}.group-name-input:focus{outline:none;border-bottom-color:var(--primary);background-color:var(--bg-secondary)}.group-name-input::placeholder{color:var(--text-tertiary)}.group-actions{display:flex;gap:var(--spacing-8)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--border-radius-xs);cursor:pointer;transition:all .2s ease;font-size:16px;line-height:1}.btn-edit,.btn-delete,.btn-remove{padding:6px 10px;font-size:14px;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--border-radius-xs);cursor:pointer;transition:all .2s ease}.btn-edit:hover{background-color:var(--info-light);border-color:var(--info);color:var(--info)}.btn-delete:hover,.btn-remove:hover{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.employee-types-section{display:flex;flex-direction:column;gap:var(--spacing-12);margin-top:var(--spacing-16);padding-top:var(--spacing-16);border-top:1px solid var(--border-color)}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.employee-types-list{display:flex;flex-direction:column;gap:var(--spacing-10)}.employee-type-item{display:flex;align-items:center;gap:var(--spacing-10);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xs);padding:var(--spacing-10) var(--spacing-12);transition:background-color .2s ease}.input-empty{background-color:var(--error-light)}.input-empty::placeholder{color:var(--text-secondary)}.employee-type-item:hover{background-color:var(--bg-tertiary)}.employee-type-input{flex:1;border:none;background-color:transparent;font-size:14px;color:var(--text-primary);padding:0;cursor:text;transition:background-color .2s ease}.employee-type-input:focus{outline:none;background-color:var(--bg-primary);border-radius:2px;padding:2px 4px}.employee-type-input::placeholder{color:var(--text-tertiary)}.btn-remove{padding:4px 8px;font-size:18px;line-height:1;flex-shrink:0}.btn-add-type{margin-top:var(--spacing-8);align-self:flex-start}.empty-state{text-align:center;padding:var(--spacing-20);color:var(--text-tertiary);font-size:14px;background-color:var(--bg-secondary);border-radius:var(--border-radius-xs);border:1px dashed var(--border-color)}.empty-state-container{grid-column:1 / -1;text-align:center;padding:60px var(--spacing-20);color:var(--text-tertiary);background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--border-radius-md)}.empty-state-container p{margin:0 0 var(--spacing-16) 0;font-size:16px}.settings-footer{display:flex;justify-content:center;gap:var(--spacing-12);margin-top:var(--spacing-12);padding-top:var(--spacing-20);border-top:1px solid var(--border-color)}.btn-lg{padding:var(--spacing-12) var(--spacing-30);font-size:16px;font-weight:600;min-width:200px}.btn-sm{padding:var(--spacing-8) var(--spacing-16);font-size:13px}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-dark);border-radius:var(--border-radius-xs)}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--text-tertiary)}@media(max-width:768px){.groups-container{grid-template-columns:1fr}.employee-group-settings{padding:var(--spacing-16);gap:var(--spacing-16)}.group-card{padding:var(--spacing-16)}}.modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:#00000080}.modal.show{display:flex;align-items:center;justify-content:center}.modalContent{background:var(--bg-primary);padding:var(--spacing-40);border-radius:var(--border-radius-lg);max-width:var(--modal-max-width);width:500px;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-20);border-bottom:var(--border-width) solid var(--border-light);padding-bottom:var(--spacing-15)}.modalHeader h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.closeBtn{background:none;border:none;font-size:28px;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast)}.closeBtn:hover{color:var(--text-primary)}.modal.confirm .modalHeader{border-bottom-color:var(--info)}.modal.confirm .modalHeader h3{color:var(--info)}.modal.warning .modalHeader{border-bottom-color:var(--warning)}.modal.warning .modalHeader h3{color:var(--warning)}.modal.error .modalHeader{border-bottom-color:var(--error)}.modal.error .modalHeader h3{color:var(--error)}.modalActions{display:flex;gap:var(--spacing-10);justify-content:flex-end;padding-top:var(--spacing-20);border-top:var(--border-width) solid var(--border-light);margin-top:var(--spacing-20)}.modalActions button{padding:var(--spacing-8) var(--spacing-15);font-size:var(--font-size-base)}.columnsContainer{display:flex;gap:2rem;padding:1rem 0}.column{flex:1;display:flex;flex-direction:column;gap:.75rem}.columnItem{display:flex;align-items:center;margin-bottom:1rem}.columnItem .checkboxLabel{margin-bottom:0}