.notification{z-index:10000;opacity:0;direction:rtl;background:#fff;border-radius:12px;max-width:400px;margin:0 auto;transition:opacity .3s,transform .3s;position:fixed;top:20px;left:20px;right:20px;transform:translateY(-20px);box-shadow:0 10px 25px #00000026}.notification-visible{opacity:1;transform:translateY(0)}.notification-content{align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:700;display:flex}.notification-success .notification-icon{color:#fff;background:#10b981}.notification-error .notification-icon{color:#fff;background:#ef4444}.notification-info .notification-icon{color:#fff;background:#3b82f6}.notification-message{color:#1f2937;flex:1;font-weight:500}.notification-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;transition:color .2s;display:flex}.notification-close:hover{color:#374151}@media (max-width:768px){.notification{max-width:none;left:10px;right:10px}}