.notification{animation:slide-in .3s ease-out forwards;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:450px;min-width:300px;overflow:hidden;position:fixed;right:20px;top:20px;z-index:1000}.notification__content{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.notification__message{flex:1;font-size:14px;line-height:1.5}.notification__close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:20px;margin-left:10px;opacity:.7;padding:0;transition:opacity .2s}.notification__close:hover{opacity:1}.notification--success{background-color:var(--mint-veil);border-left:4px solid var(--fresh-leaf);color:var(--forest-green)}.notification--error{background-color:var(--blush-cream);border-left:4px solid var(--coral-punch);color:var(--crimson-flare)}.notification--warning{background-color:var(--peach-blossom);border-left:4px solid var(--honey-gold);color:var(--amber-wood)}.notification--info{background-color:var(--misty-gray);border-left:4px solid var(--slate-gray);color:var(--charcoal-gray)}@keyframes slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.notification{max-width:90%;min-width:auto;right:5%;top:10px;width:90%}}