.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100% - 40px);pointer-events:none}.notification-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #0009;pointer-events:auto;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);animation:notificationSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.notification-item:hover{transform:translate(-4px) scale(1.02);box-shadow:0 12px 40px #000000b3}.notification-success{border-color:var(--success);background:linear-gradient(135deg,var(--bg-secondary),rgba(16,185,129,.15));box-shadow:0 8px 32px #10b9814d,0 0 0 1px #10b98133}.notification-success:hover{box-shadow:0 12px 40px #10b98166,0 0 0 1px #10b9814d}.notification-error{border-color:var(--error);background:linear-gradient(135deg,var(--bg-secondary),rgba(239,68,68,.15));box-shadow:0 8px 32px #ef44444d,0 0 0 1px #ef444433}.notification-error:hover{box-shadow:0 12px 40px #ef444466,0 0 0 1px #ef44444d}.notification-warning{border-color:var(--warning);background:linear-gradient(135deg,var(--bg-secondary),rgba(245,158,11,.15));box-shadow:0 8px 32px #f59e0b4d,0 0 0 1px #f59e0b33}.notification-warning:hover{box-shadow:0 12px 40px #f59e0b66,0 0 0 1px #f59e0b4d}.notification-info{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary),rgba(124,58,237,.15));box-shadow:0 8px 32px #7c3aed4d,0 0 0 1px #7c3aed33}.notification-info:hover{box-shadow:0 12px 40px #7c3aed66,0 0 0 1px #7c3aed4d}.notification-icon{font-size:1.75rem;flex-shrink:0;animation:bounceIn .5s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.notification-message{flex:1;font-size:.95rem;color:var(--text-primary);line-height:1.4}.notification-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.notification-close:hover{color:var(--text-primary);transform:scale(1.2)}@keyframes notificationSlideIn{0%{transform:translate(400px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.animate-notification-out{animation:notificationSlideOut .3s ease-in forwards}@keyframes notificationSlideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(400px) scale(.8);opacity:0}}@media(max-width:768px){.notification-container{top:10px;right:10px;left:10px;width:auto}.notification-item{padding:.875rem 1rem}.notification-message{font-size:.875rem}}