#kbuNotifButton{position:fixed;right:16px;top:84px;z-index:2147482500;width:52px;height:52px;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:linear-gradient(145deg,#0a3566,#165ca7);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.3);font-size:24px;display:flex;align-items:center;justify-content:center}
#kbuNotifBadge{position:absolute;right:-4px;top:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:12px;background:#e53935;color:#fff;font:700 12px/22px Arial;text-align:center;border:2px solid #fff}
#kbuNotifPanel{position:fixed;inset:0;z-index:2147483000;background:rgba(4,13,28,.72);display:none;padding:18px;overflow:auto}
#kbuNotifPanel.open{display:block}
#kbuNotifCard{width:min(620px,100%);margin:52px auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.4)}
.kbuNotifHead{padding:18px 20px;background:linear-gradient(135deg,#082f61,#0e5baa);color:#fff;display:flex;justify-content:space-between;align-items:center}
.kbuNotifActions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#eef5ff}
.kbuNotifActions button{border:0;border-radius:10px;padding:9px 12px;font-weight:700}
#kbuNotifList{max-height:68vh;overflow:auto}
.kbuNotifItem{padding:14px 16px;border-bottom:1px solid #e8edf4;background:#fff}
.kbuNotifItem.unread{background:#eef6ff;border-left:5px solid #1262ad}
.kbuNotifTitle{font-weight:800;color:#12385f}
.kbuNotifBody{margin-top:5px;color:#3f4b5b}
.kbuNotifTime{margin-top:7px;font-size:12px;color:#7d8794}
.kbuToast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:2147483600;width:min(92vw,430px);padding:13px 15px;border-radius:14px;background:#092f5d;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.35);animation:kbuNotifIn .22s ease}
@keyframes kbuNotifIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}