.notifications-container{position:fixed;top:15px;right:15px;z-index:1001;display:flex;flex-direction:column;gap:8px;width:300px;pointer-events:none}.notification{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:14px;box-shadow:var(--shadow);animation:slideInRight .4s cubic-bezier(.4,0,.2,1);pointer-events:all;transition:all .4s cubic-bezier(.4,0,.2,1)}.notification.fading{animation:slideOutRight .4s cubic-bezier(.4,0,.2,1) forwards}.notification-success{border-left:4px solid #10b981}.notification-warning{border-left:4px solid #f59e0b}.notification-error{border-left:4px solid #ef4444}.notification-info{border-left:4px solid var(--accent-primary)}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.notification-title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary);font-size:.9rem}.notification-icon{font-size:.9rem}.notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:3px;border-radius:4px;transition:all .3s ease;font-size:.85rem}.notification-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.notification-message{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.notification-progress{height:2px;background:var(--bg-secondary);border-radius:1px;margin-top:6px;overflow:hidden}.notification-progress-bar{height:100%;background:var(--accent-primary);border-radius:1px;animation:progressBar linear forwards}@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes slideOutRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}@keyframes progressBar {
    from {
        width: 100%;
    }
    to {
        width: 0%;
    }
}@media (max-width:768px){.notifications-container{top:10px;right:10px;left:10px;width:auto;max-width:none}.notification{animation:slideIn .4s ease-out;padding:12px}.notification.fading{animation:slideOut .4s ease-in forwards}@keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-15px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }@keyframes slideOut {
        from {
            opacity: 1;
            transform: translateY(0);
        }
        to {
            opacity: 0;
            transform: translateY(-15px);
        }
    }}@media (max-width:480px){.notifications-container{top:5px;right:5px;left:5px}.notification{padding:10px;border-radius:10px}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}}