.add-member-modal .oui-modal--body{overflow:visible;padding:0!important}.add-member-modal .oui-modal--header{position:relative;padding-bottom:12px!important}.add-member-modal .oui-modal--header:after{content:"";background:linear-gradient(#f5f5f5 20%,#fff0 100%);border-radius:2px;width:96%;height:8px;position:absolute;bottom:0;left:2%}.add-member-modal .oui-input--wrapper{border:1px solid #ebebeb!important}.add-member-modal .modal-header{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.add-member-modal .member-select-option-container{width:100%}.add-member-modal .member-select-option-container .member-option-value{color:#8a8a8a}.add-member-modal .name-field-with-suggestions{z-index:2;position:relative}.add-member-modal .name-field-with-suggestions .name-suggestions-list{z-index:10;background:#fff;border:1px solid #ebebeb;border-radius:8px;max-height:200px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.add-member-modal .name-field-with-suggestions .name-suggestion-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 12px;display:block}.add-member-modal .name-field-with-suggestions .name-suggestion-item:hover,.add-member-modal .name-field-with-suggestions .name-suggestion-item:focus{background:#f5f5f5}.add-member-modal .name-field-with-suggestions .name-suggestions-loading{margin-top:4px}.add-member-modal .add-member-modal-content{background:#fff;flex-direction:column;gap:24px;display:flex}.add-member-modal .add-member-modal-content.mobile{gap:24px}.add-member-modal .add-member-modal-content.mobile .form-section{margin-top:32px}.add-member-modal .add-member-modal-content .add-member-preview-card{box-sizing:border-box;background:linear-gradient(205deg,#489988 0%,#244c44 100%);border-radius:16px;width:322px;height:114px;padding:16px;position:absolute;top:-60px;left:50%;overflow:hidden;transform:translate(-50%)}.add-member-modal .add-member-modal-content .add-member-preview-card .circle{opacity:.15;mix-blend-mode:luminosity;border:39.26px solid #ffdfb4;border-radius:9999px;position:absolute}.add-member-modal .add-member-modal-content .add-member-preview-card .circle.circle-a{width:200px;height:200px;top:62px;left:104px}.add-member-modal .add-member-modal-content .add-member-preview-card .circle.circle-b{transform-origin:0 0;width:200px;height:200px;top:-157px;left:256.76px;transform:rotate(15deg)}.add-member-modal .add-member-modal-content .add-member-preview-card .preview-details{gap:8px;margin-top:6px;display:flex}.add-member-modal .add-member-modal-content .form-section{flex-direction:column;gap:20px;display:flex}.add-member-modal .add-member-modal-content .form-section .form-section-shadow-revert{background:linear-gradient(#fff0 0%,#f5f5f5 100%);border-radius:8px;flex-shrink:0;width:100%;height:12px}.add-member-modal .add-member-modal-content .form-row{gap:20px;display:flex}.add-member-modal .add-member-modal-content .form-container{flex-direction:column;gap:20px;display:flex}.add-member-modal .add-member-modal-content .form-field{flex-direction:column;flex:1;gap:8px;display:flex}.add-member-modal .add-member-modal-content .form-field .field-label{align-items:center;gap:2px;display:flex}.add-member-modal .add-member-modal-content .form-field .field-label span:first-child,.add-member-modal .add-member-modal-content .form-field .field-label div:first-child{color:#636363;word-wrap:break-word;font-size:12px;font-weight:500;line-height:16px}.add-member-modal .add-member-modal-content .form-field .field-label span:last-child,.add-member-modal .add-member-modal-content .form-field .field-label div:last-child{color:#cb0000;word-wrap:break-word;font-size:12px;font-weight:500;line-height:16px}.add-member-modal .add-member-modal-content .form-field .field-label label{color:#636363;font-family:Manrope;font-size:12px;font-weight:500;line-height:16px}.add-member-modal .add-member-modal-content .form-field .form-input{height:44px}.add-member-modal .add-member-modal-content .form-field .form-input input{color:#b1b1b1;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:600;line-height:20px}.add-member-modal .add-member-modal-content .form-field .form-input input::placeholder{color:#b1b1b1}.add-member-modal .add-member-modal-content .form-field .form-input input:focus{color:#3c3c3c}.add-member-modal .add-member-modal-content .form-field .form-input.oui-input--error .oui-input--wrapper{background-color:#cb00000d;border-color:#cb0000}.add-member-modal .add-member-modal-content .form-field .field-input{color:#3c3c3c;background:#fff;border-radius:12px;outline:none;width:100%;height:48px;padding:12px 16px;font-family:Manrope;font-size:14px;font-weight:600;transition:border-color .2s}.add-member-modal .add-member-modal-content .form-field .field-input.error{background-color:#cb00000d;border-color:#cb0000}.add-member-modal .add-member-modal-content .gender-section{flex-direction:column;gap:8px;display:flex}.add-member-modal .add-member-modal-content .gender-section .field-label{align-items:center;gap:2px;display:flex}.add-member-modal .add-member-modal-content .gender-section .gender-options{gap:20px;display:flex}.add-member-modal .add-member-modal-content .gender-section .gender-option{cursor:pointer;background:#fff;border:1px solid #ebebeb;border-radius:8px;flex:1;justify-content:flex-start;align-items:center;gap:10px;padding:12px 20px;transition:border-color .2s;display:flex}.add-member-modal .add-member-modal-content .gender-section .gender-option.selected{border-color:#398070}.add-member-modal .add-member-modal-content .gender-section .gender-option .radio-button{background:#fff;border:.83px solid #d8d8d8;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.add-member-modal .add-member-modal-content .gender-section .gender-option .radio-button .radio-dot{background:#398070;border-radius:50%;width:10px;height:10px}.add-member-modal .add-member-modal-content .gender-section .gender-option .radio-button .radio-inner{z-index:1;background:#398070;border-radius:50%;width:10px;height:10px}.add-member-modal .add-member-modal-content .gender-section .gender-option.selected .radio-button .radio-outer{border-color:#398070}.add-member-modal .add-member-modal-content .action-buttons{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.add-member-modal .add-member-modal-content .action-buttons .dismiss-button,.add-member-modal .add-member-modal-content .action-buttons .add-button{border-radius:12px;flex:1;min-height:52px;padding:16px 24px}.add-member-modal .add-member-modal-content .action-buttons .dismiss-button{cursor:pointer;background-color:#fff;border:1px solid #ebebeb}.add-member-modal .add-member-modal-content .action-buttons .add-button{cursor:pointer;background:linear-gradient(201deg,#ffac3b 9%,#ff970a 91%);border:none}
.desktop-member-card{box-sizing:border-box;background-color:#fff;border:1px solid #ebebeb;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:8px 8px 8px 12px;display:flex}.desktop-member-card .member-info{flex:1;justify-content:flex-start;align-items:center;gap:16px;min-width:0;display:flex}.desktop-member-card .member-avatar{background:#eff7f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.desktop-member-card .member-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.desktop-member-card .member-actions .member-cart-info{background:#eff7f6;border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}.desktop-member-card .add-tests-actions{align-items:center;gap:8px;display:flex}.desktop-member-card .edit-member-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.desktop-member-card .edit-member-btn:hover{background:#ebebeb}.desktop-member-card .add-tests-button{cursor:pointer;background:#2f6358;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.desktop-member-card .add-tests-button label{display:flex}
.member-mobile-card{cursor:pointer;background:linear-gradient(205deg,#489988 0%,#244c44 100%);border-radius:16px;outline:none;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.member-mobile-card .content-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.member-mobile-card .content-header .name{flex:1;min-width:0}.member-mobile-card .content-header .edit-member-btn{cursor:pointer;z-index:3;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.member-mobile-card .circle{opacity:.15;mix-blend-mode:luminosity;z-index:1;pointer-events:none;border:39.26px solid #ffdfb4;border-radius:9999px;position:absolute}.member-mobile-card .circle-a{width:200px;height:200px;top:-100px;right:-60px}.member-mobile-card .circle-b{width:200px;height:200px;bottom:-120px;left:-50px}.member-mobile-card .circle-c{width:200px;height:200px;bottom:-150px;left:-100px;transform:rotate(90deg)}.member-mobile-card .circle-d{width:200px;height:200px;bottom:-100px;right:-120px;transform:rotate(-185deg)}.member-mobile-card .circle-e{width:200px;height:200px;top:-80px;left:-150px;transform:rotate(-360deg)}.member-mobile-card .circle-f{width:200px;height:200px;bottom:-140px;right:30px;transform:rotate(90deg)}.member-mobile-card .content{z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.member-mobile-card .name{color:#fff;margin-bottom:4px;font-size:16px;font-weight:800}.member-mobile-card .details{color:#c1e1da;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.member-mobile-card .line{opacity:.1;background-color:#eff7f6;width:100%;height:1px;margin:20px 0 16px}.member-mobile-card .actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.member-mobile-card .actions .add-tests{color:#eff7f6;cursor:pointer}.member-mobile-card .actions .test-added{cursor:pointer;background:#eff7f6;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}