.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-height:calc(100vh - 40px);overflow-y:auto}.toast-item{min-width:350px;max-width:450px;background:#ffffff;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15);overflow:hidden;position:relative;pointer-events:auto;animation:toastSlideIn .4s cubic-bezier(.25,.46,.45,.94);border:2px solid rgba(0,0,0,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-content{display:flex;align-items:flex-start;padding:20px;gap:14px}.toast-icon{font-size:24px;flex-shrink:0;margin-top:1px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.toast-text{flex:1 1;min-width:0}.toast-title{font-weight:800;font-size:17px;margin-bottom:6px;color:#0d1117;line-height:1.4;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.toast-message{font-size:15px;color:#2d3748;line-height:1.5;word-wrap:break-word;font-weight:600;text-shadow:0 .5px 1px rgba(0,0,0,.08)}.toast-close{background:none;border:none;font-size:22px;color:#a0a0a0;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-weight:400}.toast-close:hover{background-color:rgba(0,0,0,.08);color:#666;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.toast-progress{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,var(--theme-default,#6362e7),var(--theme-secondary,#ffc500));animation:toastProgress linear;animation-fill-mode:forwards;border-radius:0 0 12px 12px}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-notification{background:linear-gradient(135deg,rgba(99,98,231,.12),rgba(255,197,0,.06));box-shadow:0 20px 64px rgba(99,98,231,.35),0 8px 24px rgba(0,0,0,.18);border:2px solid rgba(99,98,231,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast-notification .toast-icon{animation:bellShake .8s ease-in-out;color:var(--theme-default,#4c46d6);font-size:26px;filter:drop-shadow(0 2px 6px rgba(99,98,231,.4))}.toast-notification .toast-title{color:var(--theme-default,#4c46d6);font-weight:900;font-size:18px;text-shadow:0 2px 4px rgba(99,98,231,.3)}.toast-notification .toast-message{color:#1a202c;font-weight:700;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.15)}.dark .toast-item,[data-theme=dark] .toast-item{background:#1a1b23;border-color:rgba(255,255,255,.25);color:white;box-shadow:0 20px 64px rgba(0,0,0,.6),0 8px 24px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dark .toast-title,[data-theme=dark] .toast-title{color:#f7fafc;font-weight:700}.dark .toast-message,[data-theme=dark] .toast-message{color:#e2e8f0;font-weight:500}.dark .toast-close,[data-theme=dark] .toast-close{color:rgba(255,255,255,.5)}.dark .toast-close:hover,[data-theme=dark] .toast-close:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.dark .toast-notification,[data-theme=dark] .toast-notification{background:linear-gradient(135deg,rgba(159,122,234,.15),rgba(255,197,0,.08));border-color:rgba(159,122,234,.4);box-shadow:0 20px 64px rgba(159,122,234,.4),0 8px 24px rgba(0,0,0,.5)}.dark .toast-notification .toast-title,[data-theme=dark] .toast-notification .toast-title{color:#b794f6;text-shadow:0 2px 4px rgba(159,122,234,.5)}.dark .toast-notification .toast-message,[data-theme=dark] .toast-notification .toast-message{color:#f7fafc;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes toastSlideIn{0%{transform:translateX(100%) scale(.95);opacity:0}60%{transform:translateX(-5%) scale(1.02);opacity:.9}to{transform:translateX(0) scale(1);opacity:1}}@keyframes toastProgress{0%{width:100%}to{width:0}}@keyframes bellShake{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.pulse-animation{animation:notificationPulse .6s ease-out}.bounce-animation{animation:badgeBounce .8s ease-out}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes badgeBounce{0%,20%,60%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.1)}80%{transform:translateY(-3px) scale(1.05)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.toast-container{top:10px;right:10px;left:10px}.toast-item{min-width:auto;width:100%}}