.bb-notification-wrap{position:relative;display:none}.bb-notification-wrap.ready{display:block}.bb-notification-trigger{position:relative;width:36px;height:36px;border:1px solid rgba(37,99,235,.17);border-radius:11px;background:linear-gradient(145deg,#fff,#edf5ff);color:#24558d;cursor:pointer;box-shadow:0 5px 16px rgba(37,99,235,.09);transition:.18s}.bb-notification-trigger:hover{transform:translateY(-1px);border-color:#60a5fa}.bb-notification-trigger svg{width:17px;height:17px}.bb-notification-badge{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font:800 8px/13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bb-notification-badge[hidden]{display:none}.bb-notification-panel{position:absolute;right:0;top:45px;width:min(390px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 90px));display:none;z-index:100060;border:1px solid #d9e7f6;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(15,42,80,.22);overflow:hidden;color:#17345d;backdrop-filter:blur(18px)}.bb-notification-panel.open{display:block;animation:bbNotificationIn .18s ease-out}@keyframes bbNotificationIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}.bb-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #e8eef6;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.bb-notification-head div{display:grid;gap:2px}.bb-notification-head b{font-size:13px}.bb-notification-head small{color:#7890aa;font-size:8px}.bb-notification-head-actions{display:flex!important;grid-auto-flow:column;gap:5px!important}.bb-notification-head button{height:27px;padding:0 8px;border:1px solid #c9dced;border-radius:7px;background:#fff;color:#2f5f8e;font-size:8px;font-weight:850;cursor:pointer}.bb-notification-head button.loading svg{animation:bbNtfSpin .75s linear infinite}@keyframes bbNtfSpin{to{transform:rotate(360deg)}}.bb-notification-list{max-height:500px;overflow:auto}.bb-notification-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:12px 14px;border-bottom:1px solid #edf2f7;background:#fff}.bb-notification-row.unread{background:#f7fbff}.bb-notification-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf3ff;color:#2563eb;font-size:14px}.bb-notification-row.error .bb-notification-icon{background:#fef2f2;color:#dc2626}.bb-notification-row.warning .bb-notification-icon{background:#fff7e8;color:#c56a11}.bb-notification-copy{min-width:0}.bb-notification-copy b{display:block;font-size:10px;color:#17345d;line-height:1.45}.bb-notification-copy p{margin:3px 0 0;color:#667d99;font-size:8px;line-height:1.55}.bb-notification-copy small{display:block;margin-top:5px;color:#91a0b3;font-size:7px}.bb-notification-read{align-self:center;width:25px;height:25px;border:0;border-radius:7px;background:#edf5ff;color:#2563eb;cursor:pointer}.bb-notification-empty{padding:32px 20px;text-align:center;color:#8092a8;font-size:9px;line-height:1.7}.bb-notification-empty i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border-radius:14px;background:#eef6ff;color:#3b82f6;font-style:normal;font-size:18px}@media(max-width:820px){.bb-notification-panel{position:fixed;top:78px;right:12px}.bb-notification-trigger{width:34px;height:34px}}