.dash-top .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap!important;white-space:nowrap;flex:0 0 auto}.dash-top .top-actions>a,.dash-top .top-actions>button,.dash-top .notification-wrap{flex:0 0 auto}.notification-wrap{position:relative;margin-left:16px}.notification-button{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 15px 10px 35px;border:1px solid #dce3ed;border-radius:13px;background:#fff;color:#172033;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(26,38,58,.08)}.notification-bell{position:absolute;left:-15px;top:50%;transform:translateY(-50%) rotate(0);transform-origin:50% 18%;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd84d,#f2ad00);color:#2e2300;border:3px solid #fff;box-shadow:0 9px 22px rgba(213,151,0,.3)}.notification-bell:after{content:"";position:absolute;bottom:6px;width:5px;height:5px;border-radius:50%;background:#5d4300}.notification-bell svg{width:20px}.notification-badge{position:absolute;left:13px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#e43f56;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900}.notification-badge[hidden]{display:none}.notification-button.has-unread .notification-bell{animation:bellJingle 1.15s ease-in-out infinite}.notification-button.has-new .notification-bell{animation:bellJingle .58s ease-in-out 3}@keyframes bellJingle{0%,45%,100%{transform:translateY(-50%) rotate(0)}8%{transform:translateY(-50%) rotate(18deg)}16%{transform:translateY(-50%) rotate(-17deg)}24%{transform:translateY(-50%) rotate(13deg)}32%{transform:translateY(-50%) rotate(-10deg)}39%{transform:translateY(-50%) rotate(5deg)}}.notification-drawer{position:fixed;z-index:800;right:24px;top:84px;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 105px);display:flex;flex-direction:column;border:1px solid #e2e7ef;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.25);overflow:hidden}.notification-drawer[hidden]{display:none}.notification-head{padding:20px;background:linear-gradient(135deg,#101a2c,#253c68);color:#fff;display:flex;justify-content:space-between;align-items:center}.notification-head h3{margin:0;font-size:18px}.notification-head small{display:block;margin-top:4px;color:#cbd5e1}.notification-head button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:9px;width:34px;height:34px;cursor:pointer}.notification-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #edf0f5;background:#fafbfc;font-size:11px;color:#697586}.notification-toolbar button{border:0;background:transparent;color:#2459a8;font:inherit;font-weight:800;cursor:pointer}.notification-list{overflow:auto;padding:10px}.notification-item{position:relative;padding:15px;border-radius:15px;border:1px solid transparent}.notification-item+.notification-item{margin-top:7px}.notification-item.unread{background:#fff9df;border-color:#f4d66b}.notification-item-top{display:flex;gap:11px}.notification-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#eef3fb;color:#284d82}.notification-item.unread .notification-icon{background:#ffd84d;color:#3c2c00}.notification-copy{min-width:0;flex:1}.notification-copy strong{display:block;font-size:13px}.notification-copy p{margin:5px 0;color:#687386;font-size:11px;line-height:1.5}.notification-copy time{font-size:9px;color:#98a2b3}.notification-actions{display:flex;gap:8px;margin:10px 0 0 47px}.notification-actions button,.notification-actions a{border:0;border-radius:9px;padding:7px 10px;background:#edf3fb;color:#264d82;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.notification-actions .mark-read{background:transparent;color:#667085}.notification-empty{padding:45px 20px;text-align:center;color:#7b8696;font-size:12px}@media(max-width:1180px){.dash-top{display:block}.dash-top .top-actions{margin-top:18px;justify-content:flex-start}.notification-drawer{right:14px;top:72px}}@media(prefers-reduced-motion:reduce){.notification-button.has-unread .notification-bell{animation:none}}
