.notification-badge{position:absolute;right:-2px;top:-2px;min-width:16px;padding:0 4px;border-radius:99px;background:var(--foreground);color:var(--background);font-size:10px;line-height:16px}.notification-popover{width:min(390px,calc(100vw - 24px));z-index:100;border-radius:24px;padding:8px;color:#f3f3f5;background:linear-gradient(140deg,#26272b,#151619);box-shadow:0 24px 80px #0008;font-family:var(--font-platform),sans-serif;animation:notification-appear .18s ease-out;transform-origin:var(--radix-popover-content-transform-origin)}.notification-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 4px}.notification-panel-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px}.notification-panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 12px;gap:12px;font-size:12px;color:var(--muted-foreground)}.notification-panel-list{max-height:min(460px,calc(100dvh - 230px));overflow-y:auto;overscroll-behavior:contain}.notification-row{border-radius:18px;position:relative;margin-bottom:8px;background:var(--mp-inset,#151619);overflow:hidden}.notification-row[data-unread=true]{background:var(--mp-raised,#2c2d31)}.notification-content{display:flex;align-items:flex-start;gap:14px;padding:20px;color:inherit}a.notification-content:hover{background:#ffffff05}.notification-icon{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffffff08;color:var(--mp-secondary,#c5c5cc)}.notification-icon[data-kind=deposit_credited],.notification-icon[data-kind=market_won]{color:#00e5a0;background:#00e5a00c}.notification-icon[data-kind=bet_filled]{color:#00bee4}.notification-icon[data-kind=bet_failed],.notification-icon[data-kind=deposit_stuck],.notification-icon[data-kind=withdrawal_failed]{color:#ff2d64}.notification-copy{display:grid;gap:6px;flex:1;min-width:0;overflow-wrap:anywhere}.notification-copy strong{font-size:15px;font-weight:550}.notification-copy>span{font-size:14px;line-height:1.65;color:var(--mp-muted,#a3a3ad)}.notification-copy time{font-size:12px;color:var(--mp-muted,#a3a3ad)}.notification-unread{width:6px;height:6px;background:#00bee4;border-radius:50%;margin-top:7px;flex-shrink:0}.notification-read{margin:-8px 20px 12px 72px;color:var(--mp-muted,#a3a3ad)}.notification-popover .notification-content{padding:14px 12px;gap:10px}.notification-popover .notification-copy strong{font-size:13px}.notification-popover .notification-copy>span{font-size:12px}.notification-popover .notification-read{margin-left:58px}.notification-view-all{padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.notification-empty{display:grid;justify-items:center;gap:12px;padding:42px 24px;text-align:center;font-size:14px;color:var(--mp-muted,#a3a3ad)}.notification-empty h2,.notification-empty strong{color:var(--mp-text,#f3f3f5);font-size:18px;font-weight:550}.notification-inbox{max-width:1000px;margin:auto}.notification-inbox-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px}.notification-load-more{display:flex;margin:24px auto}.notification-skeleton{display:grid;gap:12px;padding:12px}.notification-write-error{color:var(--mp-no,#ff2d64);padding:12px 0;font-size:14px}@keyframes notification-appear{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notification-popover{animation:none}}