.toast-notification{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;padding:16px 20px;margin-bottom:12px;background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);border-left:4px solid;min-height:64px;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-animation:slideInRight .4s cubic-bezier(.4,0,.2,1);animation:slideInRight .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.toast-notification:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.15)}.toast-notification.toast-success{border-left-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.toast-notification.toast-success .toast-icon{color:#10b981}.toast-notification.toast-success .toast-title{color:#065f46}.toast-notification.toast-success .progress-success{background:-webkit-gradient(linear,left top,right top,from(#10b981),to(#34d399));background:linear-gradient(90deg,#10b981,#34d399)}.toast-notification.toast-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.toast-notification.toast-error .toast-icon{color:#ef4444}.toast-notification.toast-error .toast-title{color:#991b1b}.toast-notification.toast-error .progress-error{background:-webkit-gradient(linear,left top,right top,from(#ef4444),to(#f87171));background:linear-gradient(90deg,#ef4444,#f87171)}.toast-notification.toast-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.toast-notification.toast-warning .toast-icon{color:#f59e0b}.toast-notification.toast-warning .toast-title{color:#92400e}.toast-notification.toast-warning .progress-warning{background:-webkit-gradient(linear,left top,right top,from(#f59e0b),to(#fbbf24));background:linear-gradient(90deg,#f59e0b,#fbbf24)}.toast-notification.toast-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.toast-notification.toast-info .toast-icon{color:#3b82f6}.toast-notification.toast-info .toast-title{color:#1e40af}.toast-notification.toast-info .progress-info{background:-webkit-gradient(linear,left top,right top,from(#3b82f6),to(#60a5fa));background:linear-gradient(90deg,#3b82f6,#60a5fa)}.toast-icon{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;margin-top:2px}.toast-icon svg{width:100%;height:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.toast-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.toast-title{font-size:16px;font-weight:600;margin:0 0 4px 0;line-height:1.4;letter-spacing:-.01em}.toast-message{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.toast-message p{margin:0}.toast-message p:not(:last-child){margin-bottom:8px}.toast-message a{color:inherit;text-decoration:underline}.toast-message a:hover{opacity:.8}.toast-close{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;padding:0;margin:0;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:6px;-webkit-transition:all .2s ease;transition:all .2s ease}.toast-close:hover{color:#111827;background:rgba(0,0,0,.05);-webkit-transform:scale(1.1);transform:scale(1.1)}.toast-close:active{-webkit-transform:scale(.95);transform:scale(.95)}.toast-close svg{width:100%;height:100%}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;border-radius:0 0 12px 12px;opacity:.8;-webkit-animation:progressBar 5s linear forwards;animation:progressBar 5s linear forwards}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes progressBar{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}}@keyframes progressBar{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}}@media (max-width:480px){.toast-notification{padding:14px 16px;margin-bottom:8px;border-radius:8px}.toast-notification .toast-title{font-size:15px}.toast-notification .toast-message{font-size:13px}.toast-notification .toast-close,.toast-notification .toast-icon{width:20px;height:20px}}@media (prefers-color-scheme:dark){.toast-notification{background:#1f2937;color:#f9fafb}.toast-notification .toast-close,.toast-notification .toast-message{color:#45484e}.toast-notification .toast-close:hover{color:#45484e;background:hsla(0,0%,100%,.1)}}