*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--back-ground-color: #000000;--yellow-color: #e4be0a;--text-color: #ffffff;--light-gray-color: #a8a8a8;--header-after-scrolled-color: #4f4c14;--primary-color: #4a90e2;--secondary-color: #f5f5f5;--accent-color: #ff9800;--success-color: #4caf50;--danger-color: #f44336;--border-radius: 12px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-heading-holder{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:20px 24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d}.main-heading-text{font-size:22px;font-weight:600;margin:0;color:#333}.select-tag-holder{display:flex;gap:12px;align-items:center}.select-tag-holder select{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px;background-color:#f9f9f9;transition:border-color .2s ease}.select-tag-holder select:focus{outline:none;border-color:#1976d2}.add-new-btn{background-color:#1976d2;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;transition:background-color .3s ease}.add-new-btn:hover{background-color:#1565c0}.select-tag-holder a{text-decoration:none;margin-right:10px}.member-table{width:100%;border-collapse:separate;border-spacing:0 10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.member-table thead tr{background-color:#f5f7fa;text-align:left}.member-table th,.member-table td{padding:12px 15px;font-size:14px;color:#333}.member-table tbody tr{background-color:#fff;transition:background-color .3s ease}.member-table tbody tr:hover{background-color:#f9f9f9}.member-table select{padding:6px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;background-color:#f4f4f4;transition:border-color .3s ease}.member-table select:focus{border-color:#007bff;outline:none;background-color:#fff}.search-wrapper{display:flex;flex-direction:column;gap:5px}.search-wrapper label{font-size:12px;font-weight:600;color:#555}.search-wrapper input{padding:6px 10px;font-size:13px;border-radius:6px;border:1px solid #ccc;background-color:#f9f9f9;transition:border-color .3s ease}.search-wrapper input:focus{border-color:#007bff;outline:none;background-color:#fff}.action-icon{width:18px;height:18px;margin-right:8px;cursor:pointer;transition:transform .2s ease}.action-icon:hover{transform:scale(1.1)}.active-member-text{color:green;font-weight:700}.inactive-member-text{color:red;font-weight:700}.search-wrapper{display:flex;flex-direction:column;gap:5px;padding:5px 10px}.search-wrapper label{font-size:14px;font-weight:700;color:#000;margin-bottom:2px}.search-wrapper input{padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#f9f9f9;color:#333}.search-wrapper input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66;background-color:#fff}.member-table tr:nth-child(2n){background-color:#ddd}.action-icon{width:16px;height:16px;margin-right:5px;vertical-align:middle;cursor:pointer}.gobackarraow{text-decoration:none;margin-top:10px}.add-new-btn{text-decoration:none;background-color:var(--yellow-color);padding:12px 18px;cursor:pointer;color:#000;border-radius:25px;font-weight:700;border:2px solid var(--yellow-color);transition:background-color .3s,color .3s}.add-new-btn:hover,.submit-btn:hover{background-color:transparent;border:2px solid var(--yellow-color);color:var(--yellow-color)}.submit-btn{background-color:var(--yellow-color);padding:12px 18px;cursor:pointer;color:#000;font-weight:700;border-radius:25px;border:2px solid var(--yellow-color);transition:background-color .3s,color .3s}.gobackarraow img{cursor:pointer;width:30px;height:30px;background-color:#f0f0f0;border-radius:50%;padding:5px;transition:transform .3s ease,background-color .3s ease}.gobackarraow img:hover{transform:scale(1.1);background-color:#dcdcdc}.memebr-preview-holder{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;z-index:999}.memebr-preview-holder.show{opacity:1;pointer-events:auto;transform:scale(1)}.preview-card{position:relative;background:#fff;padding:24px 20px 20px;border-radius:12px;box-shadow:0 5px 20px #0003;width:fit-content;max-width:90vw;max-height:90vh;overflow-y:auto;transition:all .3s ease}.preview-card button{position:absolute;top:10px;right:10px;background:transparent;border:2px solid #ccc;border-radius:8px;padding:5px 10px;cursor:pointer;font-weight:700;color:#333;transition:background .2s ease}.preview-card p{margin:12px}.preview-card button:hover{background:#f0f0f0}.preview-image-holder{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:10px}.preview-image-holder img{width:60px;height:60px;margin-right:10px}.Emergencytext{margin-top:10px}.status-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-weight:700;font-size:14px;margin-top:10px}.active-status{background-color:#e0f9e0;color:#00d60b;border-radius:25px;padding:5px 10px;margin-top:10px}.inactive-status{background-color:#fde0e0;color:#c62828;border-radius:25px;padding:5px 10px;margin-top:10px}.no-data-holder{text-align:center;padding:40px 20px;display:flex;background-color:#f8f9fb;border:1px solid rgb(224,224,224);border-radius:10px;margin:30px auto;max-width:500px;box-shadow:#0000000d 0 4px 12px;flex-direction:column;align-items:center}.no-data-holder img{width:100px;height:auto;margin-bottom:20px;opacity:.8}.no-data-holder h3{font-size:20px;font-weight:600;color:#555;margin-bottom:8px}.no-data-holder p{font-size:14px;color:#888;margin:0}.package-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d}.select-tag-wrapper{display:flex;flex-direction:column;gap:6px}.select-tag-wrapper label{font-weight:600;color:#333;font-size:14px;margin-bottom:4px}.select-tag-wrapper select,.select-tag-wrapper input[type=number],.select-tag-wrapper input[type=text],.select-tag-wrapper input[type=date]{padding:10px 12px;font-size:15px;border-radius:8px;border:1px solid #ccc;background-color:#fafafa;transition:border-color .3s,box-shadow .3s;outline:none}.select-tag-wrapper select:focus,.select-tag-wrapper input[type=number]:focus,.select-tag-wrapper input[type=text]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;background-color:#fff}.select-tag-wrapper select option[disabled]{color:#999}.form-footer{grid-column:span 2;display:flex;justify-content:flex-end;margin-top:20px}.submit-btn{padding:10px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .3s,transform .2s}.submit-btn:hover:not(:disabled){background-color:#3a78c2;transform:translateY(-1px)}.submit-btn:disabled{background-color:#a5c1e8;cursor:not-allowed}.load-more-container button{background-color:var(--yellow-color);border-radius:25px;outline:none;color:#000;border:none;padding:10px 15px;margin-top:10px;font-weight:700;cursor:pointer}.active-member{color:green;background-color:#a6ddb3;padding:10px;font-weight:700;border-radius:25px;width:fit-content}.inactive-member{color:red;background-color:#f8d7da;padding:10px;font-weight:700;border-radius:25px;width:fit-content}.active-member-text{color:green;background-color:#a6ddb3;padding:5px;font-weight:700;border-radius:25px;width:fit-content}.inactive-member-text{color:red;background-color:#f8d7da;padding:5px;font-weight:700;border-radius:25px;width:fit-content}.user-list-container{position:relative;display:inline-block}.user-list-holder{cursor:pointer;background-color:#fff;padding:15px;border-radius:25px;border:1px solid #ccc;width:250px}.user-list-dropdown{position:absolute;left:0;width:fit-content;background-color:#fff;border:1px solid #ccc;z-index:10;box-shadow:0 2px 5px #0003}.dropdown-search-wrapper{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid #eee;background-color:#fafafa}.dropdown-search-wrapper img{width:18px;height:18px;margin-right:8px;opacity:.6}.dropdown-search-wrapper input{flex:1;border:none;outline:none;font-size:14px;padding:6px 0;background-color:transparent;color:#333}.dropdown-search-wrapper input::placeholder{color:#aaa}.dropdown-username{display:block;padding:10px 15px;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.dropdown-username:hover{background-color:#f0f0f0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;z-index:9999}.delete-modal{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 10px 25px #0003;text-align:center;width:90%;max-width:400px;animation:slideUp .3s ease}.delete-modal h3{margin-bottom:20px;font-size:18px;color:#333}.modal-buttons{display:flex;justify-content:center;gap:20px}.modal-buttons button{padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background .3s}.yes-btn{background-color:#ff4d4f;color:#fff}.yes-btn:hover{background-color:#d9363e}.no-btn{background-color:#e0e0e0;color:#333}.no-btn:hover{background-color:#cacaca}.selling-holder{display:flex;gap:10px}.arrow-holder{display:flex;align-items:center;justify-content:center;gap:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}