.app-toast {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:360px;max-width:calc(100vw - 32px);min-height:240px;padding:36px 28px;background:#fff;color:#242832;border:1px solid #e0e3e7;border-radius:16px;box-shadow:0 12px 60px #17202b38;font-size:18px;font-weight:600;line-height:1.6;text-align:center}
.toast-icon {display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#e5f3eb;color:#216448;font-size:44px;font-weight:bold}
.toast-icon svg {width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.toast-message {min-width:0;overflow-wrap:anywhere}
.app-toast[data-type=error] .toast-icon {background:#ffebed;color:#b82136}
.app-toast .toast-close {position:absolute;top:8px;right:8px;padding:0;width:32px;min-height:32px;background:transparent;color:#596579;border:0;font-size:22px;font-weight:400}
.toast-enter {animation:toast-appear .2s ease-out}
.toast-enter .toast-icon path {stroke-dasharray:40;stroke-dashoffset:0;animation:toast-check .4s ease-out}
@keyframes toast-appear {from{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes toast-check {from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@media(max-width:600px){.app-toast{width:320px;min-height:220px;padding:32px 24px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.toast-enter,.toast-enter .toast-icon path{animation:none}}

#notifications{position:relative}.notification-badge{position:absolute;right:-5px;top:-4px;min-width:17px;padding:1px 4px;border-radius:12px;background:#d52e42;color:white;font-size:10px;line-height:15px;font-weight:700}.inbox-item{overflow-wrap:anywhere}.inbox-read-state{font-weight:700}.inbox-items{display:grid;gap:12px;margin:20px 0}