.notification-drawer{background:#fff;border-radius:20px 0 0 20px;flex-direction:column;width:450px;height:100vh;display:flex;box-shadow:-10px 0 30px #0000001a}.notification-header{justify-content:space-between;align-items:center;padding:20px;display:flex}.notification-header h3{color:#1e1e2f;font-size:20px;font-weight:600}.notification-header .close-btn{cursor:pointer;background:#f1f3f9;border:none;border-radius:50%;width:32px;height:32px;font-size:16px}.notification-body{padding:0 20px 20px;overflow-y:auto}.section-title{color:#1c038d;margin:20px 0 10px;font-size:14px;font-weight:600;display:block}.notification-item{margin-bottom:16px}.notification-item .dot{background:#ff7a00;border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-item .content{flex:1}.notification-item .title{color:#1e1e2f;margin-bottom:10px;font-size:14px;font-weight:600}.notification-item .title .emoji{margin-left:4px}.notification-item .title .time{color:#6b7280;margin-left:6px;font-size:12px;font-weight:400}.notification-item .title .time.muted{color:#9ca3af}.card{border-bottom:1px solid #e5e7eb;gap:12px;padding-bottom:16px}.card .icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card .icon.pink{background:#fde7f3}.card .icon.blue{background:#e6f0ff}.card .icon.green{background:#e6f9ef}.card .icon img{width:24px;height:24px}.card .text{margin-top:10px}.card .text h5{color:#1e1e2f;margin-bottom:4px;font-size:14px;font-weight:600}.card .text p{color:#6b7280;font-size:13px}.refer_modal{width:500px}.refer_modal .edit_view_profile{border-radius:15px;padding:20px}.refer_modal .edit_view_profile label{color:#262c36;margin-bottom:15px;font-size:15px;font-weight:400}.refer_modal .edit_view_profile input{background-color:#f3f7fc;border:1px solid #e5e7eb;border-radius:7px;width:100%;margin-bottom:15px;padding:12px;font-size:15px;font-weight:400}.refer_modal .edit_view_profile ::placeholder{color:#262c36!important}.refer_modal .edit_view_profile .profile_logout .referal_imgs{width:135px;margin:0 auto 15px;display:flex}.refer_modal .edit_view_profile .profile_logout h4{color:#3a3f52;text-align:center;margin-bottom:15px;font-size:20px;font-weight:600}.refer_modal .edit_view_profile .profile_logout p{color:#6d7884;text-align:center;margin-bottom:17px;font-size:13px;font-weight:400;line-height:24px}.toggle_menu_header{color:#000;background-color:#afafaf}@media screen and (max-width:639px){.mobile_view_logo{width:82px;height:15px;position:absolute;top:23px;left:43px}}