.notification-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);border-left:4px solid;animation:slideInRight .3s ease,fadeIn .3s ease;pointer-events:auto;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-success{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(255,255,255,.98))}.notification-error{border-left-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(255,255,255,.98))}.notification-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.05),rgba(255,255,255,.98))}.notification-info{border-left-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(255,255,255,.98))}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-success .notification-icon{color:#10b981}.notification-error .notification-icon{color:#ef4444}.notification-warning .notification-icon{color:#f59e0b}.notification-info .notification-icon{color:#3b82f6}.notification-message{flex:1 1;font-size:.9rem;color:#333;line-height:1.5;font-weight:500}.notification-close{flex-shrink:0;background:transparent;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-close:hover{background:rgba(0,0,0,.05);color:#333}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-theme=dark] .notification{background:rgba(30,30,30,.98);border-color:var(--color-border);box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}[data-theme=dark] .notification-message{color:var(--color-text-primary)}[data-theme=dark] .notification-close{color:var(--color-text-secondary)}[data-theme=dark] .notification-close:hover{background:rgba(255,255,255,.1);color:var(--color-text-primary)}@media (max-width:640px){.notification-container{top:60px;right:10px;left:10px;max-width:none}.notification{min-width:auto;padding:12px}.notification-message{font-size:.85rem}}