.notification{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:450px;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;animation:slide-in .3s ease-out forwards;background:#fff}.notification--exiting{animation:slide-out .3s ease-in forwards}.notification__content{display:flex;align-items:center;padding:16px 20px;position:relative}.notification__icon-container{display:flex;align-items:center;margin-right:12px;flex-shrink:0}.notification__icon{font-size:20px}.notification__message{flex:1;font-size:14px;line-height:1.5;margin-right:12px}.notification__close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:.7;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.notification__close:hover{opacity:1;background:#0000000d}.notification__progress-bar{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:progress-bar linear forwards}.notification--success{background-color:#f0fdf4;border-left:4px solid #22c55e;color:#166534}.notification--error{background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.notification--warning{background-color:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.notification--info{background-color:#f0f9ff;border-left:4px solid #3b82f6;color:#1e40af}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progress-bar{0%{width:100%}to{width:0%}}@media (max-width: 768px){.notification{min-width:auto;max-width:90%;width:90%;top:10px;right:5%}.notification__content{padding:12px 16px}.notification__message{font-size:13px}.notification__icon{font-size:18px}}