.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;padding:0 20px;pointer-events:none}.toast-notification{pointer-events:auto;position:relative;border-radius:8px;border:1px solid;background-color:#fff;color:#333;box-shadow:0 4px 12px #00000026;overflow:hidden;transition:all .3s ease}.toast-notification.toast-enter{transform:translateY(-20px);opacity:0}.toast-notification.toast-visible{transform:translateY(0);opacity:1}.toast-notification.toast-leave{transform:translate(120%);opacity:0}.toast-content{display:flex;align-items:center;gap:12px;padding:16px;transition:all .3s ease}.toast-notification.toast-info{border-color:#3b82f6}.toast-notification.toast-info .toast-content{background-color:#3b82f61a}.toast-notification.toast-success{border-color:#10b981}.toast-notification.toast-success .toast-content{background-color:#10b9811a}.toast-notification.toast-warning{border-color:#f59e0b}.toast-notification.toast-warning .toast-content{background-color:#f59e0b1a}.toast-notification.toast-danger{border-color:#ef4444}.toast-notification.toast-danger .toast-content{background-color:#ef44441a}.toast-notification.toast-message{border-color:#e5e7eb}.toast-notification.toast-message .toast-content{background-color:#f9fafb}.toast-body{display:flex;flex-direction:column;gap:8px;flex:1}.toast-title{font-size:14px;font-weight:600;margin:0}.toast-notification.toast-info .toast-title{color:#3b82f6}.toast-notification.toast-success .toast-title{color:#10b981}.toast-notification.toast-warning .toast-title{color:#f59e0b}.toast-notification.toast-danger .toast-title{color:#ef4444}.toast-notification.toast-message .toast-title{color:#1f2937}.toast-message-text{font-size:14px;line-height:1.5;margin:0;color:#4b5563}.toast-link-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.toast-link-btn:after{content:"→";font-size:16px;transition:transform .2s ease}.toast-link-btn:hover:after{transform:translate(3px)}.toast-notification.toast-info .toast-link-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-notification.toast-info .toast-link-btn:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.toast-notification.toast-success .toast-link-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-notification.toast-success .toast-link-btn:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.toast-notification.toast-warning .toast-link-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-notification.toast-warning .toast-link-btn:hover{box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.toast-notification.toast-danger .toast-link-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-notification.toast-danger .toast-link-btn:hover{box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.toast-dismiss{margin-left:auto;background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease;flex-shrink:0}.toast-dismiss:hover{color:#1f2937}.toast-dismiss svg{width:20px;height:20px}.toast-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.toast-message-content{display:flex;align-items:center;gap:12px;width:100%}.toast-message-body{display:flex;flex-direction:column;gap:8px;flex:1}.toast-actions{display:flex;align-items:center;gap:16px;margin-top:4px}.toast-action-btn{background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:600;padding:0;transition:opacity .2s ease}.toast-action-btn:hover{opacity:.75}.toast-action-btn.btn-primary{color:#3b82f6}.toast-action-btn.btn-secondary{color:#6b7280}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px;max-width:100%;padding:0 10px}.toast-content{padding:12px}.toast-title,.toast-message-text{font-size:13px}.toast-avatar{width:40px;height:40px}}