html{width:100%}body{width:100%;position:relative;overflow-x:hidden}#notification-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:20px}.notification{color:#fff;border-radius:var(--radius-md);opacity:0;pointer-events:auto;backdrop-filter:blur(12px);border-right:5px solid var(--text-muted);direction:rtl;background:#1e293beb;min-width:280px;max-width:400px;padding:16px 20px 16px 18px;font-size:14px;font-weight:700;line-height:1.5;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translate(80px);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff14}.notification.show{opacity:1;transform:translate(0)}.notification.success{border-right-color:#22c55e;box-shadow:0 8px 32px #00000080,0 0 0 1px #22c55e33}.notification.error{border-right-color:#ef4444;box-shadow:0 8px 32px #00000080,0 0 0 1px #ef444433}.notification.info{border-right-color:#3b82f6;box-shadow:0 8px 32px #00000080,0 0 0 1px #3b82f633}@media (width<=768px){#notification-container{top:72px;left:12px;right:12px}.notification{min-width:unset;max-width:unset;text-align:center;padding:14px 16px 14px 14px}}