.flash-notification-container{position:fixed;top:1rem;right:1rem;z-index:1050;max-width:350px;width:100%}.flash-notification{position:relative;padding:1rem;margin-bottom:1rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;overflow:hidden;transition:all .3s ease}.flash-notification-success{background-color:#f0fdf4;color:#166534;border-left:4px solid #22c55e}.flash-notification-danger{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.flash-notification-content{display:flex;align-items:center;gap:.75rem}.flash-notification-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.flash-notification-icon svg{width:100%;height:100%}.flash-notification-message{flex-grow:1;font-size:.875rem;line-height:1.25rem}.flash-notification-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:none;cursor:pointer;opacity:.7;transition:opacity .2s;color:inherit}.flash-notification-close:hover{opacity:1}.flash-notification-close svg{width:1rem;height:1rem}.flash-notification-progress{position:absolute;bottom:0;left:0;height:4px;background-color:currentColor;opacity:.3;width:100%;transform-origin:left;animation:progress 5s linear forwards}.flash-notification-enter{animation:slideIn .3s ease-out forwards}.flash-notification-leave{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}