body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f5f5f5;min-height:100vh;text-align:center}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:30px 20px}.App-header>div{box-sizing:border-box;margin:0 auto;max-width:1400px;width:100%}.App-header h1{font-size:2.5rem;font-weight:300;letter-spacing:1px;margin:0}.nav-tabs{align-items:flex-end;background:#fff;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:flex;gap:8px;justify-content:center;margin-left:auto;margin-right:auto;max-width:1400px;padding:10px 10px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.nav-tab,.nav-tabs{box-shadow:0 2px 4px #0000000d;margin-bottom:0}.nav-tab{background:#f8f9fa;border:2px solid #e0e0e0;border-bottom:none;border-radius:8px 8px 0 0;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:18px 32px;position:relative;transition:all .3s ease}.nav-tab:not(:last-child){margin-right:0}.nav-tab:hover{background:#fff;border-color:#3498db;box-shadow:0 4px 8px #3498db26;color:#3498db;transform:translateY(-2px)}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;box-shadow:0 4px 12px #667eea66;color:#fff;font-weight:600;transform:translateY(-2px);z-index:10}.nav-tab.active:after{display:none}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.form-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.form-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.member-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row-1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.form-row-5{grid-template-columns:repeat(5,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-address{grid-template-columns:3fr 1fr 1fr}.form-group-full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{color:#34495e;font-weight:600;margin-bottom:5px}.form-subsection{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.form-subsection h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:10px}.relationship-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.position-selection-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr)}.selected-position-member{margin-top:10px}.relationship-item{display:flex;flex-direction:column}.relationship-label{color:#34495e;font-size:.95rem;font-weight:600;margin-bottom:8px}.checkbox-list{background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:10px}.checkbox-list.compact{gap:6px;max-height:120px;padding:8px}.checkbox-list::-webkit-scrollbar{width:6px}.checkbox-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.checkbox-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.checkbox-list::-webkit-scrollbar-thumb:hover{background:#555}.checkbox-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:5px;transition:background .2s}.checkbox-item:hover{background:#f0f0f0}.checkbox-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.form-group input{border:2px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.checkbox-container{position:relative;width:100%}.checkbox-large{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.checkbox-label-large{align-items:center;background:#fff;border:2px solid #ddd;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:44px;padding:12px;transition:all .3s;width:100%}.checkbox-large:checked+.checkbox-label-large{background-color:#3498db;border-color:#3498db;color:#fff}.checkbox-large:focus+.checkbox-label-large{border-color:#3498db;outline:2px solid #3498db4d;outline-offset:2px}.checkbox-label-large:hover{background-color:#f0f8ff;border-color:#3498db}.checkbox-large:checked+.checkbox-label-large:hover{background-color:#2980b9}.autocomplete-container{position:relative;width:100%}.autocomplete-input{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.autocomplete-input:focus{border-color:#3498db;outline:none}.autocomplete-dropdown{background:#fff;border:2px solid #3498db;border-radius:0 0 5px 5px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{border-bottom:1px solid #eee;cursor:pointer;padding:12px;transition:background-color .2s}.autocomplete-item:hover{background-color:#f0f8ff}.autocomplete-item:last-child{border-bottom:none}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:#3498db;border-radius:20px;display:inline-flex;font-size:14px;gap:6px;padding:6px 12px}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.tag-remove:hover{background-color:#ffffff4d}.form-group select{background:#fff;cursor:pointer}.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.form-group textarea:focus{border-color:#3498db;outline:none}.form-actions{display:flex;gap:10px;justify-content:center}.btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-edit{background-color:#f39c12;color:#fff;font-size:14px;padding:8px 16px}.btn-edit:hover{background-color:#e67e22}.btn-delete{background-color:#e74c3c;color:#fff;font-size:14px;padding:8px 16px}.btn-delete:hover{background-color:#c0392b}.list-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.list-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.list-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.search-container{flex:1 1;max-width:400px;min-width:250px}.search-input{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#3498db;outline:none}.search-result-info{background-color:#f9f9f9;border-radius:5px;color:#666;font-size:14px;margin-top:15px;padding:10px;text-align:center}.members-table-container{margin-top:20px;overflow-x:auto}.members-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.members-table thead{background:#3498db;color:#fff}.members-table th{font-weight:600;white-space:nowrap}.members-table td,.members-table th{font-size:.9rem;padding:12px 8px;text-align:center}.members-table td{border-bottom:1px solid #e0e0e0}.members-table tbody tr:hover{background-color:#f5f5f5}.members-table tbody tr.inactive-row{background-color:#e8e8e8;color:#888;opacity:.7}.members-table tbody tr.inactive-row:hover{background-color:#d8d8d8}.members-table tbody tr.inactive-row td{color:#888}.members-table th.sortable-header{cursor:pointer;padding-right:20px;position:relative;-webkit-user-select:none;user-select:none}.members-table th.sortable-header:hover{background-color:#f0f0f0}.members-table tbody tr:last-child td{border-bottom:none}.members-table td{color:#2c3e50}.member-actions{display:flex;gap:8px;justify-content:center}.members-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.member-card{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.member-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.member-info h3{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.member-info p{color:#7f8c8d;font-size:1.1rem;font-weight:500;margin:0 0 10px}.member-info small{color:#95a5a6;font-size:.9rem}@media (max-width:768px){.App-header{padding:20px 15px}.App-header>div{width:100%}.App-header h1{font-size:1.8rem}.nav-tabs{align-items:flex-end;flex-wrap:wrap;gap:5px;justify-content:space-around;margin-bottom:0;padding:10px 5px 0;width:100%}.nav-tab{border-radius:6px 6px 0 0;border-width:1.5px;border-bottom:none;flex:1 1;font-size:14px;margin-bottom:0;min-width:0;padding:14px 16px;text-align:center}.nav-tab.active{border-bottom:1.5px solid #fff;transform:none}.nav-tab:hover{transform:none}.container{padding:0 10px}.form-section,.list-section{padding:20px}.form-subsection{padding:15px}.position-selection-grid,.relationship-grid{grid-template-columns:1fr}.autocomplete-dropdown{max-height:150px}.members-list{grid-template-columns:1fr}.members-table-container{overflow-x:scroll}.members-table{font-size:.8rem}.members-table td,.members-table th{padding:8px 4px}.form-actions,.member-actions{flex-direction:column}.form-row,.form-row-1,.form-row-3,.form-row-4,.form-row-5,.form-row-address{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3128eb1e.css.map*/