.notification_offcanvas{background-color:#fff;border-left:1px solid #eef2f6;max-width:100vw;font-family:inherit;width:380px!important}.notification_offcanvas .notification_header{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.notification_offcanvas .header_title_wrapper{align-items:center;gap:12px;display:flex}.notification_offcanvas .bell_icon_holder{color:#3b82f6;background-color:#f0f4ff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:relative}.notification_offcanvas .badge_count{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.notification_offcanvas .notification_title{color:#1e293b;margin:0;font-size:18px;font-weight:700}.notification_offcanvas .close_btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;transition:color .2s}.notification_offcanvas .close_btn:hover{color:#1e293b}.notification_offcanvas .notification_body{padding:16px;overflow-y:auto}.notification_offcanvas .notification_list{flex-direction:column;gap:12px;display:flex}.notification_offcanvas .notification_card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:14px;transition:all .2s ease-in-out;display:flex}.notification_offcanvas .notification_card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.notification_offcanvas .notification_card.unread{background-color:#f0f7ff;border-color:#bfdbfe}.notification_offcanvas .notification_icon{color:#3b82f6;background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;box-shadow:0 1px 3px #0000000d}.notification_offcanvas .notification_content{flex-direction:column;flex:1;gap:3px;display:flex}.notification_offcanvas .notification_content h6{color:#0f172a;margin:0;font-size:14px;font-weight:600}.notification_offcanvas .notification_content p{color:#475569;margin:0;font-size:13px;line-height:1.4}.notification_offcanvas .notification_time{color:#94a3b8;margin-top:4px;font-size:11px}.notification_offcanvas .no_data_wrapper{justify-content:center;align-items:center;height:100%;min-height:250px;display:flex}