:root{--success-color: #10b981;--success-light: #d1fae5;--error-color: #ef4444;--error-light: #fee2e2;--warning-color: #f59e0b;--warning-light: #fef3c7;--info-color: #3b82f6;--info-light: #dbeafe;--white: #ffffff;--text-primary: #111827;--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.flash-message-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:420px;width:calc(100% - 40px);transform:translate(500px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.flash-message-container.show{transform:translate(0);opacity:1}.flash-message{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:var(--white);border-radius:.75rem;box-shadow:var(--shadow-xl);overflow:hidden;animation:slideInBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInBounce{0%{transform:translate(500px);opacity:0}60%{transform:translate(-10px)}80%{transform:translate(5px)}to{transform:translate(0);opacity:1}}.flash-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;animation:iconPop .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards}@keyframes iconPop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.flash-success{border-left:4px solid var(--success-color)}.flash-success .flash-icon{background:linear-gradient(135deg,var(--success-color) 0%,#34d399 100%);color:var(--white);box-shadow:0 4px 12px #10b9814d}.flash-success .flash-progress-bar{background:linear-gradient(90deg,var(--success-color) 0%,#34d399 100%)}.flash-error{border-left:4px solid var(--error-color)}.flash-error .flash-icon{background:linear-gradient(135deg,var(--error-color) 0%,#dc2626 100%);color:var(--white);box-shadow:0 4px 12px #ef44444d}.flash-error .flash-progress-bar{background:linear-gradient(90deg,var(--error-color) 0%,#dc2626 100%)}.flash-warning{border-left:4px solid var(--warning-color)}.flash-warning .flash-icon{background:linear-gradient(135deg,var(--warning-color) 0%,#fbbf24 100%);color:var(--white);box-shadow:0 4px 12px #f59e0b4d}.flash-warning .flash-progress-bar{background:linear-gradient(90deg,var(--warning-color) 0%,#fbbf24 100%)}.flash-info{border-left:4px solid var(--info-color)}.flash-info .flash-icon{background:linear-gradient(135deg,var(--info-color) 0%,#60a5fa 100%);color:var(--white);box-shadow:0 4px 12px #3b82f64d}.flash-info .flash-progress-bar{background:linear-gradient(90deg,var(--info-color) 0%,#60a5fa 100%)}.flash-content{flex:1;animation:fadeInUp .5s ease .3s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flash-title{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.flash-text{font-size:.875rem;color:#6b7280;line-height:1.5}.flash-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.875rem;margin-top:-4px;margin-right:-8px;animation:fadeIn .5s ease .4s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flash-close:hover{background:#0000000d;color:var(--text-primary);transform:rotate(90deg)}.flash-close:active{transform:scale(.95) rotate(90deg)}.flash-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000000d;overflow:hidden}.flash-progress-bar{height:100%;width:100%;transform-origin:left;animation:progressShrink 5s linear forwards}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.flash-icon:before{content:"";position:absolute;inset:-4px;border-radius:50%;opacity:.3;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.flash-success .flash-icon:before{background:var(--success-color)}.flash-error .flash-icon:before{background:var(--error-color)}.flash-warning .flash-icon:before{background:var(--warning-color)}.flash-info .flash-icon:before{background:var(--info-color)}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:0}}@media(max-width:576px){.flash-message-container{top:10px;right:10px;width:calc(100% - 20px);max-width:none}.flash-message{padding:1rem 1.25rem}.flash-icon{width:40px;height:40px;font-size:1.25rem}.flash-title{font-size:.875rem}.flash-text{font-size:.8125rem}}.flash-message:hover .flash-progress-bar{animation-play-state:paused}.flash-message:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px #00000026,0 10px 10px -5px #0000000a;transition:all .2s ease}.flash-message-container+.flash-message-container{margin-top:1rem}@media(prefers-color-scheme:dark){.flash-message{background:#1f2937}.flash-title{color:#f9fafb}.flash-text{color:#d1d5db}.flash-close{color:#9ca3af}.flash-close:hover{background:#ffffff1a;color:#f9fafb}}