.notification-popup-overlay{position:fixed;inset:0;z-index:10050;background:rgba(0,8,14,.72);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}
.notification-popup-modal{width:min(560px,100%);background:#0b2437;border:1px solid rgba(77,219,208,.38);border-radius:16px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.48);color:#eefaff}
.notification-popup-modal.is-warning,.notification-popup-modal.is-danger,.notification-popup-modal.is-error{border-color:rgba(255,119,119,.65)}
.notification-popup-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(77,219,208,.14);color:#77ebe2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.notification-popup-modal.is-warning .notification-popup-badge,.notification-popup-modal.is-danger .notification-popup-badge,.notification-popup-modal.is-error .notification-popup-badge{background:rgba(255,119,119,.13);color:#ffaaaa}
.notification-popup-modal h2{margin:13px 0 8px;font-size:22px;color:#fff}.notification-popup-modal p{margin:0;color:#bdd2dd;line-height:1.55;white-space:pre-line}
.notification-popup-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.notification-popup-actions button,.notification-popup-actions a{border:0;border-radius:9px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer}
.notification-popup-actions button{background:#173649;color:#d6e8ef}.notification-popup-actions a{background:#4ddbd0;color:#06242b}
.notification-toast-stack{position:fixed;right:16px;top:70px;z-index:10040;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.notification-toast{pointer-events:auto;background:#0b2437;border:1px solid rgba(77,219,208,.35);border-left:4px solid #4ddbd0;border-radius:12px;padding:13px 42px 13px 14px;box-shadow:0 15px 45px rgba(0,0,0,.35);position:relative;cursor:pointer;color:#eaf7fb;animation:notificationToastIn .18s ease-out}
.notification-toast.is-warning,.notification-toast.is-danger,.notification-toast.is-error{border-left-color:#ff7777}.notification-toast b{display:block;margin:5px 0 3px;color:#fff}.notification-toast p{margin:0;color:#afc6d2;font-size:12px;line-height:1.4}.notification-toast .notification-popup-badge{padding:3px 7px;font-size:9px}
.notification-toast-close{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#9fb8c7;font-size:18px;cursor:pointer}.notification-toast-close:hover{background:rgba(255,255,255,.08);color:#fff}
@keyframes notificationToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:640px){.notification-popup-overlay{align-items:flex-end;padding:10px}.notification-popup-modal{border-radius:14px;padding:18px;margin-bottom:70px}.notification-popup-modal h2{font-size:19px}.notification-toast-stack{right:10px;top:58px;width:calc(100vw - 20px)}}