.user-preference-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:999999999999;overflow-y:auto;padding:20px}.user-preference-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-preference-modal .modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative}.user-preference-modal .modal-header h3{margin:0;font-size:24px;font-weight:600;color:#111827}.user-preference-modal .modal-header .subtitle{margin:8px 0 0;font-size:14px;color:#6b7280}.user-preference-modal .modal-header .modal-skip{position:absolute;top:24px;right:24px;background:transparent;border:none;font-size:14px;font-weight:500;cursor:pointer;color:#6b7280;padding:8px 16px;border-radius:6px;transition:all .2s ease;z-index:9999999999999}.user-preference-modal .modal-header .modal-skip:hover{background:#f3f4f6;color:#111827}.user-preference-modal .modal-header .modal-skip:focus{outline:2px solid #c7d2fe}.user-preference-modal .modal-body{padding:24px;overflow-y:auto;flex:1 1}.user-preference-modal .modal-body .form-section{display:flex;flex-direction:column;gap:20px}.user-preference-modal .modal-body .form-section .form-group{display:flex;flex-direction:column;gap:8px}.user-preference-modal .modal-body .form-section .form-group .form-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:0}.user-preference-modal .modal-body .form-section .form-group .text-danger{color:#dc2626;font-size:12px;margin-top:4px}.user-preference-modal .modal-body .form-section .form-group :global(.css-1nmdiq5-menu),.user-preference-modal .modal-body .form-section .form-group :global(.css-26l3qy-menu),.user-preference-modal .modal-body .form-section .form-group :global([class*=-menu]){z-index:999999999999!important;pointer-events:auto!important}.user-preference-modal .modal-body .form-section .form-group :global(.css-1pahdxg-control),.user-preference-modal .modal-body .form-section .form-group :global(.css-yk16xz-control),.user-preference-modal .modal-body .form-section .form-group :global([class*=-control]){pointer-events:auto!important;z-index:1!important}.user-preference-modal .bhk-selector{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.user-preference-modal .bhk-selector .bhk-box{padding:8px 5px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;min-width:60px;text-align:center}.user-preference-modal .bhk-selector .bhk-box:hover{border-color:#37485e;background:#eff6ff}.user-preference-modal .bhk-selector .bhk-box.selected{border-color:#37485e;background:#37485e;color:#fff}.user-preference-modal .modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:12px;flex-shrink:0}.user-preference-modal .modal-footer .btn-primary,.user-preference-modal .modal-footer .btn-secondary,.user-preference-modal .modal-footer button{border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.user-preference-modal .modal-footer .btn-primary:disabled,.user-preference-modal .modal-footer .btn-secondary:disabled,.user-preference-modal .modal-footer button:disabled{opacity:.5;cursor:not-allowed}.user-preference-modal .modal-footer .btn-secondary{background-color:#f3f4f6;color:#374151}.user-preference-modal .modal-footer .btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.user-preference-modal .modal-footer .btn-primary{background-color:#37485e;color:#fff}.user-preference-modal .modal-footer .btn-primary:hover:not(:disabled){background-color:#37485e}@media(max-width:768px){.user-preference-modal{max-width:100%;margin:10px;max-height:calc(100vh - 20px)}.user-preference-modal .modal-header{padding:16px;display:flex;flex-direction:column}.user-preference-modal .modal-header h3{font-size:20px}.user-preference-modal .modal-body{padding:16px}.user-preference-modal .modal-footer{padding:12px 16px;flex-direction:column-reverse}.user-preference-modal .modal-footer .btn-primary,.user-preference-modal .modal-footer .btn-secondary,.user-preference-modal .modal-footer button{width:100%}}