.notification-overlay-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notification-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.notification-overlay.enter{animation:.3s ease-out forwards fadeIn}.notification-overlay.exit{animation:.3s ease-in forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius);z-index:10;transform-origin:50%;width:100%;max-width:420px;padding:2.5rem;position:relative}.enter .notification-card{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.exit .notification-card{animation:.2s ease-in forwards scaleOut}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(5px)}}.notification-header{margin-bottom:1rem}.notification-icon-title{align-items:center;gap:.75rem;display:flex}.notification-icon-title h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.notification-icon-title svg{width:24px;height:24px}.icon-success{color:#22c55e}.icon-error{color:#ef4444}.icon-warning{color:#f59e0b}.icon-info{color:#3b82f6}.notification-body{margin-bottom:1.5rem}.notification-body p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.notification-input{background:var(--bg-transparent);border:1px solid var(--border-light);border-radius:var(--radius);width:100%;color:var(--text-primary);margin-top:1rem;padding:.75rem;font-size:.95rem;transition:border-color .2s}.notification-input:focus{border-color:#3b82f6;outline:none}.notification-footer{justify-content:flex-end;gap:.75rem;display:flex}.notification-footer button{border-radius:var(--radius);cursor:pointer;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.notification-card .btn-secondary{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;color:var(--text-secondary)!important}.notification-card .btn-secondary:hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.notification-card .btn-primary{border-radius:var(--radius);padding:.85rem 1.75rem;font-weight:600;background:var(--bg-card)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important}.notification-card .btn-primary:hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important;transform:none!important}.notification-card .btn-primary.success,.notification-card .btn-primary.error,.notification-card .btn-primary.warning,.notification-card .btn-primary.info{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important}