.notifications-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:fixed;inset:0}.notifications-panel{background:var(--bg-card,#fff);z-index:200;border-left:1px solid var(--border,#eaecf0);flex-direction:column;width:400px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 24px #0000001a}.notifications-panel.open{right:0}.notifications-panel-header{border-bottom:1px solid var(--border,#eaecf0);background:var(--bg-sidebar,#f9fafb);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notifications-panel-title{color:var(--text-primary,#101828);margin:0;font-size:18px;font-weight:600}.notifications-close-btn{cursor:pointer;color:var(--text-secondary,#475467);border-radius:var(--dashboard-radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.notifications-close-btn:hover{background:var(--bg-main,#f6f9ff);color:var(--text-primary,#101828)}.notifications-list{flex:1;padding:8px;overflow-y:auto}.notifications-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.notification-item{border-radius:var(--dashboard-radius,8px);cursor:pointer;background:var(--bg-main,#f6f9ff);border:1px solid #0000;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.notification-item:hover{background:var(--bg-sidebar,#f9fafb);border-color:var(--border,#eaecf0)}.notification-item.unread{background:#6366f10d;border-color:#6366f133}.notification-icon{border-radius:var(--dashboard-radius,8px);background:var(--bg-sidebar,#f9fafb);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.notification-content{flex:1;min-width:0}.notification-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.notification-title{color:var(--text-primary,#101828);flex:1;margin:0;font-size:14px;font-weight:600}.notification-unread-dot{background:var(--primary,#2970ff);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:8px}.notification-message{color:var(--text-secondary,#475467);margin:0 0 8px;font-size:12px;line-height:1.5}.notification-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-time{color:var(--text-light,#98a2b3);font-size:10px}.notification-action-btn{border:1px solid var(--primary,#2970ff);color:var(--primary,#2970ff);border-radius:var(--dashboard-radius-sm,6px);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.notification-action-btn:hover{background:var(--primary,#2970ff);color:#fff}.notifications-panel-footer{border-top:1px solid var(--border,#eaecf0);background:var(--bg-sidebar,#f9fafb);padding:16px 24px}.notifications-mark-all-read{border:1px solid var(--border,#eaecf0);width:100%;color:var(--text-secondary,#475467);border-radius:var(--dashboard-radius-sm,6px);cursor:pointer;background:0 0;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.notifications-mark-all-read:hover{background:var(--bg-main,#f6f9ff);border-color:var(--primary,#2970ff);color:var(--primary,#2970ff)}@media (max-width:768px){.notifications-panel{width:100%;right:-100%}}.bb-notif-dot{background:var(--danger,#f63d68);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.bb-notification-wire-icon{stroke-width:1.8px;width:16px;height:16px}